ui fixes
This commit is contained in:
parent
7ffb646034
commit
767638742b
|
@ -76,7 +76,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="container-fluid">
|
<div *ngIf="!isNewDescriptionDialogOpen" class="container-fluid">
|
||||||
<div class="row pt-2">
|
<div class="row pt-2">
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<app-navigation-breadcrumb />
|
<app-navigation-breadcrumb />
|
||||||
|
|
|
@ -73,6 +73,7 @@ export class DescriptionEditorComponent extends BaseEditor<DescriptionEditorMode
|
||||||
reachedBase: boolean = true;
|
reachedBase: boolean = true;
|
||||||
reachedLast: boolean = false;
|
reachedLast: boolean = false;
|
||||||
reachedFirst: boolean = false;
|
reachedFirst: boolean = false;
|
||||||
|
isNewDescriptionDialogOpen: boolean = false;
|
||||||
|
|
||||||
anchorFieldsetId: string;
|
anchorFieldsetId: string;
|
||||||
scrollToField: boolean = false;
|
scrollToField: boolean = false;
|
||||||
|
@ -155,7 +156,7 @@ export class DescriptionEditorComponent extends BaseEditor<DescriptionEditorMode
|
||||||
}
|
}
|
||||||
else if (planId != null && planSectionId != null) {
|
else if (planId != null && planSectionId != null) {
|
||||||
this.isNew = true;
|
this.isNew = true;
|
||||||
this.reachedBase = false;
|
this.isNewDescriptionDialogOpen = true;
|
||||||
const dialogRef = this.dialog.open(NewDescriptionDialogComponent, {
|
const dialogRef = this.dialog.open(NewDescriptionDialogComponent, {
|
||||||
width: '590px',
|
width: '590px',
|
||||||
minHeight: '200px',
|
minHeight: '200px',
|
||||||
|
@ -183,9 +184,8 @@ export class DescriptionEditorComponent extends BaseEditor<DescriptionEditorMode
|
||||||
} else if (result.descriptionTemplateId != null) {
|
} else if (result.descriptionTemplateId != null) {
|
||||||
this.formGroup.get('descriptionTemplateId').setValue(result.descriptionTemplateId);
|
this.formGroup.get('descriptionTemplateId').setValue(result.descriptionTemplateId);
|
||||||
}
|
}
|
||||||
} else {
|
|
||||||
this.reachedBase = true;
|
|
||||||
}
|
}
|
||||||
|
this.isNewDescriptionDialogOpen = false;
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
if (this.route.snapshot.url[1] && this.route.snapshot.url[1].path == 'finalize' && !this.lockStatus && !this.viewOnly) {
|
if (this.route.snapshot.url[1] && this.route.snapshot.url[1].path == 'finalize' && !this.lockStatus && !this.viewOnly) {
|
||||||
|
|
|
@ -141,7 +141,7 @@
|
||||||
<ol class="descriptionsInSection">
|
<ol class="descriptionsInSection">
|
||||||
<li *ngFor="let description of descriptionsInSection(section.id); let descriptionIndex = index" (click)="editDescription(description.id, false)" class="active-description">
|
<li *ngFor="let description of descriptionsInSection(section.id); let descriptionIndex = index" (click)="editDescription(description.id, false)" class="active-description">
|
||||||
<div class="d-flex flex-direction-row">
|
<div class="d-flex flex-direction-row">
|
||||||
<div class="label" matTooltip="{{description.label}}">{{'PLAN-EDITOR.DESCRIPTION' | translate}}: {{ description.label }}</div>
|
<div class="label" matTooltip="{{description.label}}" matTooltipPosition="right">{{'PLAN-EDITOR.DESCRIPTION' | translate}}: {{ description.label }}</div>
|
||||||
<div (click)="$event.stopPropagation(); removeDescription(description.id)"><mat-icon *ngIf="description.status !== descriptionStatusEnum.Finalized && canDeleteSection(section.id) && !formGroup.disabled" [ngClass]="{'drag-handle-disabled': formGroup.disabled}" class="ml-2 mr-2 remove-description size-16" matTooltip="{{'PLAN-EDITOR.ACTIONS.DELETE' | translate}}">close</mat-icon></div>
|
<div (click)="$event.stopPropagation(); removeDescription(description.id)"><mat-icon *ngIf="description.status !== descriptionStatusEnum.Finalized && canDeleteSection(section.id) && !formGroup.disabled" [ngClass]="{'drag-handle-disabled': formGroup.disabled}" class="ml-2 mr-2 remove-description size-16" matTooltip="{{'PLAN-EDITOR.ACTIONS.DELETE' | translate}}">close</mat-icon></div>
|
||||||
<mat-icon *ngIf="description.status === descriptionStatusEnum.Finalized" class="ml-2 mr-2 status-icon check-icon size-16" matTooltip="{{'TYPES.DESCRIPTION-STATUS.FINALIZED' | translate}}">check</mat-icon>
|
<mat-icon *ngIf="description.status === descriptionStatusEnum.Finalized" class="ml-2 mr-2 status-icon check-icon size-16" matTooltip="{{'TYPES.DESCRIPTION-STATUS.FINALIZED' | translate}}">check</mat-icon>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -81,7 +81,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.stepper-options {
|
.stepper-options {
|
||||||
height: calc(100vh - 650px);
|
height: calc(100vh - 550px);
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue