Remove closing tags of mat-* components (#2989)

12 months ago · 446c7cb517
19 changed files with 37 additions and 41 deletions
--- 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"
--- 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">
--- 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"
--- 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"
--- 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>
--- 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">
--- 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"
--- 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">
--- 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
--- 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"
--- 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
--- 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
--- 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"
--- 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>
--- 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="
--- 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
--- 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"
--- 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"
--- 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" />