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

Editable input & some dossier dictionary updates

Browse Source
This commit is contained in:
Adina Țeudan 2021-08-11 22:27:20 +03:00
parent ac0114f5d0
commit 0308d6c88f
20 changed files with 124 additions and 225 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/active-fields-listing/active-fields-listing.component.html
View File

@ -1,7 +1,7 @@
<iqser-table-header <iqser-table-header
[bulkActions]="bulkActions" [bulkActions]="bulkActions"
[selectionEnabled]="true"
[hasEmptyColumn]="true" [hasEmptyColumn]="true"
[selectionEnabled]="true"
[tableColumnConfigs]="tableColumnConfigs" [tableColumnConfigs]="tableColumnConfigs"
[tableHeaderLabel]="tableHeaderLabel" [tableHeaderLabel]="tableHeaderLabel"
></iqser-table-header> ></iqser-table-header>
@ -22,42 +22,19 @@
<div (click)="toggleEntitySelected($event, field)" class="selection-column"> <div (click)="toggleEntitySelected($event, field)" class="selection-column">
<iqser-round-checkbox [active]="isSelected(field)"></iqser-round-checkbox> <iqser-round-checkbox [active]="isSelected(field)"></iqser-round-checkbox>
</div> </div>
<div [class.editing]="field.editingName" class="name">
<div *ngIf="!field.editingName"> <div>
{{ field.name }} <iqser-editable-input
(save)="field.name = $event"
[buttonsType]="circleButtonTypes.dark"
[cancelTooltip]="'file-attributes-csv-import.action.cancel-edit-name' | translate"
[class]="'w-200'"
[editTooltip]="'file-attributes-csv-import.action.edit-name' | translate"
[saveTooltip]="'file-attributes-csv-import.action.save-name' | translate"
[value]="field.name"
></iqser-editable-input>
</div> </div>
<form (submit)="field.editingName = false; field.name = field.temporaryName" *ngIf="field.editingName">
<div class="red-input-group w-200">
<input [(ngModel)]="field.temporaryName" name="name" />
</div>
</form>
<iqser-circle-button
(action)="field.editingName = true"
*ngIf="!field.editingName"
[tooltip]="'file-attributes-csv-import.action.edit-name' | translate"
class="edit-name-button"
icon="red:edit"
[type]="circleButtonTypes.dark"
></iqser-circle-button>
<ng-container *ngIf="field.editingName">
<iqser-circle-button
(action)="field.editingName = false; field.name = field.temporaryName"
[tooltip]="'file-attributes-csv-import.action.save-name' | translate"
icon="red:check"
[type]="circleButtonTypes.dark"
></iqser-circle-button>
<iqser-circle-button
(action)="field.editingName = false; field.temporaryName = field.name"
[tooltip]="'file-attributes-csv-import.action.cancel-edit-name' | translate"
icon="red:close"
[type]="circleButtonTypes.dark"
></iqser-circle-button>
</ng-container>
</div>
<div> <div>
<div class="red-input-group"> <div class="red-input-group">
<mat-form-field class="no-label"> <mat-form-field class="no-label">
@ -84,8 +61,8 @@
(action)="field.primaryAttribute = false; toggleFieldActive.emit(field)" (action)="field.primaryAttribute = false; toggleFieldActive.emit(field)"
[removeTooltip]="true" [removeTooltip]="true"
[tooltip]="'file-attributes-csv-import.action.remove' | translate" [tooltip]="'file-attributes-csv-import.action.remove' | translate"
icon="red:trash"
[type]="circleButtonTypes.dark" [type]="circleButtonTypes.dark"
icon="red:trash"
></iqser-circle-button> ></iqser-circle-button>
</div> </div>
</div> </div>
@ -98,15 +75,15 @@
<iqser-circle-button <iqser-circle-button
[matMenuTriggerFor]="readOnlyMenu" [matMenuTriggerFor]="readOnlyMenu"
[tooltip]="'file-attributes-csv-import.table-header.actions.read-only' | translate" [tooltip]="'file-attributes-csv-import.table-header.actions.read-only' | translate"
icon="red:read-only"
[type]="circleButtonTypes.dark" [type]="circleButtonTypes.dark"
icon="red:read-only"
></iqser-circle-button> ></iqser-circle-button>
<iqser-circle-button <iqser-circle-button
(action)="deactivateSelection()" (action)="deactivateSelection()"
[tooltip]="'file-attributes-csv-import.table-header.actions.remove-selected' | translate" [tooltip]="'file-attributes-csv-import.table-header.actions.remove-selected' | translate"
icon="red:trash"
[type]="circleButtonTypes.dark" [type]="circleButtonTypes.dark"
icon="red:trash"
></iqser-circle-button> ></iqser-circle-button>
<div class="separator"></div> <div class="separator"></div>

32
apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/active-fields-listing/active-fields-listing.component.scss
View File

@ -1,15 +1,10 @@
@import '../../../../../../assets/styles/variables'; @import '../../../../../../assets/styles/variables';
iqser-table-column-name::ng-deep > div { iqser-table-header::ng-deep iqser-table-column-name .name {
padding: 0 13px 0 10px !important; padding-left: 22px;
&.name {
padding-left: 22px !important;
}
} }
iqser-table-header::ng-deep .header-item { iqser-table-header::ng-deep .header-item {
padding: 0 24px 0 10px;
box-shadow: none; box-shadow: none;
border-top: 1px solid $separator; border-top: 1px solid $separator;
@ -36,8 +31,7 @@ cdk-virtual-scroll-viewport {
::ng-deep.cdk-virtual-scroll-content-wrapper { ::ng-deep.cdk-virtual-scroll-content-wrapper {
grid-template-columns: 30px minmax(0, 350px) 150px auto auto auto 11px; grid-template-columns: 30px minmax(0, 350px) 150px auto auto auto 11px;
.table-item { .table-item > div {
> div {
height: 50px; height: 50px;
&:not(.scrollbar-placeholder) { &:not(.scrollbar-placeholder) {
@ -48,27 +42,15 @@ cdk-virtual-scroll-viewport {
} }
} }
&.name { iqser-editable-input:not(.editing) {
flex-direction: row; padding-left: 12px;
align-items: center;
justify-content: flex-start;
&:not(.editing) {
padding-left: 22px;
} }
.edit-name-button { iqser-editable-input::ng-deep .edit-button {
display: none; display: none;
} }
iqser-circle-button:first-of-type { &:hover iqser-editable-input::ng-deep .edit-button {
margin-left: 7px;
margin-right: 2px;
}
}
}
&:hover .name .edit-name-button {
display: block; display: block;
} }
} }

4
apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.scss
View File

@ -49,8 +49,8 @@
.csv-part { .csv-part {
display: flex; display: flex;
min-height: calc(90vh - 240px); min-height: calc(90vh - 241px);
max-height: calc(90vh - 240px); max-height: calc(90vh - 241px);
.csv-part-header { .csv-part-header {
height: 50px; height: 50px;

7
apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.ts
View File

@ -16,8 +16,6 @@ export interface Field {
type: FileAttributeConfig.TypeEnum; type: FileAttributeConfig.TypeEnum;
readonly: boolean; readonly: boolean;
primaryAttribute: boolean; primaryAttribute: boolean;
editingName?: boolean;
temporaryName?: string;
} }
@Component({ @Component({
@ -26,9 +24,7 @@ export interface Field {
providers: [...DefaultListingServices] providers: [...DefaultListingServices]
}) })
export class FileAttributesCsvImportDialogComponent extends ListingComponent<Field> { export class FileAttributesCsvImportDialogComponent extends ListingComponent<Field> {
protected readonly _primaryKey = 'csvColumn';
readonly tableColumnConfigs: TableColumnConfig<Field>[] = []; readonly tableColumnConfigs: TableColumnConfig<Field>[] = [];
parseResult: { data: any[]; errors: any[]; meta: any; fields: Field[] }; parseResult: { data: any[]; errors: any[]; meta: any; fields: Field[] };
hoveredColumn: string; hoveredColumn: string;
activeFields: Field[] = []; activeFields: Field[] = [];
@ -39,6 +35,7 @@ export class FileAttributesCsvImportDialogComponent extends ListingComponent<Fie
keepPreview = false; keepPreview = false;
columnSample = []; columnSample = [];
initialParseConfig: { delimiter?: string; encoding?: string } = {}; initialParseConfig: { delimiter?: string; encoding?: string } = {};
protected readonly _primaryKey = 'csvColumn';
constructor( constructor(
private readonly _toaster: Toaster, private readonly _toaster: Toaster,
@ -94,7 +91,6 @@ export class FileAttributesCsvImportDialogComponent extends ListingComponent<Fie
if (existing) { if (existing) {
entity.id = existing.id; entity.id = existing.id;
entity.name = existing.label; entity.name = existing.label;
entity.temporaryName = existing.label;
entity.type = existing.type; entity.type = existing.type;
entity.readonly = !existing.editable; entity.readonly = !existing.editable;
entity.primaryAttribute = existing.primaryAttribute; entity.primaryAttribute = existing.primaryAttribute;
@ -231,7 +227,6 @@ export class FileAttributesCsvImportDialogComponent extends ListingComponent<Fie
return { return {
csvColumn, csvColumn,
name: csvColumn, name: csvColumn,
temporaryName: csvColumn,
type: isNumber ? FileAttributeConfig.TypeEnum.NUMBER : FileAttributeConfig.TypeEnum.TEXT, type: isNumber ? FileAttributeConfig.TypeEnum.NUMBER : FileAttributeConfig.TypeEnum.TEXT,
readonly: false, readonly: false,
primaryAttribute: false primaryAttribute: false

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

@ -1,24 +0,0 @@
<section class="dialog">
<div class="dialog-header heading-l" translate="dossier-dictionary-dialog.title"></div>
<form (submit)="saveDossierDictionary()">
<div class="dialog-content">
<redaction-dictionary-manager
#dictionaryManager
[canEdit]="canEdit"
[initialEntries]="dossier.type?.entries"
[withFloatingActions]="false"
></redaction-dictionary-manager>
</div>
<div class="dialog-actions">
<button [disabled]="!canEdit || !dictionaryManager.hasChanges" color="primary" mat-flat-button type="submit">
{{ 'dossier-dictionary-dialog.save-changes' | translate }}
</button>
<div class="all-caps-label pointer cancel" mat-dialog-close translate="dossier-dictionary-dialog.cancel"></div>
</div>
</form>
<iqser-circle-button class="dialog-close" icon="red:close" mat-dialog-close></iqser-circle-button>
</section>

5
apps/red-ui/src/app/modules/dossier/dialogs/dossier-dictionary-dialog/dossier-dictionary-dialog.component.scss
View File

@ -1,5 +0,0 @@
.dialog-content {
height: calc(90vh - 160px);
box-sizing: border-box;
padding-bottom: 24px;
}

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

@ -1,44 +0,0 @@
import { Component, Inject, ViewChild } from '@angular/core';
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
import { DossierWrapper } from '@state/model/dossier.wrapper';
import { DictionaryManagerComponent } from '@shared/components/dictionary-manager/dictionary-manager.component';
import { DictionarySaveService } from '@shared/services/dictionary-save.service';
import { AppStateService } from '@state/app-state.service';
import { PermissionsService } from '@services/permissions.service';
@Component({
selector: 'redaction-dossier-dictionary-dialog',
templateUrl: './dossier-dictionary-dialog.component.html',
styleUrls: ['./dossier-dictionary-dialog.component.scss']
})
export class DossierDictionaryDialogComponent {
canEdit = false;
@ViewChild('dictionaryManager', { static: false })
private _dictionaryManager: DictionaryManagerComponent;
constructor(
public permissionsService: PermissionsService,
public dialogRef: MatDialogRef<DossierDictionaryDialogComponent>,
@Inject(MAT_DIALOG_DATA) public dossier: DossierWrapper,
private readonly _appStateService: AppStateService,
private readonly _dictionarySaveService: DictionarySaveService
) {
this.canEdit = this.permissionsService.isDossierMember(this.dossier) || this.permissionsService.isAdmin();
}
saveDossierDictionary() {
this._dictionarySaveService
.saveEntries(
this._dictionaryManager.currentEntries,
this._dictionaryManager.initialEntries,
this.dossier.dossierTemplateId,
'dossier_redaction',
this.dossier.dossierId
)
.subscribe(async () => {
await this._appStateService.reloadActiveDossierFiles();
this._appStateService.updateDossierDictionary(this.dossier.dossierTemplateId, this.dossier.dossierId);
this.dialogRef.close();
});
}
}

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

@ -1,3 +1,28 @@
<div class="header-wrapper">
<div class="heading">
<div translate="edit-dossier-dialog.nav-items.dossier-dictionary"></div>
<div class="small-label stats-subtitle">
<div>
<mat-icon svgIcon="red:entries"></mat-icon>
{{ 'edit-dossier-dialog.dictionary.entries' | translate: { length: (dossierWrapper.type?.entries || []).length } }}
</div>
</div>
</div>
<!-- <div class="display-name">-->
<!-- <div class="mr-16" translate="Display Name"></div>-->
<!-- <iqser-editable-input-->
<!-- (save)="field.name = $event"-->
<!-- [buttonsType]="circleButtonTypes.dark"-->
<!-- [cancelTooltip]="'file-attributes-csv-import.action.cancel-edit-name' | translate"-->
<!-- [class]="'w-200'"-->
<!-- [editTooltip]="'file-attributes-csv-import.action.edit-name' | translate"-->
<!-- [saveTooltip]="'file-attributes-csv-import.action.save-name' | translate"-->
<!-- [value]="field.name"-->
<!-- ></iqser-editable-input>-->
<!-- </div>-->
</div>
<redaction-dictionary-manager <redaction-dictionary-manager
[canEdit]="canEdit" [canEdit]="canEdit"
[initialEntries]="dossierWrapper.type?.entries || []" [initialEntries]="dossierWrapper.type?.entries || []"

9
apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/dictionary/edit-dossier-dictionary.component.scss
View File

@ -0,0 +1,9 @@
.header-wrapper {
display: flex;
justify-content: space-between;
.display-name {
display: flex;
align-items: center;
}
}

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

@ -5,6 +5,7 @@ import { EditDossierSectionInterface } from '../edit-dossier-section.interface';
import { PermissionsService } from '@services/permissions.service'; import { PermissionsService } from '@services/permissions.service';
import { DictionaryManagerComponent } from '@shared/components/dictionary-manager/dictionary-manager.component'; import { DictionaryManagerComponent } from '@shared/components/dictionary-manager/dictionary-manager.component';
import { DictionarySaveService } from '@shared/services/dictionary-save.service'; import { DictionarySaveService } from '@shared/services/dictionary-save.service';
import { FormBuilder } from '@angular/forms';
@Component({ @Component({
selector: 'redaction-edit-dossier-dictionary', selector: 'redaction-edit-dossier-dictionary',
@ -21,7 +22,8 @@ export class EditDossierDictionaryComponent implements EditDossierSectionInterfa
constructor( constructor(
private readonly _appStateService: AppStateService, private readonly _appStateService: AppStateService,
private readonly _dictionarySaveService: DictionarySaveService, private readonly _dictionarySaveService: DictionarySaveService,
private readonly _permissionsService: PermissionsService private readonly _permissionsService: PermissionsService,
private readonly _formBuilder: FormBuilder
) { ) {
this.canEdit = this._permissionsService.isDossierMember(this.dossierWrapper) || this._permissionsService.isAdmin(); this.canEdit = this._permissionsService.isDossierMember(this.dossierWrapper) || this._permissionsService.isAdmin();
} }

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

@ -17,16 +17,6 @@
<div [class.no-actions]="!showActionButtons" [class.no-padding]="noPaddingTab" class="content"> <div [class.no-actions]="!showActionButtons" [class.no-padding]="noPaddingTab" class="content">
<div *ngIf="showHeading" class="heading"> <div *ngIf="showHeading" class="heading">
{{ activeNavItem.title | translate }} {{ activeNavItem.title | translate }}
<div *ngIf="showSubtitle" class="small-label stats-subtitle">
<div>
<mat-icon svgIcon="red:entries"></mat-icon>
{{
'edit-dossier-dialog.dictionary.entries'
| translate: { length: (dossierWrapper.type?.entries || []).length }
}}
</div>
</div>
</div> </div>
<redaction-edit-dossier-general-info <redaction-edit-dossier-general-info

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

@ -72,7 +72,7 @@ export class EditDossierDialogComponent {
]; ];
this.dossierWrapper = _data.dossierWrapper; this.dossierWrapper = _data.dossierWrapper;
this.activeNav = _data.section || 'dossierInfo'; this.activeNav = _data.section || 'dossierDictionary';
} }
get activeNavItem(): { key: string; title?: string } { get activeNavItem(): { key: string; title?: string } {
@ -95,11 +95,7 @@ export class EditDossierDialogComponent {
} }
get showHeading(): boolean { get showHeading(): boolean {
return !['dossierAttributes', 'deletedDocuments'].includes(this.activeNav); return !['dossierAttributes', 'dossierDictionary', 'deletedDocuments'].includes(this.activeNav);
}
get showSubtitle(): boolean {
return ['dossierDictionary'].includes(this.activeNav);
} }
get showActionButtons(): boolean { get showActionButtons(): boolean {

2
apps/red-ui/src/app/modules/dossier/dossiers.module.ts
View File

@ -34,7 +34,6 @@ import { PdfViewerDataService } from './services/pdf-viewer-data.service';
import { ManualAnnotationService } from './services/manual-annotation.service'; import { ManualAnnotationService } from './services/manual-annotation.service';
import { AnnotationDrawService } from './services/annotation-draw.service'; import { AnnotationDrawService } from './services/annotation-draw.service';
import { AnnotationProcessingService } from './services/annotation-processing.service'; import { AnnotationProcessingService } from './services/annotation-processing.service';
import { DossierDictionaryDialogComponent } from './dialogs/dossier-dictionary-dialog/dossier-dictionary-dialog.component';
import { EditDossierDialogComponent } from './dialogs/edit-dossier-dialog/edit-dossier-dialog.component'; import { EditDossierDialogComponent } from './dialogs/edit-dossier-dialog/edit-dossier-dialog.component';
import { EditDossierGeneralInfoComponent } from './dialogs/edit-dossier-dialog/general-info/edit-dossier-general-info.component'; import { EditDossierGeneralInfoComponent } from './dialogs/edit-dossier-dialog/general-info/edit-dossier-general-info.component';
import { EditDossierDownloadPackageComponent } from './dialogs/edit-dossier-dialog/download-package/edit-dossier-download-package.component'; import { EditDossierDownloadPackageComponent } from './dialogs/edit-dossier-dialog/download-package/edit-dossier-download-package.component';
@ -62,7 +61,6 @@ const dialogs = [
RemoveAnnotationsDialogComponent, RemoveAnnotationsDialogComponent,
DocumentInfoDialogComponent, DocumentInfoDialogComponent,
AssignReviewerApproverDialogComponent, AssignReviewerApproverDialogComponent,
DossierDictionaryDialogComponent,
ChangeLegalBasisDialogComponent, ChangeLegalBasisDialogComponent,
RecategorizeImageDialogComponent RecategorizeImageDialogComponent
]; ];

39
apps/red-ui/src/app/modules/dossier/screens/dossier-overview-screen/dossier-overview-screen.component.ts
View File

@ -163,20 +163,19 @@ export class DossierOverviewScreenComponent extends ListingComponent<FileStatusW
this.ngOnDestroy(); this.ngOnDestroy();
} }
reanalyseDossier() { async reanalyseDossier() {
return this._appStateService try {
.reanalyzeDossier() await this._appStateService.reanalyzeDossier();
.then(() => { await this.reloadDossiers();
this.reloadDossiers();
this._toaster.success(_('dossier-overview.reanalyse-dossier.success')); this._toaster.success(_('dossier-overview.reanalyse-dossier.success'));
}) } catch (e) {
.catch(() => this._toaster.error(_('dossier-overview.reanalyse-dossier.error'))); this._toaster.error(_('dossier-overview.reanalyse-dossier.error'));
}
} }
reloadDossiers() { async reloadDossiers() {
this._appStateService.getFiles(this.currentDossier, false).then(() => { await this._appStateService.getFiles(this.currentDossier, false);
this.calculateData(); this.calculateData();
});
} }
calculateData(): void { calculateData(): void {
@ -209,9 +208,9 @@ export class DossierOverviewScreenComponent extends ListingComponent<FileStatusW
return fileStatus.canBeOpened ? [`/main/dossiers/${this.currentDossier.dossierId}/file/${fileStatus.fileId}`] : []; return fileStatus.canBeOpened ? [`/main/dossiers/${this.currentDossier.dossierId}/file/${fileStatus.fileId}`] : [];
} }
bulkActionPerformed() { async bulkActionPerformed() {
this.entitiesService.setSelected([]); this.entitiesService.setSelected([]);
this.reloadDossiers(); await this.reloadDossiers();
} }
openEditDossierDialog($event: MouseEvent) { openEditDossierDialog($event: MouseEvent) {
@ -221,20 +220,14 @@ export class DossierOverviewScreenComponent extends ListingComponent<FileStatusW
} }
openAssignDossierMembersDialog(): void { openAssignDossierMembersDialog(): void {
this._dialogService.openDialog( const data = { dossierWrapper: this.currentDossier, section: 'members' };
'editDossier', this._dialogService.openDialog('editDossier', null, data, async () => await this.reloadDossiers());
null,
{
dossierWrapper: this.currentDossier,
section: 'members'
},
() => this.reloadDossiers()
);
} }
openDossierDictionaryDialog() { openDossierDictionaryDialog() {
this._dialogService.openDialog('dossierDictionary', null, this.currentDossier, () => { const data = { dossierWrapper: this.currentDossier, section: 'dossierDictionary' };
this.reloadDossiers(); this._dialogService.openDialog('editDossier', null, data, async () => {
await this.reloadDossiers();
}); });
} }

6
apps/red-ui/src/app/modules/dossier/services/dossiers-dialog.service.ts
View File

@ -8,7 +8,6 @@ import { DocumentInfoDialogComponent } from '../dialogs/document-info-dialog/doc
import { AppStateService } from '@state/app-state.service'; import { AppStateService } from '@state/app-state.service';
import { ManualAnnotationService } from './manual-annotation.service'; import { ManualAnnotationService } from './manual-annotation.service';
import { ManualAnnotationDialogComponent } from '../dialogs/manual-redaction-dialog/manual-annotation-dialog.component'; import { ManualAnnotationDialogComponent } from '../dialogs/manual-redaction-dialog/manual-annotation-dialog.component';
import { DossierDictionaryDialogComponent } from '../dialogs/dossier-dictionary-dialog/dossier-dictionary-dialog.component';
import { EditDossierDialogComponent } from '../dialogs/edit-dossier-dialog/edit-dossier-dialog.component'; import { EditDossierDialogComponent } from '../dialogs/edit-dossier-dialog/edit-dossier-dialog.component';
import { AssignReviewerApproverDialogComponent } from '../dialogs/assign-reviewer-approver-dialog/assign-reviewer-approver-dialog.component'; import { AssignReviewerApproverDialogComponent } from '../dialogs/assign-reviewer-approver-dialog/assign-reviewer-approver-dialog.component';
import { AppConfigService } from '@app-config/app-config.service'; import { AppConfigService } from '@app-config/app-config.service';
@ -25,7 +24,6 @@ type DialogType =
| 'assignFile' | 'assignFile'
| 'recategorizeImage' | 'recategorizeImage'
| 'changeLegalBasis' | 'changeLegalBasis'
| 'dossierDictionary'
| 'removeAnnotations' | 'removeAnnotations'
| 'forceRedaction' | 'forceRedaction'
| 'manualAnnotation'; | 'manualAnnotation';
@ -64,10 +62,6 @@ export class DossiersDialogService extends DialogService<DialogType> {
changeLegalBasis: { changeLegalBasis: {
component: ChangeLegalBasisDialogComponent component: ChangeLegalBasisDialogComponent
}, },
dossierDictionary: {
component: DossierDictionaryDialogComponent,
dialogConfig: { width: '90vw', height: '90vh' }
},
removeAnnotations: { removeAnnotations: {
component: RemoveAnnotationsDialogComponent component: RemoveAnnotationsDialogComponent
}, },

8
apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.html
View File

@ -1,6 +1,6 @@
<div class="content-container"> <div class="content-container">
<div class="actions-bar"> <div class="actions-bar">
<div class="red-input-group w-450 mr-32"> <div class="red-input-group w-250 mr-32">
<input <input
#inputElement #inputElement
(keyup)="searchChanged(searchText)" (keyup)="searchChanged(searchText)"
@ -24,12 +24,13 @@
</div> </div>
</div> </div>
</div> </div>
<div class="compare">
<div class="red-input-group mr-16"> <div class="red-input-group mr-16">
<mat-checkbox [(ngModel)]="compare" color="primary"> <mat-checkbox [(ngModel)]="compare" color="primary">
{{ 'dictionary-overview.compare.compare' | translate }} {{ 'dictionary-overview.compare.compare' | translate }}
</mat-checkbox> </mat-checkbox>
</div> </div>
<div class="red-input-group w-200 mr-8"> <div class="red-input-group w-200 mt-0">
<mat-select [(ngModel)]="dossier" [disabled]="!compare"> <mat-select [(ngModel)]="dossier" [disabled]="!compare">
<mat-option [value]="selectDossier">{{ selectDossier.dossierName | translate }}</mat-option> <mat-option [value]="selectDossier">{{ selectDossier.dossierName | translate }}</mat-option>
<mat-option *ngFor="let dossier of dossiers" [value]="dossier"> <mat-option *ngFor="let dossier of dossiers" [value]="dossier">
@ -38,6 +39,7 @@
</mat-select> </mat-select>
</div> </div>
</div> </div>
</div>
<div class="editor-container"> <div class="editor-container">
<ngx-monaco-editor <ngx-monaco-editor
@ -65,8 +67,8 @@
<iqser-icon-button <iqser-icon-button
(action)="saveDictionary.emit(currentEntries)" (action)="saveDictionary.emit(currentEntries)"
[label]="'dictionary-overview.save-changes' | translate" [label]="'dictionary-overview.save-changes' | translate"
icon="red:check"
[type]="iconButtonTypes.primary" [type]="iconButtonTypes.primary"
icon="red:check"
></iqser-icon-button> ></iqser-icon-button>
<div (click)="revert()" class="all-caps-label cancel" translate="dictionary-overview.revert-changes"></div> <div (click)="revert()" class="all-caps-label cancel" translate="dictionary-overview.revert-changes"></div>
</div> </div>

6
apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.scss
View File

@ -50,6 +50,12 @@ ngx-monaco-editor {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 16px; margin-bottom: 16px;
justify-content: space-between;
> .compare {
display: flex;
align-items: center;
}
.mr-32 { .mr-32 {
margin-right: 32px; margin-right: 32px;

2
apps/red-ui/src/app/state/app-state.service.ts
View File

@ -282,7 +282,7 @@ export class AppStateService {
} }
updateDossierDictionary(dossierTemplateId: string, dossierId: string) { updateDossierDictionary(dossierTemplateId: string, dossierId: string) {
// dossier exists, load it's dictionary // dossier exists, load its dictionary
this._dictionaryControllerService.getDictionaryForType(dossierTemplateId, 'dossier_redaction', dossierId).subscribe( this._dictionaryControllerService.getDictionaryForType(dossierTemplateId, 'dossier_redaction', dossierId).subscribe(
typeData => { typeData => {
this.activeDossier.type = typeData; this.activeDossier.type = typeData;

11
apps/red-ui/src/assets/styles/red-input.scss
View File

@ -1,11 +1,9 @@
@import 'variables'; @import 'variables';
@import 'red-mixins'; @import 'red-mixins';
form { form .red-input-group:not(first-of-type) {
.red-input-group:not(first-of-type) {
margin-top: 14px; margin-top: 14px;
} }
}
.red-input-group { .red-input-group {
display: flex; display: flex;
@ -103,13 +101,13 @@ form {
border-radius: 8px; border-radius: 8px;
outline: none; outline: none;
margin-top: 3px; margin-top: 3px;
min-height: 34px; min-height: 36px;
&.with-icon { &.with-icon {
padding-right: 34px; padding-right: 34px;
} }
&:focus { &:focus:not(:disabled):not(.mat-select-disabled) {
border-color: $accent; border-color: $accent;
} }
@ -126,7 +124,8 @@ form {
} }
} }
&:disabled { &:disabled,
&.mat-select-disabled {
background-color: $grey-2; background-color: $grey-2;
color: rgba($accent, 0.3); color: rgba($accent, 0.3);
} }

4
libs/red-ui-http/src/lib/model/dictionary.ts
View File

@ -42,6 +42,10 @@ export interface Dictionary {
* True if the type just for hint, not for redaction, default is false. * True if the type just for hint, not for redaction, default is false.
*/ */
hint?: boolean; hint?: boolean;
/**
* Label of the type
*/
label?: string;
/** /**
* The rank of this dictionary, higher rank means higher importance. * The rank of this dictionary, higher rank means higher importance.
*/ */