diff --git a/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html b/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html index 10f9185cb..6f8dc3f51 100644 --- a/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html +++ b/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html @@ -11,7 +11,6 @@ [itemSize]="80" [noDataText]="'downloads-list.no-data.title' | translate" [selectionEnabled]="true" - emptyColumnWidth="auto" noDataIcon="red:download" > @@ -52,27 +51,25 @@
{{ download.status }}
- -
+
+ -
- + - - - + +
diff --git a/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.html index 460f9c2c9..f70c2dd2b 100644 --- a/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.html +++ b/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.html @@ -20,31 +20,31 @@
- +
- -
-
-
-
+ +
+
+
+
- -
-
-
-
+
+
+
- -
- +
+
+ +
+
diff --git a/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.scss index c24b7ea42..5adbb8506 100644 --- a/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.scss +++ b/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.scss @@ -1,15 +1,9 @@ -:host ::ng-deep iqser-table cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper .table-item > div.cell { - &:not(.scrollbar-placeholder) { - padding-left: 24px; - } +.color-wrapper { + align-items: center; - &.color-wrapper { - align-items: center; - - .color-square { - width: 16px; - height: 16px; - min-width: 16px; - } + .color-square { + width: 16px; + height: 16px; + min-width: 16px; } } diff --git a/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.ts b/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.ts index 384cda27c..fb6ac773b 100644 --- a/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.ts +++ b/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectionStrategy, Component, forwardRef, Injector, OnInit, TemplateRef, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, Component, forwardRef, Injector, OnInit } from '@angular/core'; import { AppStateService } from '@state/app-state.service'; import { Colors } from '@redaction/red-ui-http'; import { ActivatedRoute } from '@angular/router'; @@ -29,13 +29,14 @@ interface ListItem extends IListable { providers: [...DefaultListingServices, { provide: ListingComponent, useExisting: forwardRef(() => DefaultColorsScreenComponent) }] }) export class DefaultColorsScreenComponent extends ListingComponent implements OnInit { - @ViewChild('nameTemplate', { static: true }) nameTemplate: TemplateRef; - @ViewChild('colorTemplate', { static: true }) colorTemplate: TemplateRef; readonly circleButtonTypes = CircleButtonTypes; readonly currentUser = this._userService.currentUser; readonly translations = defaultColorsTranslations; readonly tableHeaderLabel = _('default-colors-screen.table-header.title'); - tableColumnConfigs: TableColumnConfig[]; + readonly tableColumnConfigs: TableColumnConfig[] = [ + { label: _('default-colors-screen.table-col-names.key'), sortByKey: 'searchKey', width: '2fr' }, + { label: _('default-colors-screen.table-col-names.color'), class: 'flex-center' } + ]; private _colorsObj: Colors; constructor( @@ -52,7 +53,6 @@ export class DefaultColorsScreenComponent extends ListingComponent imp } async ngOnInit() { - this._configureTableColumns(); await this._loadColors(); } @@ -72,22 +72,6 @@ export class DefaultColorsScreenComponent extends ListingComponent imp ); } - private _configureTableColumns() { - this.tableColumnConfigs = [ - { - label: _('default-colors-screen.table-col-names.key'), - sortByKey: 'searchKey', - template: this.nameTemplate, - width: '2fr' - }, - { - label: _('default-colors-screen.table-col-names.color'), - class: 'flex-center', - template: this.colorTemplate - } - ]; - } - private async _loadColors() { this._loadingService.start(); const data = await this._appStateService.loadColors(this._appStateService.activeDossierTemplateId).toPromise(); diff --git a/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html index 77d1ff07a..b54ae5350 100644 --- a/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html +++ b/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html @@ -22,7 +22,6 @@
- -
-
-
-
- {{ entity.label }} + +
+
+
+
+
+ {{ dict.label }} +
+
+
+ + {{ dict.entries?.length }} +
+
+ + {{ 'dictionary-listing.case-sensitive' | translate }} +
+
-
-
- - {{ entity.entries?.length }} -
-
- - {{ 'dictionary-listing.case-sensitive' | translate }} -
+
+ +
+ {{ dict.rank }} +
+ +
+ +
+ +
+
+ + +
- - -
- {{ dict.rank }} -
-
- - -
- -
-
- - -
- - - -
-
diff --git a/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.scss index 93f51990a..40a7ed6bb 100644 --- a/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.scss +++ b/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.scss @@ -1,39 +1,36 @@ -:host { - ::ng-deep iqser-table cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper .table-item > div.cell { - flex-direction: row; - align-items: center; - justify-content: flex-start; +.cell { + flex-direction: row !important; + align-items: center; - &.center { - justify-content: center; - } - - .color-square { - width: 16px; - height: 16px; - min-width: 16px; - margin-right: 16px; - } - - .dict-name { - z-index: 1; - max-width: 100%; - } - - .stats-subtitle { - margin-top: 4px; - } + &:not(.center) { + justify-content: flex-start !important; } - .right-container { - display: flex; - width: 353px; - min-width: 353px; - justify-content: center; - padding: 50px 20px 30px 20px; + .color-square { + width: 16px; + height: 16px; + min-width: 16px; + margin-right: 16px; + } - &.has-scrollbar:hover { - padding-right: 9px; - } + .dict-name { + z-index: 1; + max-width: 100%; + } + + .stats-subtitle { + margin-top: 4px; + } +} + +.right-container { + display: flex; + width: 353px; + min-width: 353px; + justify-content: center; + padding: 50px 20px 30px 20px; + + &.has-scrollbar:hover { + padding-right: 9px; } } diff --git a/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.ts b/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.ts index 6d9ed2807..cb7270617 100644 --- a/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.ts +++ b/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.ts @@ -1,4 +1,4 @@ -import { Component, forwardRef, Injector, OnInit, TemplateRef, ViewChild } from '@angular/core'; +import { Component, forwardRef, Injector, OnInit } from '@angular/core'; import { DoughnutChartConfig } from '@shared/components/simple-doughnut-chart/simple-doughnut-chart.component'; import { AppStateService } from '@state/app-state.service'; import { catchError, defaultIfEmpty, tap } from 'rxjs/operators'; @@ -36,11 +36,12 @@ export class DictionaryListingScreenComponent extends ListingComponent[]; + readonly tableColumnConfigs: TableColumnConfig[] = [ + { label: _('dictionary-listing.table-col-names.type'), sortByKey: 'searchKey', width: '2fr' }, + { label: _('dictionary-listing.table-col-names.order-of-importance'), sortByKey: 'rank', class: 'flex-center' }, + { label: _('dictionary-listing.table-col-names.hint-redaction'), class: 'flex-center' } + ]; chartData: DoughnutChartConfig[] = []; - @ViewChild('labelTemplate', { static: true }) labelTemplate: TemplateRef; - @ViewChild('rankTemplate', { static: true }) rankTemplate: TemplateRef; - @ViewChild('iconTemplate', { static: true }) iconTemplate: TemplateRef; constructor( protected readonly _injector: Injector, @@ -58,7 +59,6 @@ export class DictionaryListingScreenComponent extends ListingComponent !d.virtual); diff --git a/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.html index 6bf3cf816..cd4d5bc2a 100644 --- a/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.html +++ b/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.html @@ -61,37 +61,33 @@
- -
-
- {{ dossierTemplate.name }} -
-
-
- - {{ 'dossier-templates-listing.dictionaries' | translate: { length: dossierTemplate.dictionariesCount } }} + +
+
+
+ {{ dossierTemplate.name }} +
+
+
+ + {{ 'dossier-templates-listing.dictionaries' | translate: { length: dossierTemplate.dictionariesCount } }} +
-
-
- -
- -
-
- - -
- {{ dossierTemplate.dateAdded | date: 'd MMM. yyyy' }} -
-
- - -
-
- {{ dossierTemplate.dateModified | date: 'd MMM. yyyy' }} +
+ +
+ +
+ {{ dossierTemplate.dateAdded | date: 'd MMM. yyyy' }} +
+ +
+
+ {{ dossierTemplate.dateModified | date: 'd MMM. yyyy' }} +
+
-
diff --git a/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.scss index 009e0d63a..232ac1f4c 100644 --- a/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.scss +++ b/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.scss @@ -1,15 +1,7 @@ -:host { - ::ng-deep iqser-table cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper .table-item > div.cell { - .stats-subtitle { - margin-top: 4px; - } - - .table-item-title { - max-width: 100%; - } - } - - .page-header .actions > *:not(:last-child) { - margin-right: 16px; - } +.stats-subtitle { + margin-top: 4px; +} + +.table-item-title { + max-width: 100%; } diff --git a/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.ts b/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.ts index f7a9989ca..ef14dcb22 100644 --- a/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.ts +++ b/apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectionStrategy, Component, forwardRef, Injector, OnInit, TemplateRef, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, Component, forwardRef, Injector, OnInit } from '@angular/core'; import { AppStateService } from '@state/app-state.service'; import { UserPreferenceService } from '@services/user-preference.service'; import { AdminDialogService } from '../../services/admin-dialog.service'; @@ -31,11 +31,12 @@ export class DossierTemplatesListingScreenComponent extends ListingComponent[]; - @ViewChild('nameTemplate', { static: true }) nameTemplate: TemplateRef; - @ViewChild('userTemplate', { static: true }) userTemplate: TemplateRef; - @ViewChild('dateAddedTemplate', { static: true }) dateAddedTemplate: TemplateRef; - @ViewChild('dateModifiedTemplate', { static: true }) dateModifiedTemplate: TemplateRef; + readonly tableColumnConfigs: TableColumnConfig[] = [ + { label: _('dossier-templates-listing.table-col-names.name'), sortByKey: 'searchKey' }, + { label: _('dossier-templates-listing.table-col-names.created-by'), class: 'user-column' }, + { label: _('dossier-templates-listing.table-col-names.created-on'), sortByKey: 'dateAdded' }, + { label: _('dossier-templates-listing.table-col-names.modified-on'), sortByKey: 'dateModified' } + ]; constructor( protected readonly _injector: Injector, @@ -52,7 +53,6 @@ export class DossierTemplatesListingScreenComponent extends ListingComponent d.dossierTemplateId)) { await this._dossierTemplateControllerService .deleteDossierTemplates(templateIds) diff --git a/libs/common-ui b/libs/common-ui index 551db967e..c0b445b06 160000 --- a/libs/common-ui +++ b/libs/common-ui @@ -1 +1 @@ -Subproject commit 551db967e2d747932579464f00e4e497c91dc628 +Subproject commit c0b445b06ed86a07c4b9aa1803b29b9384021d54