style: add ui divider in all menus (#1773)

Co-authored-by: Antoine Hurard <antoine.reliefapps@gmail.com>
ReliefApplications · Aug 30, 2023 · 1e06f84 · 1e06f84
1 parent 8b135a1
commit 1e06f84
Show file tree

Hide file tree

Showing 20 changed files with 32 additions and 9 deletions.
diff --git a/apps/back-office/src/app/application/pages/position/position.component.html b/apps/back-office/src/app/application/pages/position/position.component.html
@@ -48,6 +48,7 @@
                   <ui-icon icon="edit" variant="grey"></ui-icon>
                   {{ 'common.edit' | translate }}
                 </button>
+                <ui-divider class="py-1"></ui-divider>
                 <button uiMenuItem (click)="onDelete(element)">
                   <ui-icon icon="delete" variant="danger"></ui-icon>
                   {{ 'common.delete' | translate }}

diff --git a/apps/back-office/src/app/application/pages/position/position.module.ts b/apps/back-office/src/app/application/pages/position/position.module.ts
@@ -12,6 +12,7 @@ import {
   ButtonModule,
   TableModule,
   DialogModule,
+  DividerModule,
 } from '@oort-front/ui';
 
 /**
@@ -33,6 +34,7 @@ import {
     SafeEmptyModule,
     ButtonModule,
     TableModule,
+    DividerModule,
   ],
   exports: [PositionComponent],
 })

diff --git a/...-office/src/app/dashboard/pages/resource/aggregations-tab/aggregations-tab.component.html b/...-office/src/app/dashboard/pages/resource/aggregations-tab/aggregations-tab.component.html
@@ -60,6 +60,7 @@
                   <ui-icon icon="edit" variant="grey"></ui-icon>
                   {{ 'common.edit' | translate }}
                 </button>
+                <ui-divider class="py-1"></ui-divider>
                 <button uiMenuItem (click)="onDeleteAggregation(element)">
                   <ui-icon icon="delete" variant="danger"></ui-icon>
                   {{ 'common.delete' | translate }}

diff --git a/.../back-office/src/app/dashboard/pages/resource/aggregations-tab/aggregations-tab.module.ts b/.../back-office/src/app/dashboard/pages/resource/aggregations-tab/aggregations-tab.module.ts
@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { AggregationsTabRoutingModule } from './aggregations-tab-routing.module';
 import { OverlayModule } from '@angular/cdk/overlay';
-import { IconModule } from '@oort-front/ui';
+import { DividerModule, IconModule } from '@oort-front/ui';
 import { TranslateModule } from '@ngx-translate/core';
 import {
   SafeAggregationBuilderModule,
@@ -37,6 +37,7 @@ import {
     SafeEmptyModule,
     ButtonModule,
     TableModule,
+    DividerModule,
   ],
 })
 export class AggregationsTabModule {}
diff --git a/...c/app/dashboard/pages/resource/calculated-fields-tab/calculated-fields-tab.component.html b/...c/app/dashboard/pages/resource/calculated-fields-tab/calculated-fields-tab.component.html
@@ -52,6 +52,7 @@
                 <ui-icon icon="edit" variant="grey"></ui-icon>
                 {{ 'common.edit' | translate }}
               </button>
+              <ui-divider class="py-1"></ui-divider>
               <button uiMenuItem (click)="onDeleteCalculatedField(element)">
                 <ui-icon icon="delete" variant="danger"></ui-icon>
                 {{ 'common.delete' | translate }}

diff --git a/...ce/src/app/dashboard/pages/resource/calculated-fields-tab/calculated-fields-tab.module.ts b/...ce/src/app/dashboard/pages/resource/calculated-fields-tab/calculated-fields-tab.module.ts
@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { CalculatedFieldsTabRoutingModule } from './calculated-fields-tab-routing.module';
 import { OverlayModule } from '@angular/cdk/overlay';
-import { IconModule } from '@oort-front/ui';
+import { DividerModule, IconModule } from '@oort-front/ui';
 import { TranslateModule } from '@ngx-translate/core';
 import { SafeEmptyModule } from '@oort-front/safe';
 import { CalculatedFieldsTabComponent } from './calculated-fields-tab.component';
@@ -23,6 +23,7 @@ import { MenuModule, ButtonModule, TableModule } from '@oort-front/ui';
     SafeEmptyModule,
     ButtonModule,
     TableModule,
+    DividerModule,
   ],
 })
 export class CalculatedFieldsTabModule {}
diff --git a/apps/back-office/src/app/dashboard/pages/resource/forms-tab/forms-tab.component.html b/apps/back-office/src/app/dashboard/pages/resource/forms-tab/forms-tab.component.html
@@ -98,6 +98,7 @@
               <ui-icon icon="edit" variant="grey"></ui-icon>
               {{ 'common.edit' | translate }}
             </button>
+            <ui-divider class="py-1"></ui-divider>
             <button
               uiMenuItem
               (click)="deleteForm(element, $event)"

diff --git a/apps/back-office/src/app/dashboard/pages/resource/forms-tab/forms-tab.module.ts b/apps/back-office/src/app/dashboard/pages/resource/forms-tab/forms-tab.module.ts
@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsTabRoutingModule } from './forms-tab-routing.module';
 import { FormsTabComponent } from './forms-tab.component';
-import { IconModule } from '@oort-front/ui';
+import { DividerModule, IconModule } from '@oort-front/ui';
 import { TranslateModule } from '@ngx-translate/core';
 import { SafeDateModule, SafeSkeletonTableModule } from '@oort-front/safe';
 import {
@@ -28,6 +28,7 @@ import {
     ButtonModule,
     TableModule,
     ChipModule,
+    DividerModule,
   ],
 })
 export class FormsTabModule {}
diff --git a/apps/back-office/src/app/dashboard/pages/resource/layouts-tab/layouts-tab.component.html b/apps/back-office/src/app/dashboard/pages/resource/layouts-tab/layouts-tab.component.html
@@ -56,6 +56,7 @@
                   <ui-icon icon="edit" variant="grey"></ui-icon>
                   {{ 'common.edit' | translate }}
                 </button>
+                <ui-divider class="py-1"></ui-divider>
                 <button uiMenuItem (click)="onDeleteLayout(element)">
                   <ui-icon icon="delete" variant="danger"></ui-icon>
                   {{ 'common.delete' | translate }}

diff --git a/apps/back-office/src/app/dashboard/pages/resource/layouts-tab/layouts-tab.module.ts b/apps/back-office/src/app/dashboard/pages/resource/layouts-tab/layouts-tab.module.ts
@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { LayoutsTabRoutingModule } from './layouts-tab-routing.module';
 import { OverlayModule } from '@angular/cdk/overlay';
-import { IconModule } from '@oort-front/ui';
+import { DividerModule, IconModule } from '@oort-front/ui';
 import { TranslateModule } from '@ngx-translate/core';
 import {
   SafeDateModule,
@@ -35,6 +35,7 @@ import {
     SafeEmptyModule,
     ButtonModule,
     TableModule,
+    DividerModule,
   ],
 })
 export class LayoutsTabModule {}
diff --git a/apps/back-office/src/app/dashboard/pages/resource/records-tab/records-tab.component.html b/apps/back-office/src/app/dashboard/pages/resource/records-tab/records-tab.component.html
@@ -118,6 +118,7 @@
                         | translate : { name: 'common.child' | translate }
                     }}
                   </button>
+                  <ui-divider class="py-1"></ui-divider>
                   <button
                     *ngIf="!showDeletedRecords"
                     uiMenuItem

diff --git a/apps/back-office/src/app/dashboard/pages/resource/records-tab/records-tab.module.ts b/apps/back-office/src/app/dashboard/pages/resource/records-tab/records-tab.module.ts
@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
 import { RecordsTabRoutingModule } from './records-tab-routing.module';
 import { RecordsTabComponent } from './records-tab.component';
 import { OverlayModule } from '@angular/cdk/overlay';
-import { IconModule } from '@oort-front/ui';
+import { DividerModule, IconModule } from '@oort-front/ui';
 import { TranslateModule } from '@ngx-translate/core';
 import { SafeSkeletonTableModule, SafeEmptyModule } from '@oort-front/safe';
 import { UploadMenuModule } from '../../../../components/upload-menu/upload-menu.module';
@@ -34,6 +34,7 @@ import {
     SafeEmptyModule,
     ButtonModule,
     TableModule,
+    DividerModule,
   ],
 })
 export class RecordsTabModule {}
diff --git a/libs/safe/src/lib/components/aggregation/aggregation-table/aggregation-table.component.html b/libs/safe/src/lib/components/aggregation/aggregation-table/aggregation-table.component.html
@@ -47,6 +47,7 @@
               <ui-icon icon="edit" variant="grey"></ui-icon>
               {{ 'common.edit' | translate }}
             </button>
+            <ui-divider class="py-1"></ui-divider>
             <button uiMenuItem (click)="onDeleteAggregation(element)">
               <ui-icon icon="delete" variant="danger"></ui-icon>
               {{ 'common.delete' | translate }}

diff --git a/libs/safe/src/lib/components/aggregation/aggregation-table/aggregation-table.module.ts b/libs/safe/src/lib/components/aggregation/aggregation-table/aggregation-table.module.ts
@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { AggregationTableComponent } from './aggregation-table.component';
-import { IconModule } from '@oort-front/ui';
+import { DividerModule, IconModule } from '@oort-front/ui';
 import { TranslateModule } from '@ngx-translate/core';
 import { DragDropModule } from '@angular/cdk/drag-drop';
 import { SafeDateModule } from '../../../pipes/date/date.module';
@@ -19,6 +19,7 @@ import { MenuModule, ButtonModule, TableModule } from '@oort-front/ui';
     SafeDateModule,
     ButtonModule,
     TableModule,
+    DividerModule,
   ],
   exports: [AggregationTableComponent],
 })

diff --git a/libs/safe/src/lib/components/grid-layout/layout-table/layout-table.component.html b/libs/safe/src/lib/components/grid-layout/layout-table/layout-table.component.html
@@ -47,6 +47,7 @@
               <ui-icon icon="edit" variant="grey"></ui-icon>
               {{ 'common.edit' | translate }}
             </button>
+            <ui-divider class="py-1"></ui-divider>
             <button uiMenuItem (click)="onDeleteLayout(element)">
               <ui-icon icon="delete" variant="danger"></ui-icon>
               {{ 'common.delete' | translate }}

diff --git a/libs/safe/src/lib/components/grid-layout/layout-table/layout-table.module.ts b/libs/safe/src/lib/components/grid-layout/layout-table/layout-table.module.ts
@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { LayoutTableComponent } from './layout-table.component';
-import { IconModule } from '@oort-front/ui';
+import { DividerModule, IconModule } from '@oort-front/ui';
 import { TranslateModule } from '@ngx-translate/core';
 import { DragDropModule } from '@angular/cdk/drag-drop';
 import { SafeDateModule } from '../../../pipes/date/date.module';
@@ -19,6 +19,7 @@ import { MenuModule, ButtonModule, TableModule } from '@oort-front/ui';
     SafeDateModule,
     ButtonModule,
     TableModule,
+    DividerModule,
   ],
   exports: [LayoutTableComponent],
 })

diff --git a/libs/safe/src/lib/components/mapping/mapping.component.html b/libs/safe/src/lib/components/mapping/mapping.component.html
@@ -56,6 +56,7 @@
               <ui-icon icon="edit" variant="grey"></ui-icon>
               {{ 'common.edit' | translate }}
             </button>
+            <ui-divider class="py-1"></ui-divider>
             <button uiMenuItem (click)="onDelete(index)">
               <ui-icon icon="delete" variant="danger"></ui-icon>
               {{ 'common.delete' | translate }}

diff --git a/libs/safe/src/lib/components/mapping/mapping.module.ts b/libs/safe/src/lib/components/mapping/mapping.module.ts
@@ -2,13 +2,14 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { SafeMappingComponent } from './mapping.component';
 import { TranslateModule } from '@ngx-translate/core';
-import { IconModule } from '@oort-front/ui';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import {
   MenuModule,
   ButtonModule,
   TableModule,
   DialogModule,
+  DividerModule,
+  IconModule,
 } from '@oort-front/ui';
 
 /**
@@ -26,6 +27,7 @@ import {
     DialogModule,
     ButtonModule,
     TableModule,
+    DividerModule,
   ],
   exports: [SafeMappingComponent],
 })

diff --git a/libs/safe/src/lib/components/query-builder/query-builder.module.ts b/libs/safe/src/lib/components/query-builder/query-builder.module.ts
@@ -8,7 +8,6 @@ import { SafeTabFilterComponent } from './tab-filter/tab-filter.component';
 import { SafeTabStyleComponent } from './tab-style/tab-style.component';
 import { SafeTabLayoutPreviewComponent } from './tab-layout-preview/tab-layout-preview.component';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { IconModule } from '@oort-front/ui';
 import { TranslateModule } from '@ngx-translate/core';
 import { InputsModule } from '@progress/kendo-angular-inputs';
 import { LabelModule } from '@progress/kendo-angular-label';
@@ -34,6 +33,8 @@ import {
   AutocompleteModule,
   TabsModule,
   DateModule,
+  DividerModule,
+  IconModule,
 } from '@oort-front/ui';
 
 /**
@@ -79,6 +80,7 @@ import {
     AlertModule,
     FormWrapperModule,
     SelectMenuModule,
+    DividerModule,
   ],
   exports: [
     SafeQueryBuilderComponent,

diff --git a/...c/lib/components/query-builder/tab-style/query-style-list/query-style-list.component.html b/...c/lib/components/query-builder/tab-style/query-style-list/query-style-list.component.html
@@ -49,6 +49,7 @@
               <ui-icon icon="edit" variant="grey"></ui-icon>
               {{ 'common.edit' | translate }}
             </button>
+            <ui-divider class="py-1"></ui-divider>
             <button uiMenuItem (click)="delete.emit(i)">
               <ui-icon icon="delete" variant="danger"></ui-icon>
               {{ 'common.delete' | translate }}