style: lint

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',

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"

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')
   }
-}
+}

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>

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">

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">

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'
-}
+}

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>

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>

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>

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()
   }
-}
+}

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)

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>

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(

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 {}

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">

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>