From 31c90f31901c4aeadfa3e0000aed5be139311f37 Mon Sep 17 00:00:00 2001
From: Mihajlo Medjedovic <mihajlo.medjedovic@outlook.com>
Date: Wed, 29 May 2024 14:36:17 +0200
Subject: [PATCH] style: lint

---
 client/src/app/app.component.ts               | 11 +++++++---
 client/src/app/editor/editor.component.html   |  9 +++++++--
 .../src/app/editor/utils/renderers.utils.ts   |  2 +-
 client/src/app/home/home.component.html       | 12 +++++++++--
 client/src/app/lineage/lineage.component.html |  4 +++-
 .../src/app/metadata/metadata.component.html  |  4 +++-
 client/src/app/models/AppSettings.ts          |  4 ++--
 .../approve-details.component.html            |  8 ++------
 .../app/review/approve/approve.component.html |  7 +++++--
 .../review/submitter/submitter.component.html |  8 ++++++--
 .../src/app/services/app-settings.service.ts  | 12 ++++++-----
 client/src/app/services/event.service.ts      |  4 +---
 .../header-actions.component.html             | 20 +++++++++++++++++--
 client/src/app/stage/stage.component.ts       |  2 +-
 client/src/app/system/system.module.ts        |  7 +------
 client/src/app/viewer/viewer.component.html   | 13 +++++++++---
 client/src/app/xlmap/xlmap.component.html     | 12 +++++++++--
 17 files changed, 95 insertions(+), 44 deletions(-)

diff --git a/client/src/app/app.component.ts b/client/src/app/app.component.ts
index eb6b132..91c0002 100644
--- a/client/src/app/app.component.ts
+++ b/client/src/app/app.component.ts
@@ -13,10 +13,15 @@ import { InfoModal } from './models/InfoModal'
 import { DcAdapterSettings } from './models/DcAdapterSettings'
 import { AppStoreService } from './services/app-store.service'
 import { LicenceService } from './services/licence.service'
-import '@cds/core/icon/register.js';
-import { ClarityIcons, exclamationTriangleIcon, moonIcon, sunIcon } from '@cds/core/icon';
+import '@cds/core/icon/register.js'
+import {
+  ClarityIcons,
+  exclamationTriangleIcon,
+  moonIcon,
+  sunIcon
+} from '@cds/core/icon'
 
-ClarityIcons.addIcons(moonIcon, sunIcon, exclamationTriangleIcon);
+ClarityIcons.addIcons(moonIcon, sunIcon, exclamationTriangleIcon)
 
 @Component({
   selector: 'my-app',
diff --git a/client/src/app/editor/editor.component.html b/client/src/app/editor/editor.component.html
index ddf1917..f307f92 100644
--- a/client/src/app/editor/editor.component.html
+++ b/client/src/app/editor/editor.component.html
@@ -169,7 +169,10 @@
             <clr-icon shape="caret" dir="left" size="20"></clr-icon>
             Back to table selection
           </span>
-          <span (click)="viewboxManager()" class="btn btn-sm btn-icon btn-dimmed viewbox-open">
+          <span
+            (click)="viewboxManager()"
+            class="btn btn-sm btn-icon btn-dimmed viewbox-open"
+          >
             <clr-icon shape="view-cards" size="20"></clr-icon>
             Viewboxes
           </span>
@@ -488,7 +491,9 @@
                   >
                   <div *ngIf="tableTrue" class="clr-offset-md-2 clr-col-md-8">
                     <div class="text-area-full-width">
-                      <label for="formFields_8" class="mb-5 d-block">Message</label>
+                      <label for="formFields_8" class="mb-5 d-block"
+                        >Message</label
+                      >
                       <textarea
                         clrTextarea
                         [(ngModel)]="message"
diff --git a/client/src/app/editor/utils/renderers.utils.ts b/client/src/app/editor/utils/renderers.utils.ts
index aa8c80f..2432bcc 100644
--- a/client/src/app/editor/utils/renderers.utils.ts
+++ b/client/src/app/editor/utils/renderers.utils.ts
@@ -70,4 +70,4 @@ const addDarkClass = (td: any) => {
   if (!td.classList.contains('htDark')) {
     td.classList.add('htDark')
   }
-}
\ No newline at end of file
+}
diff --git a/client/src/app/home/home.component.html b/client/src/app/home/home.component.html
index cb446a9..27243fb 100644
--- a/client/src/app/home/home.component.html
+++ b/client/src/app/home/home.component.html
@@ -128,10 +128,18 @@
         size="60"
         class="is-info icon-dc-fill"
       ></clr-icon>
-      <p *ngIf="treeNodeLibraries?.length! > 0" class="text-center color-gray mt-10" cds-text="section">
+      <p
+        *ngIf="treeNodeLibraries?.length! > 0"
+        class="text-center color-gray mt-10"
+        cds-text="section"
+      >
         Please select a table
       </p>
-      <p *ngIf="treeNodeLibraries?.length! < 1" class="text-center color-gray mt-10" cds-text="section">
+      <p
+        *ngIf="treeNodeLibraries?.length! < 1"
+        class="text-center color-gray mt-10"
+        cds-text="section"
+      >
         No Editable Tables Configured
       </p>
     </div>
diff --git a/client/src/app/lineage/lineage.component.html b/client/src/app/lineage/lineage.component.html
index de97743..6d7749b 100644
--- a/client/src/app/lineage/lineage.component.html
+++ b/client/src/app/lineage/lineage.component.html
@@ -141,7 +141,9 @@
         size="60"
         class="is-info icon-dc-fill"
       ></clr-icon>
-      <p class="text-center color-gray mt-10" cds-text="section">Please select a column or table</p>
+      <p class="text-center color-gray mt-10" cds-text="section">
+        Please select a column or table
+      </p>
     </div>
 
     <ng-container *ngIf="column || table">
diff --git a/client/src/app/metadata/metadata.component.html b/client/src/app/metadata/metadata.component.html
index c8b2563..afac7df 100644
--- a/client/src/app/metadata/metadata.component.html
+++ b/client/src/app/metadata/metadata.component.html
@@ -73,7 +73,9 @@
         size="60"
         class="is-info icon-dc-fill"
       ></clr-icon>
-      <p class="text-center color-gray mt-10" cds-text="section">Please select a type</p>
+      <p class="text-center color-gray mt-10" cds-text="section">
+        Please select a type
+      </p>
     </div>
 
     <div class="loadingSpinner" *ngIf="loading">
diff --git a/client/src/app/models/AppSettings.ts b/client/src/app/models/AppSettings.ts
index d1d4cf0..c96cab7 100644
--- a/client/src/app/models/AppSettings.ts
+++ b/client/src/app/models/AppSettings.ts
@@ -1,9 +1,9 @@
 export interface AppSettings {
-  persistSelectedTheme: boolean,
+  persistSelectedTheme: boolean
   selectedTheme: AppThemes
 }
 
 export enum AppThemes {
   light = 'light',
   dark = 'dark'
-}
\ No newline at end of file
+}
diff --git a/client/src/app/review/approve-details/approve-details.component.html b/client/src/app/review/approve-details/approve-details.component.html
index 8dc1b72..a4daa87 100644
--- a/client/src/app/review/approve-details/approve-details.component.html
+++ b/client/src/app/review/approve-details/approve-details.component.html
@@ -284,9 +284,7 @@
                     >
                       <span class="label label-warning">
                         Changed Rows
-                        <span class="badge">{{
-                          lens.updated
-                        }}</span>
+                        <span class="badge">{{ lens.updated }}</span>
                       </span>
                       <span class="label label-success">
                         Added Rows
@@ -294,9 +292,7 @@
                       </span>
                       <span class="label label-danger">
                         Deleted Rows
-                        <span class="badge">{{
-                          lens.deleted
-                        }}</span>
+                        <span class="badge">{{ lens.deleted }}</span>
                       </span>
                     </div>
                   </div>
diff --git a/client/src/app/review/approve/approve.component.html b/client/src/app/review/approve/approve.component.html
index d7ed3a1..9ff7f0f 100644
--- a/client/src/app/review/approve/approve.component.html
+++ b/client/src/app/review/approve/approve.component.html
@@ -101,8 +101,11 @@
 
           <clr-dg-footer>
             <clr-dg-pagination #pagination [clrDgPageSize]="10">
-              <clr-dg-page-size [clrPageSizeOptions]="[3, 5, 10, 15]">Items per page</clr-dg-page-size>
-              {{ pagination.firstItem + 1 }} - {{ pagination.lastItem + 1 }} of {{ pagination.totalItems }} approvals
+              <clr-dg-page-size [clrPageSizeOptions]="[3, 5, 10, 15]"
+                >Items per page</clr-dg-page-size
+              >
+              {{ pagination.firstItem + 1 }} - {{ pagination.lastItem + 1 }} of
+              {{ pagination.totalItems }} approvals
             </clr-dg-pagination>
           </clr-dg-footer>
         </clr-datagrid>
diff --git a/client/src/app/review/submitter/submitter.component.html b/client/src/app/review/submitter/submitter.component.html
index 3c1fe92..e288e51 100644
--- a/client/src/app/review/submitter/submitter.component.html
+++ b/client/src/app/review/submitter/submitter.component.html
@@ -88,8 +88,12 @@
 
             <clr-dg-footer>
               <clr-dg-pagination #pagination [clrDgPageSize]="10">
-                <clr-dg-page-size [clrPageSizeOptions]="[3 ,5 ,10, 15]">Items per page</clr-dg-page-size>
-                {{ pagination.firstItem + 1 }} - {{ pagination.lastItem + 1 }} of {{ pagination.totalItems }} submissions
+                <clr-dg-page-size [clrPageSizeOptions]="[3, 5, 10, 15]"
+                  >Items per page</clr-dg-page-size
+                >
+                {{ pagination.firstItem + 1 }} -
+                {{ pagination.lastItem + 1 }} of
+                {{ pagination.totalItems }} submissions
               </clr-dg-pagination>
             </clr-dg-footer>
           </clr-datagrid>
diff --git a/client/src/app/services/app-settings.service.ts b/client/src/app/services/app-settings.service.ts
index 748203e..bfa949e 100644
--- a/client/src/app/services/app-settings.service.ts
+++ b/client/src/app/services/app-settings.service.ts
@@ -1,5 +1,5 @@
-import { BehaviorSubject } from "rxjs"
-import { AppSettings, AppThemes } from "../models/AppSettings"
+import { BehaviorSubject } from 'rxjs'
+import { AppSettings, AppThemes } from '../models/AppSettings'
 
 export class AppSettingsService {
   public defaultSettings: AppSettings = {
@@ -24,9 +24,11 @@ export class AppSettingsService {
 
         this.setAppSettings(settings)
       } else {
-        console.info('No app settings stored in the localStorage, we will set to default values.')
+        console.info(
+          'No app settings stored in the localStorage, we will set to default values.'
+        )
       }
-    } catch(err) {
+    } catch (err) {
       console.warn('Error restoring settings from local storgae.', err)
     }
   }
@@ -51,4 +53,4 @@ export class AppSettingsService {
 
     this.storeAppSettings()
   }
-}
\ No newline at end of file
+}
diff --git a/client/src/app/services/event.service.ts b/client/src/app/services/event.service.ts
index 53f0da1..71477a0 100644
--- a/client/src/app/services/event.service.ts
+++ b/client/src/app/services/event.service.ts
@@ -22,9 +22,7 @@ export class EventService {
 
   public darkMode: BehaviorSubject<boolean> = new BehaviorSubject(false)
 
-  constructor(
-    private appSettingsService: AppSettingsService
-  ) {}
+  constructor(private appSettingsService: AppSettingsService) {}
 
   toggleDarkMode(value: boolean) {
     this.darkMode.next(value)
diff --git a/client/src/app/shared/user-nav-dropdown/header-actions.component.html b/client/src/app/shared/user-nav-dropdown/header-actions.component.html
index 6bc2dae..050dc41 100644
--- a/client/src/app/shared/user-nav-dropdown/header-actions.component.html
+++ b/client/src/app/shared/user-nav-dropdown/header-actions.component.html
@@ -1,7 +1,23 @@
 <div class="header-actions">
   <div class="d-flex clr-align-items-center">
-    <cds-icon *ngIf="!darkMode.value" (click)="toggleDarkMode(true)" size="md" class="theme-toggle-icon cursor-pointer" shape="moon" inverse="false" solid="false"></cds-icon>
-    <cds-icon *ngIf="!!darkMode.value" (click)="toggleDarkMode(false)" size="md" class="theme-toggle-icon cursor-pointer" shape="sun" inverse="false" solid="false"></cds-icon>
+    <cds-icon
+      *ngIf="!darkMode.value"
+      (click)="toggleDarkMode(true)"
+      size="md"
+      class="theme-toggle-icon cursor-pointer"
+      shape="moon"
+      inverse="false"
+      solid="false"
+    ></cds-icon>
+    <cds-icon
+      *ngIf="!!darkMode.value"
+      (click)="toggleDarkMode(false)"
+      size="md"
+      class="theme-toggle-icon cursor-pointer"
+      shape="sun"
+      inverse="false"
+      solid="false"
+    ></cds-icon>
   </div>
 
   <app-loading-indicator></app-loading-indicator>
diff --git a/client/src/app/stage/stage.component.ts b/client/src/app/stage/stage.component.ts
index 4eb702f..7ebf90b 100644
--- a/client/src/app/stage/stage.component.ts
+++ b/client/src/app/stage/stage.component.ts
@@ -36,7 +36,7 @@ export class StageComponent implements OnInit {
     afterGetColHeader: (column, th, headerLevel) => {
       // Dark mode
       th.classList.add('darkTH')
-    },
+    }
   }
 
   constructor(
diff --git a/client/src/app/system/system.module.ts b/client/src/app/system/system.module.ts
index f3120e9..8a272b2 100644
--- a/client/src/app/system/system.module.ts
+++ b/client/src/app/system/system.module.ts
@@ -8,11 +8,6 @@ import { FormsModule } from '@angular/forms'
 
 @NgModule({
   declarations: [SystemComponent],
-  imports: [
-    CommonModule,
-    SystemRoutingModule,
-    ClarityModule,
-    FormsModule
-  ]
+  imports: [CommonModule, SystemRoutingModule, ClarityModule, FormsModule]
 })
 export class SystemModule {}
diff --git a/client/src/app/viewer/viewer.component.html b/client/src/app/viewer/viewer.component.html
index e58f860..76799fd 100644
--- a/client/src/app/viewer/viewer.component.html
+++ b/client/src/app/viewer/viewer.component.html
@@ -323,7 +323,10 @@
     </div>
   </div>
 
-  <div class="card no-borders h-100 d-flex clr-flex-column" *ngIf="!loadingTableView">
+  <div
+    class="card no-borders h-100 d-flex clr-flex-column"
+    *ngIf="!loadingTableView"
+  >
     <div
       *ngIf="table"
       class="header-row clr-row justify-content-between clr-justify-content-center w-100 m-0"
@@ -482,7 +485,9 @@
         size="60"
         class="is-info icon-dc-fill"
       ></clr-icon>
-      <h3 class="text-center color-gray mt-10" cds-text="section">Please select a library</h3>
+      <h3 class="text-center color-gray mt-10" cds-text="section">
+        Please select a library
+      </h3>
     </div>
 
     <ng-container *ngIf="!noData && !noDataReqErr && !table && lib">
@@ -520,7 +525,9 @@
           size="40"
           class="is-info icon-dc-fill"
         ></clr-icon>
-        <p class="text-center color-gray mt-10" cds-text="section">Please select a table</p>
+        <p class="text-center color-gray mt-10" cds-text="section">
+          Please select a table
+        </p>
       </div>
 
       <div *ngIf="libinfo !== null" class="libinfo m-0 clr-row">
diff --git a/client/src/app/xlmap/xlmap.component.html b/client/src/app/xlmap/xlmap.component.html
index c99d8c9..b59545b 100644
--- a/client/src/app/xlmap/xlmap.component.html
+++ b/client/src/app/xlmap/xlmap.component.html
@@ -50,10 +50,18 @@
       size="60"
       class="is-info icon-dc-fill"
     ></clr-icon>
-    <p *ngIf="xlmaps.length > 0" class="text-center color-gray mt-10" cds-text="section">
+    <p
+      *ngIf="xlmaps.length > 0"
+      class="text-center color-gray mt-10"
+      cds-text="section"
+    >
       Please select a map
     </p>
-    <p *ngIf="xlmaps.length < 1" class="text-center color-gray mt-10" cds-text="section">
+    <p
+      *ngIf="xlmaps.length < 1"
+      class="text-center color-gray mt-10"
+      cds-text="section"
+    >
       No excel map is found
     </p>
   </div>