From 446c7cb5174f21016ed1ff81c947cc3362402a11 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sun, 11 Feb 2024 18:12:16 +0100
Subject: [PATCH] Remove closing tags of mat-* components (#2989)

---
 .../src/app/components/admin-jobs/admin-jobs.html    |  2 +-
 .../market-data-detail-dialog.html                   |  2 +-
 .../admin-market-data/admin-market-data.html         |  2 +-
 .../asset-profile-dialog/asset-profile-dialog.html   |  4 ++--
 .../create-asset-profile-dialog.html                 |  2 +-
 .../components/admin-overview/admin-overview.html    |  6 +++---
 .../benchmark-comparator.component.html              |  2 +-
 .../user-account-settings/user-account-settings.html | 12 ++++++------
 apps/client/src/app/pages/faq/faq-page.html          |  4 ++--
 .../create-or-update-activity-dialog.html            |  8 ++++----
 .../import-activities-dialog.html                    |  2 +-
 .../portfolio/allocations/allocations-page.html      |  6 +++---
 .../client/src/app/pages/webauthn/webauthn-page.html |  2 +-
 .../activities-filter.component.html                 |  2 +-
 .../activities-table/activities-table.component.html |  6 +++---
 libs/ui/src/lib/assistant/assistant.html             |  6 +++---
 .../fire-calculator/fire-calculator.component.html   |  2 +-
 .../lib/holdings-table/holdings-table.component.html |  2 +-
 .../symbol-autocomplete.component.html               |  6 +-----
 19 files changed, 37 insertions(+), 41 deletions(-)

diff --git a/apps/client/src/app/components/admin-jobs/admin-jobs.html b/apps/client/src/app/components/admin-jobs/admin-jobs.html
index 94c5e0c25..12b31dfc8 100644
--- a/apps/client/src/app/components/admin-jobs/admin-jobs.html
+++ b/apps/client/src/app/components/admin-jobs/admin-jobs.html
@@ -4,7 +4,7 @@
       <form class="align-items-center d-flex" [formGroup]="filterForm">
         <mat-form-field appearance="outline" class="w-100 without-hint">
           <mat-select formControlName="status">
-            <mat-option></mat-option>
+            <mat-option />
             <mat-option
               *ngFor="let statusFilterOption of statusFilterOptions"
               [value]="statusFilterOption"
diff --git a/apps/client/src/app/components/admin-market-data-detail/market-data-detail-dialog/market-data-detail-dialog.html b/apps/client/src/app/components/admin-market-data-detail/market-data-detail-dialog/market-data-detail-dialog.html
index ff88807f7..5e16fc702 100644
--- a/apps/client/src/app/components/admin-market-data-detail/market-data-detail-dialog/market-data-detail-dialog.html
+++ b/apps/client/src/app/components/admin-market-data-detail/market-data-detail-dialog/market-data-detail-dialog.html
@@ -18,7 +18,7 @@
             name="calendar-clear-outline"
           />
         </mat-datepicker-toggle>
-        <mat-datepicker #date disabled="true"></mat-datepicker>
+        <mat-datepicker #date disabled="true" />
       </mat-form-field>
     </div>
     <div class="align-items-start d-flex">
diff --git a/apps/client/src/app/components/admin-market-data/admin-market-data.html b/apps/client/src/app/components/admin-market-data/admin-market-data.html
index 949a75520..b2fa9a275 100644
--- a/apps/client/src/app/components/admin-market-data/admin-market-data.html
+++ b/apps/client/src/app/components/admin-market-data/admin-market-data.html
@@ -203,7 +203,7 @@
         [pageSize]="pageSize"
         [showFirstLastButtons]="true"
         (page)="onChangePage($event)"
-      ></mat-paginator>
+      />
 
       <ngx-skeleton-loader
         *ngIf="isLoading && totalItems === 0"
diff --git a/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.html b/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.html
index 006b63a82..ccaac128a 100644
--- a/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.html
+++ b/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.html
@@ -196,7 +196,7 @@
       <mat-form-field appearance="outline" class="w-100 without-hint">
         <mat-label i18n>Asset Class</mat-label>
         <mat-select formControlName="assetClass">
-          <mat-option [value]="null"></mat-option>
+          <mat-option [value]="null" />
           <mat-option
             *ngFor="let assetClass of assetClasses"
             [value]="assetClass.id"
@@ -209,7 +209,7 @@
       <mat-form-field appearance="outline" class="w-100 without-hint">
         <mat-label i18n>Asset Sub Class</mat-label>
         <mat-select formControlName="assetSubClass">
-          <mat-option [value]="null"></mat-option>
+          <mat-option [value]="null" />
           <mat-option
             *ngFor="let assetSubClass of assetSubClasses"
             [value]="assetSubClass.id"
diff --git a/apps/client/src/app/components/admin-market-data/create-asset-profile-dialog/create-asset-profile-dialog.html b/apps/client/src/app/components/admin-market-data/create-asset-profile-dialog/create-asset-profile-dialog.html
index e7ed9352a..0f4901c31 100644
--- a/apps/client/src/app/components/admin-market-data/create-asset-profile-dialog/create-asset-profile-dialog.html
+++ b/apps/client/src/app/components/admin-market-data/create-asset-profile-dialog/create-asset-profile-dialog.html
@@ -12,7 +12,7 @@
         [value]="mode"
         (change)="onRadioChange($event.value)"
       >
-        <mat-radio-button name="auto" value="auto"></mat-radio-button>
+        <mat-radio-button name="auto" value="auto" />
         <label class="m-0" for="auto" i18n>Search</label>
         <mat-radio-button class="ml-3" name="manual" value="manual">
         </mat-radio-button>
diff --git a/apps/client/src/app/components/admin-overview/admin-overview.html b/apps/client/src/app/components/admin-overview/admin-overview.html
index b1be5bd89..e7af876e4 100644
--- a/apps/client/src/app/components/admin-overview/admin-overview.html
+++ b/apps/client/src/app/components/admin-overview/admin-overview.html
@@ -114,7 +114,7 @@
                 hideIcon="true"
                 [checked]="info.globalPermissions.includes(permissions.createUserAccount)"
                 (change)="onEnableUserSignupModeChange($event)"
-              ></mat-slide-toggle>
+              />
             </div>
           </div>
           <div *ngIf="hasPermissionToToggleReadOnlyMode" class="d-flex my-3">
@@ -125,7 +125,7 @@
                 hideIcon="true"
                 [checked]="info?.isReadOnlyMode"
                 (change)="onReadOnlyModeChange($event)"
-              ></mat-slide-toggle>
+              />
             </div>
           </div>
           <div class="d-flex my-3">
@@ -136,7 +136,7 @@
                 hideIcon="true"
                 [checked]="isDataGatheringEnabled"
                 (change)="onEnableDataGatheringChange($event)"
-              ></mat-slide-toggle>
+              />
             </div>
           </div>
           <div *ngIf="hasPermissionForSystemMessage" class="d-flex my-3">
diff --git a/apps/client/src/app/components/benchmark-comparator/benchmark-comparator.component.html b/apps/client/src/app/components/benchmark-comparator/benchmark-comparator.component.html
index 2022e421c..c34fcf274 100644
--- a/apps/client/src/app/components/benchmark-comparator/benchmark-comparator.component.html
+++ b/apps/client/src/app/components/benchmark-comparator/benchmark-comparator.component.html
@@ -23,7 +23,7 @@
         [value]="benchmark"
         (selectionChange)="onChangeBenchmark($event.value)"
       >
-        <mat-option [value]="null"></mat-option>
+        <mat-option [value]="null" />
         <mat-option
           *ngFor="let symbolProfile of benchmarks"
           [value]="symbolProfile.id"
diff --git a/apps/client/src/app/components/user-account-settings/user-account-settings.html b/apps/client/src/app/components/user-account-settings/user-account-settings.html
index 0a9462a58..c5b436991 100644
--- a/apps/client/src/app/components/user-account-settings/user-account-settings.html
+++ b/apps/client/src/app/components/user-account-settings/user-account-settings.html
@@ -17,7 +17,7 @@
             [checked]="user.settings.isRestrictedView"
             [disabled]="!hasPermissionToUpdateUserSettings"
             (change)="onRestrictedViewChange($event)"
-          ></mat-slide-toggle>
+          />
         </div>
       </div>
       <div class="d-flex mt-4 py-1">
@@ -67,7 +67,7 @@
                   [value]="language"
                   (selectionChange)="onChangeUserSetting('language', $event.value)"
                 >
-                  <mat-option [value]="null"></mat-option>
+                  <mat-option [value]="null" />
                   <mat-option value="de">Deutsch</mat-option>
                   <mat-option value="en">English</mat-option>
                   <mat-option value="es"
@@ -117,7 +117,7 @@
                   [value]="user.settings.locale"
                   (selectionChange)="onChangeUserSetting('locale', $event.value)"
                 >
-                  <mat-option [value]="null"></mat-option>
+                  <mat-option [value]="null" />
                   <mat-option *ngFor="let locale of locales" [value]="locale"
                     >{{ locale }}</mat-option
                   >
@@ -162,7 +162,7 @@
             [checked]="user.settings.viewMode === 'ZEN'"
             [disabled]="!hasPermissionToUpdateViewMode"
             (change)="onViewModeChange($event)"
-          ></mat-slide-toggle>
+          />
         </div>
       </div>
       <div class="align-items-center d-flex mt-4 py-1">
@@ -177,7 +177,7 @@
             [checked]="isWebAuthnEnabled === true"
             [disabled]="!hasPermissionToUpdateUserSettings"
             (change)="onSignInWithFingerprintChange($event)"
-          ></mat-slide-toggle>
+          />
         </div>
       </div>
       <div
@@ -197,7 +197,7 @@
             [checked]="user.settings.isExperimentalFeatures"
             [disabled]="!hasPermissionToUpdateUserSettings"
             (change)="onExperimentalFeaturesChange($event)"
-          ></mat-slide-toggle>
+          />
         </div>
       </div>
       <div class="align-items-center d-flex mt-4 py-1">
diff --git a/apps/client/src/app/pages/faq/faq-page.html b/apps/client/src/app/pages/faq/faq-page.html
index 3969451a0..d89d5cf60 100644
--- a/apps/client/src/app/pages/faq/faq-page.html
+++ b/apps/client/src/app/pages/faq/faq-page.html
@@ -44,8 +44,8 @@
       </mat-card>
       <mat-card appearance="outlined" class="mb-3">
         <mat-card-header>
-          <mat-card-title>How do I start?</mat-card-title></mat-card-header
-        >
+          <mat-card-title>How do I start?</mat-card-title>
+        </mat-card-header>
         <mat-card-content>
           You can sign up via the “<a [routerLink]="routerLinkRegister"
             >Get Started</a
diff --git a/apps/client/src/app/pages/portfolio/activities/create-or-update-activity-dialog/create-or-update-activity-dialog.html b/apps/client/src/app/pages/portfolio/activities/create-or-update-activity-dialog/create-or-update-activity-dialog.html
index 6aa9ed9d2..57336fd36 100644
--- a/apps/client/src/app/pages/portfolio/activities/create-or-update-activity-dialog/create-or-update-activity-dialog.html
+++ b/apps/client/src/app/pages/portfolio/activities/create-or-update-activity-dialog/create-or-update-activity-dialog.html
@@ -71,7 +71,7 @@
           <mat-option
             *ngIf="!activityForm.controls['accountId'].hasValidator(Validators.required)"
             [value]="null"
-          ></mat-option>
+          />
           <mat-option
             *ngFor="let account of data.accounts"
             [value]="account.id"
@@ -141,7 +141,7 @@
             name="calendar-clear-outline"
           />
         </mat-datepicker-toggle>
-        <mat-datepicker #date disabled="false"></mat-datepicker>
+        <mat-datepicker #date disabled="false" />
       </mat-form-field>
     </div>
     <div
@@ -289,7 +289,7 @@
       <mat-form-field appearance="outline" class="w-100">
         <mat-label i18n>Asset Class</mat-label>
         <mat-select formControlName="assetClass">
-          <mat-option [value]="null"></mat-option>
+          <mat-option [value]="null" />
           <mat-option
             *ngFor="let assetClass of assetClasses"
             [value]="assetClass.id"
@@ -305,7 +305,7 @@
       <mat-form-field appearance="outline" class="w-100">
         <mat-label i18n>Asset Sub Class</mat-label>
         <mat-select formControlName="assetSubClass">
-          <mat-option [value]="null"></mat-option>
+          <mat-option [value]="null" />
           <mat-option
             *ngFor="let assetSubClass of assetSubClasses"
             [value]="assetSubClass.id"
diff --git a/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.html b/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.html
index 224974deb..7710ab6b6 100644
--- a/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.html
+++ b/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.html
@@ -53,7 +53,7 @@
                 *ngIf="isLoading"
                 class="position-absolute"
                 [diameter]="20"
-              ></mat-spinner>
+              />
             </mat-form-field>
             <div class="d-flex flex-column justify-content-center">
               <button
diff --git a/apps/client/src/app/pages/portfolio/allocations/allocations-page.html b/apps/client/src/app/pages/portfolio/allocations/allocations-page.html
index db91c5655..baa19882d 100644
--- a/apps/client/src/app/pages/portfolio/allocations/allocations-page.html
+++ b/apps/client/src/app/pages/portfolio/allocations/allocations-page.html
@@ -23,7 +23,7 @@
             mode="determinate"
             [title]="(portfolioDetails?.filteredValueInPercentage * 100).toFixed(2) + '%'"
             [value]="portfolioDetails?.filteredValueInPercentage * 100"
-          ></mat-progress-bar>
+          />
         </mat-card-content>
       </mat-card>
     </div>
@@ -98,8 +98,8 @@
       <mat-card appearance="outlined" class="mb-3">
         <mat-card-header class="overflow-hidden w-100">
           <mat-card-title class="align-items-center d-flex text-truncate">
-            <ng-container i18n>By Holding</ng-container></mat-card-title
-          >
+            <ng-container i18n>By Holding</ng-container>
+          </mat-card-title>
         </mat-card-header>
         <mat-card-content>
           <gf-portfolio-proportion-chart
diff --git a/apps/client/src/app/pages/webauthn/webauthn-page.html b/apps/client/src/app/pages/webauthn/webauthn-page.html
index a4b2a4e07..4401c7288 100644
--- a/apps/client/src/app/pages/webauthn/webauthn-page.html
+++ b/apps/client/src/app/pages/webauthn/webauthn-page.html
@@ -8,7 +8,7 @@
       </div>
 
       <div *ngIf="!hasError" class="col d-flex justify-content-center">
-        <mat-spinner [diameter]="20"></mat-spinner>
+        <mat-spinner [diameter]="20" />
       </div>
       <div
         *ngIf="hasError"
diff --git a/libs/ui/src/lib/activities-filter/activities-filter.component.html b/libs/ui/src/lib/activities-filter/activities-filter.component.html
index d89bddf7a..73c984612 100644
--- a/libs/ui/src/lib/activities-filter/activities-filter.component.html
+++ b/libs/ui/src/lib/activities-filter/activities-filter.component.html
@@ -49,6 +49,6 @@
     matSuffix
     [ngClass]="{ 'd-none': !isLoading }"
   >
-    <mat-spinner matSuffix [diameter]="20"></mat-spinner>
+    <mat-spinner matSuffix [diameter]="20" />
   </button>
 </mat-form-field>
diff --git a/libs/ui/src/lib/activities-table/activities-table.component.html b/libs/ui/src/lib/activities-table/activities-table.component.html
index 543e496f8..02f38c172 100644
--- a/libs/ui/src/lib/activities-table/activities-table.component.html
+++ b/libs/ui/src/lib/activities-table/activities-table.component.html
@@ -84,7 +84,7 @@
           [disabled]="hasErrors"
           [indeterminate]="selectedRows.hasValue() && !areAllRowsSelected()"
           (change)="$event ? toggleAllRows() : null"
-        ></mat-checkbox>
+        />
       </th>
       <td *matCellDef="let element" class="px-1" mat-cell>
         <mat-checkbox
@@ -93,7 +93,7 @@
           [disabled]="element.error"
           (change)="$event ? selectedRows.toggle(element) : null"
           (click)="$event.stopPropagation()"
-        ></mat-checkbox>
+        />
       </td>
     </ng-container>
 
@@ -478,7 +478,7 @@
   [pageSize]="pageSize"
   [showFirstLastButtons]="true"
   (page)="onChangePage($event)"
-></mat-paginator>
+/>
 
 <div
   *ngIf="
diff --git a/libs/ui/src/lib/assistant/assistant.html b/libs/ui/src/lib/assistant/assistant.html
index ee1827142..073833475 100644
--- a/libs/ui/src/lib/assistant/assistant.html
+++ b/libs/ui/src/lib/assistant/assistant.html
@@ -106,7 +106,7 @@
           <mat-form-field appearance="outline" class="w-100 without-hint">
             <mat-label i18n>Accounts</mat-label>
             <mat-select formControlName="account">
-              <mat-option [value]="null"></mat-option>
+              <mat-option [value]="null" />
               @for (account of accounts; track account.id) {
               <mat-option [value]="account.id">
                 <div class="d-flex">
@@ -126,7 +126,7 @@
           <mat-form-field appearance="outline" class="w-100 without-hint">
             <mat-label i18n>Tags</mat-label>
             <mat-select formControlName="tag">
-              <mat-option [value]="null"></mat-option>
+              <mat-option [value]="null" />
               @for (tag of tags; track tag.id) {
               <mat-option [value]="tag.id">{{ tag.label }}</mat-option>
               }
@@ -137,7 +137,7 @@
           <mat-form-field appearance="outline" class="w-100 without-hint">
             <mat-label i18n>Asset Classes</mat-label>
             <mat-select formControlName="assetClass">
-              <mat-option [value]="null"></mat-option>
+              <mat-option [value]="null" />
               @for (assetClass of assetClasses; track assetClass.id) {
               <mat-option [value]="assetClass.id"
                 >{{ assetClass.label }}</mat-option
diff --git a/libs/ui/src/lib/fire-calculator/fire-calculator.component.html b/libs/ui/src/lib/fire-calculator/fire-calculator.component.html
index 2ecf0d305..148c8e817 100644
--- a/libs/ui/src/lib/fire-calculator/fire-calculator.component.html
+++ b/libs/ui/src/lib/fire-calculator/fire-calculator.component.html
@@ -46,7 +46,7 @@
             matIconSuffix
             [disabled]="hasPermissionToUpdateUserSettings !== true"
             [for]="datepicker"
-          ></mat-datepicker-toggle>
+          />
           <mat-datepicker
             #datepicker
             startView="multi-year"
diff --git a/libs/ui/src/lib/holdings-table/holdings-table.component.html b/libs/ui/src/lib/holdings-table/holdings-table.component.html
index da340004d..b18c7447a 100644
--- a/libs/ui/src/lib/holdings-table/holdings-table.component.html
+++ b/libs/ui/src/lib/holdings-table/holdings-table.component.html
@@ -152,7 +152,7 @@
   </table>
 </div>
 
-<mat-paginator class="d-none" [pageSize]="pageSize"></mat-paginator>
+<mat-paginator class="d-none" [pageSize]="pageSize" />
 
 <ngx-skeleton-loader
   *ngIf="isLoading"
diff --git a/libs/ui/src/lib/symbol-autocomplete/symbol-autocomplete.component.html b/libs/ui/src/lib/symbol-autocomplete/symbol-autocomplete.component.html
index b59f007e7..fed5bc2ed 100644
--- a/libs/ui/src/lib/symbol-autocomplete/symbol-autocomplete.component.html
+++ b/libs/ui/src/lib/symbol-autocomplete/symbol-autocomplete.component.html
@@ -33,8 +33,4 @@
     </mat-option>
   </ng-container>
 </mat-autocomplete>
-<mat-spinner
-  *ngIf="isLoading"
-  class="position-absolute"
-  [diameter]="20"
-></mat-spinner>
+<mat-spinner *ngIf="isLoading" class="position-absolute" [diameter]="20" />