Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

added save&close secondary button in edit dossier modal

Browse Source
This commit is contained in:
Valentin 2021-11-05 12:06:08 +02:00
parent ad143ab1e0
commit 6b3150812b
3 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.html
View File

@ -65,6 +65,12 @@
>
{{ 'edit-dossier-dialog.actions.save' | translate }}
</button>
<iqser-icon-button
(click)="save(true)"
[disabled]="activeComponent?.disabled || !activeComponent?.changed"
[label]="'edit-dossier-dialog.actions.save-and-close' | translate"
[type]="iconButtonTypes.dark">
</iqser-icon-button>
<div (click)="revert()" class="all-caps-label cancel" translate="edit-dossier-dialog.actions.revert"></div>
</div>

12
apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.ts
View File

@ -1,10 +1,10 @@
import { ChangeDetectorRef, Component, Inject, ViewChild } from '@angular/core';
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
import { Dossier } from '@red/domain';
import { EditDossierGeneralInfoComponent } from './general-info/edit-dossier-general-info.component';
import { EditDossierDownloadPackageComponent } from './download-package/edit-dossier-download-package.component';
import { EditDossierSectionInterface } from './edit-dossier-section.interface';
import { Toaster } from '@iqser/common-ui';
import { IconButtonTypes, Toaster } from '@iqser/common-ui';
import { EditDossierDictionaryComponent } from './dictionary/edit-dossier-dictionary.component';
import { EditDossierTeamMembersComponent } from './team-members/edit-dossier-team-members.component';
import { EditDossierAttributesComponent } from './attributes/edit-dossier-attributes.component';
@ -22,6 +22,7 @@ type Section = 'dossierInfo' | 'downloadPackage' | 'dossierDictionary' | 'member
})
export class EditDossierDialogComponent {
readonly navItems: { key: Section; title?: string; sideNavTitle?: string }[];
readonly iconButtonTypes = IconButtonTypes;
activeNav: Section;
dossier: Dossier;
@ -37,6 +38,7 @@ export class EditDossierDialogComponent {
private readonly _appStateService: AppStateService,
private readonly _dossiersService: DossiersService,
private readonly _changeRef: ChangeDetectorRef,
private readonly _dialogRef: MatDialogRef<EditDossierDialogComponent>,
@Inject(MAT_DIALOG_DATA)
private readonly _data: {
dossier: Dossier;
@ -119,8 +121,12 @@ export class EditDossierDialogComponent {
}
}
async save() {
async save(closeAfterSave: boolean = false) {
await this.activeComponent.save();
if (closeAfterSave) {
this._dialogRef.close();
}
}
revert() {

11
apps/red-ui/src/assets/i18n/en.json
View File

@ -681,10 +681,10 @@
"stats": {
"analysed-pages": "{count} {count, plural, one{page} other{pages}}",
"created-on": "Created on {date}",
"deleted": "{count} deleted files",
"documents": "{count} {count, plural, one{document} other{documents}}",
"due-date": "Due {date}",
"people": "{count} {count, plural, one{user} other{users}}",
"deleted": "{count} deleted files"
"people": "{count} {count, plural, one{user} other{users}}"
}
},
"download-file": "Download",
@ -701,9 +701,9 @@
"search": "Document name..."
},
"header-actions": {
"download-csv": "Download CSV File Report",
"edit": "Edit Dossier",
"upload-document": "Upload Document",
"download-csv": "Download CSV File Report"
"upload-document": "Upload Document"
},
"new-rule": {
"toast": {
@ -827,7 +827,8 @@
"edit-dossier-dialog": {
"actions": {
"revert": "Revert",
"save": "Save Changes"
"save": "Save",
"save-and-close": "Save & Close"
},
"attributes": {
"custom-attributes": "Custom Dossier Attributes",