fix: lint

Signed-off-by: Dafnik <git@dafnik.me>
DatepollSystems · Apr 29, 2024 · 325870c · 325870c
1 parent 84a79dd
commit 325870c
Show file tree

Hide file tree

Showing 23 changed files with 227 additions and 247 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -32,6 +32,7 @@
             "allowArgumentsExplicitlyTypedAsAny": true
           }
         ],
+        "@typescript-eslint/restrict-template-expressions": "off",
         "@typescript-eslint/consistent-type-definitions": "off",
         "@typescript-eslint/no-explicit-any": "warn",
         "@typescript-eslint/ban-ts-comment": "warn",
@@ -44,6 +45,7 @@
         "@typescript-eslint/unbound-method": "off",
         "@typescript-eslint/no-extraneous-class": "off",
         "@typescript-eslint/no-non-null-assertion": "off",
+        "@angular-eslint/prefer-standalone": "off",
         "@angular-eslint/sort-ngmodule-metadata-arrays": "error",
         "@angular-eslint/component-class-suffix": "off",
         "@angular-eslint/use-component-selector": "off",

diff --git a/src/app/_shared/form.ts b/src/app/_shared/form.ts
@@ -62,7 +62,7 @@ export function injectOnSubmit<CreateDTOType, UpdateDTOType extends IHasID<Updat
     }
 
     obs$.subscribe((response) => {
-      if (continuousCreation && continuousCreation.enabled()) {
+      if (continuousCreation?.enabled()) {
         continuousCreation.patch(dto);
       } else {
         if (method === 'CREATE' && openOnCreate) {

diff --git a/src/app/_shared/notifications/toasts-container.component.ts b/src/app/_shared/notifications/toasts-container.component.ts
@@ -23,7 +23,15 @@ import {NotificationService, Toast} from './notification.service';
       </ngb-toast>
     }
   `,
-  styles: [':host { position: fixed; bottom: 25px; right: 0; margin: 0.5em; z-index: 1200;}'],
+  styles: `
+    :host {
+      position: fixed;
+      bottom: 25px;
+      right: 0;
+      margin: 0.5em;
+      z-index: 1200;
+    }
+  `,
   selector: 'app-toasts',
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [NgTemplateOutlet, NgbToast, AsyncPipe],

diff --git a/src/app/_shared/params.ts b/src/app/_shared/params.ts
@@ -13,7 +13,7 @@ export function p_add(
         }
       }
     } else {
-      params = params.append(name, `${newParams}`);
+      params = params.append(name, newParams);
     }
   }
   return params;

diff --git a/src/app/_shared/ui/app-download-btn-list.component.ts b/src/app/_shared/ui/app-download-btn-list.component.ts
@@ -66,21 +66,19 @@ export interface appDownload {
       </div>
     }
   `,
-  styles: [
-    `
-      .customLogo img:last-child {
-        display: none;
-      }
+  styles: `
+    .customLogo img:last-child {
+      display: none;
+    }
 
-      .customLogo:hover img:last-child {
-        display: inline-block;
-      }
+    .customLogo:hover img:last-child {
+      display: inline-block;
+    }
 
-      .customLogo:hover img:first-child {
-        display: none;
-      }
-    `,
-  ],
+    .customLogo:hover img:first-child {
+      display: none;
+    }
+  `,
   selector: 'app-download-btn-list',
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,

diff --git a/src/app/_shared/ui/footer/footer.component.ts b/src/app/_shared/ui/footer/footer.component.ts
@@ -82,45 +82,43 @@ import {injectWindow} from 'dfx-helper';
       </div>
     </footer>
   `,
-  styles: [
-    `
-      .heart {
-        color: red;
-        margin-top: -5px;
-      }
+  styles: `
+    .heart {
+      color: red;
+      margin-top: -5px;
+    }
 
-      .heart:hover {
-        transform: scale(1.4);
-      }
+    .heart:hover {
+      transform: scale(1.4);
+    }
 
-      .name:hover {
-        cursor: pointer;
-        position: relative;
-        font-weight: 500;
-      }
-      .name:hover:after {
-        transform: scale(0.3);
-        width: 128px;
-        height: 128px;
-        display: block;
-        position: absolute;
-        left: -90px;
-        top: -196px; /* change this value to one that suits you */
-      }
+    .name:hover {
+      cursor: pointer;
+      position: relative;
+      font-weight: 500;
+    }
+    .name:hover:after {
+      transform: scale(0.3);
+      width: 128px;
+      height: 128px;
+      display: block;
+      position: absolute;
+      left: -90px;
+      top: -196px; /* change this value to one that suits you */
+    }
 
-      .dominik:hover:after {
-        content: url('/assets/people/dominik.png');
-      }
+    .dominik:hover:after {
+      content: url('/assets/people/dominik.png');
+    }
 
-      .alex:hover:after {
-        content: url('/assets/people/alex.png');
-      }
+    .alex:hover:after {
+      content: url('/assets/people/alex.png');
+    }
 
-      .fabian:hover:after {
-        content: url('/assets/people/fabian.png');
-      }
-    `,
-  ],
+    .fabian:hover:after {
+      content: url('/assets/people/fabian.png');
+    }
+  `,
   selector: 'app-footer',
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,

diff --git a/src/app/_shared/ui/loading/app-spinner-row.component.ts b/src/app/_shared/ui/loading/app-spinner-row.component.ts
@@ -8,17 +8,15 @@ import {booleanAttribute, ChangeDetectionStrategy, Component, Input} from '@angu
       </div>
     }
   `,
-  styles: [
-    `
-      .b-spinner-row {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-top: 30px;
-        margin-bottom: 30px;
-      }
-    `,
-  ],
+  styles: `
+    .b-spinner-row {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-top: 30px;
+      margin-bottom: 30px;
+    }
+  `,
   selector: 'app-spinner-row',
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,

diff --git a/src/app/home/_admin/dead-letters/dead-letter-view.component.ts b/src/app/home/_admin/dead-letters/dead-letter-view.component.ts
@@ -47,18 +47,16 @@ import {DeadLettersService} from './dead-letters.service';
       <app-spinner-row />
     }
   `,
-  styles: [
-    `
-      .json-box {
-        padding: 15px;
-        background-color: black;
-        border-radius: 5px;
-      }
-      #json-data {
-        margin-bottom: 0;
-      }
-    `,
-  ],
+  styles: `
+    .json-box {
+      padding: 15px;
+      background-color: black;
+      border-radius: 5px;
+    }
+    #json-data {
+      margin-bottom: 0;
+    }
+  `,
   selector: 'app-dead-letter-view',
   imports: [TranslocoPipe, BiComponent, ScrollableToolbarComponent, AppBackButtonComponent, AppSpinnerRowComponent, DatePipe],
   standalone: true,

diff --git a/src/app/home/_admin/tmp-notifications/tmp-notification-view.component.ts b/src/app/home/_admin/tmp-notifications/tmp-notification-view.component.ts
@@ -98,48 +98,46 @@ import {TmpNotificationsService} from './tmp-notifications.service';
       </div>
     }
   `,
-  styles: [
-    `
-      .json-box {
-        padding: 15px;
-        background-color: black;
-        border-radius: 5px;
-      }
-      .json-data {
-        margin-bottom: 0;
-        white-space: pre-wrap;
-        word-wrap: break-word; /* Allows words to break and wrap */
-      }
-
-      /** Style email **/
-      .container {
-        display: flex;
-        flex-direction: column;
-        gap: 0.75rem;
-        margin-top: -100px;
-        max-width: unset;
-        line-height: unset;
-      }
-
-      .container > ul {
-        display: flex;
-        flex-direction: column;
-        gap: 0.25rem;
-      }
-
-      .logo-row {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        gap: 1rem;
-      }
-
-      .logo {
-        max-width: 96px;
-        height: auto;
-      }
-    `,
-  ],
+  styles: `
+    .json-box {
+      padding: 15px;
+      background-color: black;
+      border-radius: 5px;
+    }
+    .json-data {
+      margin-bottom: 0;
+      white-space: pre-wrap;
+      word-wrap: break-word; /* Allows words to break and wrap */
+    }
+
+    /** Style email **/
+    .container {
+      display: flex;
+      flex-direction: column;
+      gap: 0.75rem;
+      margin-top: -100px;
+      max-width: unset;
+      line-height: unset;
+    }
+
+    .container > ul {
+      display: flex;
+      flex-direction: column;
+      gap: 0.25rem;
+    }
+
+    .logo-row {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      gap: 1rem;
+    }
+
+    .logo {
+      max-width: 96px;
+      height: auto;
+    }
+  `,
   selector: 'app-tmp-notification-view',
   imports: [
     TranslocoPipe,

diff --git a/src/app/home/_layout/home.layout.html b/src/app/home/_layout/home.layout.html
@@ -220,7 +220,7 @@ <h5>{{ 'NAV_USER_SETTINGS_WELCOME' | transloco }} {{ user.firstname }},</h5>
                     <bi name="file-lock" />
                     {{ 'NAV_USER_SESSIONS' | transloco }}
                   </a>
-                  <button type="button" ngbDropdownItem (click)="this.authService.logout()" class="d-flex gap-2 align-items-center">
+                  <button type="button" ngbDropdownItem class="d-flex gap-2 align-items-center" (click)="this.authService.logout()">
                     <bi name="box-arrow-left" />
                     {{ 'NAV_LOGOUT' | transloco }}
                   </button>

diff --git a/src/app/home/_shared/components/color/color-picker.component.ts b/src/app/home/_shared/components/color/color-picker.component.ts
@@ -53,15 +53,13 @@ import {AppIsLightColorPipe} from './app-is-light-color.pipe';
       </div>
     </ng-template>
   `,
-  styles: [
-    `
-      .color-btn {
-        border: none;
-        width: 33px;
-        height: 33px;
-      }
-    `,
-  ],
+  styles: `
+    .color-btn {
+      border: none;
+      width: 33px;
+      height: 33px;
+    }
+  `,
   standalone: true,
   selector: 'app-color-picker',
   changeDetection: ChangeDetectionStrategy.OnPush,

diff --git a/src/app/home/_shared/components/navbar-scrollable/app-navbar-scrollable.component.ts b/src/app/home/_shared/components/navbar-scrollable/app-navbar-scrollable.component.ts
@@ -29,7 +29,7 @@ import {ScrollableToolbarComponent} from '../scrollable-toolbar.component';
   ],
   changeDetection: ChangeDetectionStrategy.OnPush,
   templateUrl: './app-navbar-scrollable.component.html',
-  styleUrls: ['./app-navbar-scrollable.component.css'],
+  styleUrl: './app-navbar-scrollable.component.css',
 })
 export class AppNavbarScrollableComponent implements AfterViewInit {
   @Input({transform: booleanAttribute}) isMobile = false;

diff --git a/src/app/home/_shared/components/scrollable-toolbar.component.ts b/src/app/home/_shared/components/scrollable-toolbar.component.ts
@@ -10,29 +10,27 @@ import {AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, ViewChild
       <ng-content />
     </div>
   `,
-  styles: [
-    `
-      #overflow-container {
-        scroll-snap-type: y mandatory;
-        scroll-behavior: smooth;
-      }
+  styles: `
+    #overflow-container {
+      scroll-snap-type: y mandatory;
+      scroll-behavior: smooth;
+    }
 
-      .overflow-auto::-webkit-scrollbar {
-        display: none;
-      }
+    .overflow-auto::-webkit-scrollbar {
+      display: none;
+    }
 
-      /* Hide scrollbar for IE, Edge and Firefox */
-      .overflow-auto {
-        -ms-overflow-style: none; /* IE and Edge */
-        scrollbar-width: none; /* Firefox */
-      }
+    /* Hide scrollbar for IE, Edge and Firefox */
+    .overflow-auto {
+      -ms-overflow-style: none; /* IE and Edge */
+      scrollbar-width: none; /* Firefox */
+    }
 
-      :host(scrollable-toolbar)::ng-deep.btn {
-        word-break: keep-all;
-        white-space: nowrap;
-      }
-    `,
-  ],
+    :host(scrollable-toolbar)::ng-deep.btn {
+      word-break: keep-all;
+      white-space: nowrap;
+    }
+  `,
   selector: 'scrollable-toolbar',
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,