From dbb4c618f6ab39a143aae5599436503a5399306e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Wed, 15 Sep 2021 23:51:29 +0300
Subject: [PATCH] Cleanup

---
 .../downloads-list-screen.component.scss             |  4 ----
 .../file-attributes-csv-import-dialog.component.ts   |  1 +
 .../default-colors-screen.component.scss             |  5 -----
 .../dictionary-listing-screen.component.html         |  5 ++++-
 .../dictionary-listing-screen.component.scss         |  5 -----
 .../dossier-attributes-listing-screen.component.html |  5 ++++-
 .../dossier-attributes-listing-screen.component.scss |  4 ----
 .../dossier-templates-listing-screen.component.html  |  2 +-
 .../file-attributes-listing-screen.component.html    |  5 ++++-
 .../file-attributes-listing-screen.component.scss    |  6 ------
 .../license-information-screen.component.html        | 12 ------------
 .../screens/reports/reports-screen.component.scss    |  5 -----
 .../admin/screens/rules/rules-screen.component.scss  |  5 -----
 .../user-listing/user-listing-screen.component.scss  |  2 --
 .../watermark/watermark-screen.component.scss        |  5 -----
 apps/red-ui/src/assets/styles/red-page-layout.scss   |  1 +
 apps/red-ui/src/assets/styles/red-tables.scss        |  2 +-
 libs/common-ui                                       |  2 +-
 18 files changed, 17 insertions(+), 59 deletions(-)

diff --git a/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.scss b/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.scss
index 761497479..696ad9daa 100644
--- a/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.scss
+++ b/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.scss
@@ -1,7 +1,3 @@
-.page-header .actions {
-    justify-content: flex-end;
-}
-
 .no-bold {
     font-weight: normal !important;
 }
diff --git a/apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.ts b/apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.ts
index 62337bc6b..6c5f23c5b 100644
--- a/apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.ts
+++ b/apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.ts
@@ -34,6 +34,7 @@ export class FileAttributesCsvImportDialogComponent extends ListingComponent<Fie
     keepPreview = false;
     columnSample = [];
     initialParseConfig: { delimiter?: string; encoding?: string } = {};
+    readonly tableHeaderLabel = '';
     protected readonly _primaryKey = 'csvColumn';
 
     constructor(
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 4473f5e59..c24b7ea42 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
@@ -13,8 +13,3 @@
         }
     }
 }
-
-.page-header .actions {
-    display: flex;
-    justify-content: flex-end;
-}
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 bd0d1514b..77d1ff07a 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
@@ -24,6 +24,7 @@
                 (noDataAction)="openAddEditDictionaryDialog()"
                 [actionsTemplate]="actionsTemplate"
                 [bulkActions]="bulkActions"
+                [headerTemplate]="headerTemplate"
                 [itemSize]="80"
                 [noDataButtonLabel]="'dictionary-listing.no-data.action' | translate"
                 [noDataText]="'dictionary-listing.no-data.title' | translate"
@@ -57,8 +58,10 @@
         [type]="circleButtonTypes.dark"
         icon="red:trash"
     ></iqser-circle-button>
+</ng-template>
 
-    <div class="attributes-actions-container">
+<ng-template #headerTemplate>
+    <div class="table-header-actions">
         <iqser-input-with-action
             [(value)]="searchService.searchValue"
             [placeholder]="'dictionary-listing.search' | translate"
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 4f8de30ba..93f51990a 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
@@ -36,9 +36,4 @@
             padding-right: 9px;
         }
     }
-
-    .page-header .actions {
-        display: flex;
-        justify-content: flex-end;
-    }
 }
diff --git a/apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.html
index 4d3a9bbf0..9635022f1 100644
--- a/apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.html
@@ -24,6 +24,7 @@
                 (noDataAction)="openAddEditAttributeDialog(null)"
                 [actionsTemplate]="actionsTemplate"
                 [bulkActions]="bulkActions"
+                [headerTemplate]="headerTemplate"
                 [itemSize]="50"
                 [noDataButtonLabel]="'dossier-attributes-listing.no-data.action' | translate"
                 [noDataText]="'dossier-attributes-listing.no-data.title' | translate"
@@ -45,8 +46,10 @@
         [type]="circleButtonTypes.dark"
         icon="red:trash"
     ></iqser-circle-button>
+</ng-template>
 
-    <div class="attributes-actions-container">
+<ng-template #headerTemplate>
+    <div class="table-header-actions">
         <iqser-input-with-action
             [(value)]="searchService.searchValue"
             [placeholder]="'dossier-attributes-listing.search' | translate"
diff --git a/apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.scss
index c19ef5477..e69de29bb 100644
--- a/apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.scss
@@ -1,4 +0,0 @@
-.page-header .actions {
-    display: flex;
-    justify-content: flex-end;
-}
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 6903ab0db..6bf3cf816 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
@@ -45,7 +45,7 @@
 </ng-template>
 
 <ng-template #headerTemplate>
-    <div class="actions flex-1">
+    <div class="table-header-actions">
         <iqser-input-with-action
             [(value)]="searchService.searchValue"
             [placeholder]="'dossier-templates-listing.search' | translate"
diff --git a/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html
index eabd996b9..ce9844247 100644
--- a/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html
@@ -23,6 +23,7 @@
             <iqser-table
                 [actionsTemplate]="actionsTemplate"
                 [bulkActions]="bulkActions"
+                [headerTemplate]="headerTemplate"
                 [itemSize]="80"
                 [noDataText]="'file-attributes-listing.no-data.title' | translate"
                 [noMatchText]="'file-attributes-listing.no-match.title' | translate"
@@ -44,8 +45,10 @@
         [type]="circleButtonTypes.dark"
         icon="red:trash"
     ></iqser-circle-button>
+</ng-template>
 
-    <div class="attributes-actions-container">
+<ng-template #headerTemplate>
+    <div class="table-header-actions">
         <iqser-input-with-action
             [(value)]="searchService.searchValue"
             [placeholder]="'file-attributes-listing.search' | translate"
diff --git a/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.scss
index d75a14b0b..2f729c071 100644
--- a/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.scss
@@ -1,11 +1,5 @@
 @import 'libs/common-ui/src/assets/styles/mixins';
 
-// TODO: Can I move this to base styles?
-.page-header .actions {
-    display: flex;
-    justify-content: flex-end;
-}
-
 :host ::ng-deep iqser-table cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper .table-item > div.cell {
     &.center {
         align-items: center;
diff --git a/apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.html
index 16898dc57..c55476fe4 100644
--- a/apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.html
@@ -41,12 +41,6 @@
                         <div translate="license-info-screen.end-user-license-text"></div>
                     </div>
 
-                    <!--                TODO-->
-                    <!--                <div class="row">-->
-                    <!--                    <div translate="license-info-screen.3rd-party-title"></div>-->
-                    <!--                    <div>Future feature: we will provide that with the /info endpoint</div>-->
-                    <!--                </div>-->
-
                     <div class="section-title all-caps-label" translate="license-info-screen.licensing-details"></div>
 
                     <div class="row">
@@ -95,12 +89,6 @@
                         <div translate="license-info-screen.unlicensed-analyzed"></div>
                         <div>{{ unlicensedInfo.numberOfAnalyzedPages }}</div>
                     </div>
-
-                    <!--                TODO-->
-                    <!--                <div class="row">-->
-                    <!--                    <div>Progress bar</div>-->
-                    <!--                    <div></div>-->
-                    <!--                </div>-->
                 </div>
 
                 <combo-chart-component
diff --git a/apps/red-ui/src/app/modules/admin/screens/reports/reports-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/reports/reports-screen.component.scss
index f8079405b..e0bfb001c 100644
--- a/apps/red-ui/src/app/modules/admin/screens/reports/reports-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/reports/reports-screen.component.scss
@@ -1,11 +1,6 @@
 @import '../../../../../assets/styles/variables';
 @import 'libs/common-ui/src/assets/styles/mixins';
 
-.page-header .actions {
-    display: flex;
-    justify-content: flex-end;
-}
-
 .content-container,
 .right-container {
     flex: 1;
diff --git a/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.scss
index 556ceecf7..64b93fd95 100644
--- a/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/rules/rules-screen.component.scss
@@ -3,11 +3,6 @@
     padding: 15px;
 }
 
-.page-header .actions {
-    display: flex;
-    justify-content: flex-end;
-}
-
 ngx-monaco-editor {
     height: 100%;
     width: 100%;
diff --git a/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.scss
index 438ff8dce..5a09cdf01 100644
--- a/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.scss
@@ -18,8 +18,6 @@
 }
 
 .page-header .actions {
-    justify-content: flex-end;
-
     iqser-input-with-action:not(:last-child) {
         margin-right: 16px;
     }
diff --git a/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.scss
index e251b5942..23d6f68f5 100644
--- a/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.scss
@@ -1,10 +1,5 @@
 @import '../../../../../assets/styles/variables';
 
-.page-header .actions {
-    display: flex;
-    justify-content: flex-end;
-}
-
 .content-container {
     order: 1;
 
diff --git a/apps/red-ui/src/assets/styles/red-page-layout.scss b/apps/red-ui/src/assets/styles/red-page-layout.scss
index 1ba938455..7e0a58eb2 100644
--- a/apps/red-ui/src/assets/styles/red-page-layout.scss
+++ b/apps/red-ui/src/assets/styles/red-page-layout.scss
@@ -66,6 +66,7 @@ section.settings {
     .actions {
         display: flex;
         align-items: center;
+        justify-content: flex-end;
 
         > *:not(:last-child) {
             margin-right: 2px;
diff --git a/apps/red-ui/src/assets/styles/red-tables.scss b/apps/red-ui/src/assets/styles/red-tables.scss
index 684ab1441..892f097d7 100644
--- a/apps/red-ui/src/assets/styles/red-tables.scss
+++ b/apps/red-ui/src/assets/styles/red-tables.scss
@@ -12,7 +12,7 @@
     }
 }
 
-.attributes-actions-container {
+.table-header-actions {
     display: flex;
     flex: 1;
     justify-content: flex-end;
diff --git a/libs/common-ui b/libs/common-ui
index d6764126b..2ee21a6a3 160000
--- a/libs/common-ui
+++ b/libs/common-ui
@@ -1 +1 @@
-Subproject commit d6764126b4ad7f94b977b4c0f4e7a6ec31e6f374
+Subproject commit 2ee21a6a3ae4fc5414960b2ad4dd25631f6df195