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

pull/2992/head
Thomas Kaul 12 months ago committed by GitHub
parent e921ed7f52
commit 446c7cb517
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

@ -4,7 +4,7 @@
<form class="align-items-center d-flex" [formGroup]="filterForm"> <form class="align-items-center d-flex" [formGroup]="filterForm">
<mat-form-field appearance="outline" class="w-100 without-hint"> <mat-form-field appearance="outline" class="w-100 without-hint">
<mat-select formControlName="status"> <mat-select formControlName="status">
<mat-option></mat-option> <mat-option />
<mat-option <mat-option
*ngFor="let statusFilterOption of statusFilterOptions" *ngFor="let statusFilterOption of statusFilterOptions"
[value]="statusFilterOption" [value]="statusFilterOption"

@ -18,7 +18,7 @@
name="calendar-clear-outline" name="calendar-clear-outline"
/> />
</mat-datepicker-toggle> </mat-datepicker-toggle>
<mat-datepicker #date disabled="true"></mat-datepicker> <mat-datepicker #date disabled="true" />
</mat-form-field> </mat-form-field>
</div> </div>
<div class="align-items-start d-flex"> <div class="align-items-start d-flex">

@ -203,7 +203,7 @@
[pageSize]="pageSize" [pageSize]="pageSize"
[showFirstLastButtons]="true" [showFirstLastButtons]="true"
(page)="onChangePage($event)" (page)="onChangePage($event)"
></mat-paginator> />
<ngx-skeleton-loader <ngx-skeleton-loader
*ngIf="isLoading && totalItems === 0" *ngIf="isLoading && totalItems === 0"

@ -196,7 +196,7 @@
<mat-form-field appearance="outline" class="w-100 without-hint"> <mat-form-field appearance="outline" class="w-100 without-hint">
<mat-label i18n>Asset Class</mat-label> <mat-label i18n>Asset Class</mat-label>
<mat-select formControlName="assetClass"> <mat-select formControlName="assetClass">
<mat-option [value]="null"></mat-option> <mat-option [value]="null" />
<mat-option <mat-option
*ngFor="let assetClass of assetClasses" *ngFor="let assetClass of assetClasses"
[value]="assetClass.id" [value]="assetClass.id"
@ -209,7 +209,7 @@
<mat-form-field appearance="outline" class="w-100 without-hint"> <mat-form-field appearance="outline" class="w-100 without-hint">
<mat-label i18n>Asset Sub Class</mat-label> <mat-label i18n>Asset Sub Class</mat-label>
<mat-select formControlName="assetSubClass"> <mat-select formControlName="assetSubClass">
<mat-option [value]="null"></mat-option> <mat-option [value]="null" />
<mat-option <mat-option
*ngFor="let assetSubClass of assetSubClasses" *ngFor="let assetSubClass of assetSubClasses"
[value]="assetSubClass.id" [value]="assetSubClass.id"

@ -12,7 +12,7 @@
[value]="mode" [value]="mode"
(change)="onRadioChange($event.value)" (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> <label class="m-0" for="auto" i18n>Search</label>
<mat-radio-button class="ml-3" name="manual" value="manual"> <mat-radio-button class="ml-3" name="manual" value="manual">
</mat-radio-button> </mat-radio-button>

@ -114,7 +114,7 @@
hideIcon="true" hideIcon="true"
[checked]="info.globalPermissions.includes(permissions.createUserAccount)" [checked]="info.globalPermissions.includes(permissions.createUserAccount)"
(change)="onEnableUserSignupModeChange($event)" (change)="onEnableUserSignupModeChange($event)"
></mat-slide-toggle> />
</div> </div>
</div> </div>
<div *ngIf="hasPermissionToToggleReadOnlyMode" class="d-flex my-3"> <div *ngIf="hasPermissionToToggleReadOnlyMode" class="d-flex my-3">
@ -125,7 +125,7 @@
hideIcon="true" hideIcon="true"
[checked]="info?.isReadOnlyMode" [checked]="info?.isReadOnlyMode"
(change)="onReadOnlyModeChange($event)" (change)="onReadOnlyModeChange($event)"
></mat-slide-toggle> />
</div> </div>
</div> </div>
<div class="d-flex my-3"> <div class="d-flex my-3">
@ -136,7 +136,7 @@
hideIcon="true" hideIcon="true"
[checked]="isDataGatheringEnabled" [checked]="isDataGatheringEnabled"
(change)="onEnableDataGatheringChange($event)" (change)="onEnableDataGatheringChange($event)"
></mat-slide-toggle> />
</div> </div>
</div> </div>
<div *ngIf="hasPermissionForSystemMessage" class="d-flex my-3"> <div *ngIf="hasPermissionForSystemMessage" class="d-flex my-3">

@ -23,7 +23,7 @@
[value]="benchmark" [value]="benchmark"
(selectionChange)="onChangeBenchmark($event.value)" (selectionChange)="onChangeBenchmark($event.value)"
> >
<mat-option [value]="null"></mat-option> <mat-option [value]="null" />
<mat-option <mat-option
*ngFor="let symbolProfile of benchmarks" *ngFor="let symbolProfile of benchmarks"
[value]="symbolProfile.id" [value]="symbolProfile.id"

@ -17,7 +17,7 @@
[checked]="user.settings.isRestrictedView" [checked]="user.settings.isRestrictedView"
[disabled]="!hasPermissionToUpdateUserSettings" [disabled]="!hasPermissionToUpdateUserSettings"
(change)="onRestrictedViewChange($event)" (change)="onRestrictedViewChange($event)"
></mat-slide-toggle> />
</div> </div>
</div> </div>
<div class="d-flex mt-4 py-1"> <div class="d-flex mt-4 py-1">
@ -67,7 +67,7 @@
[value]="language" [value]="language"
(selectionChange)="onChangeUserSetting('language', $event.value)" (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="de">Deutsch</mat-option>
<mat-option value="en">English</mat-option> <mat-option value="en">English</mat-option>
<mat-option value="es" <mat-option value="es"
@ -117,7 +117,7 @@
[value]="user.settings.locale" [value]="user.settings.locale"
(selectionChange)="onChangeUserSetting('locale', $event.value)" (selectionChange)="onChangeUserSetting('locale', $event.value)"
> >
<mat-option [value]="null"></mat-option> <mat-option [value]="null" />
<mat-option *ngFor="let locale of locales" [value]="locale" <mat-option *ngFor="let locale of locales" [value]="locale"
>{{ locale }}</mat-option >{{ locale }}</mat-option
> >
@ -162,7 +162,7 @@
[checked]="user.settings.viewMode === 'ZEN'" [checked]="user.settings.viewMode === 'ZEN'"
[disabled]="!hasPermissionToUpdateViewMode" [disabled]="!hasPermissionToUpdateViewMode"
(change)="onViewModeChange($event)" (change)="onViewModeChange($event)"
></mat-slide-toggle> />
</div> </div>
</div> </div>
<div class="align-items-center d-flex mt-4 py-1"> <div class="align-items-center d-flex mt-4 py-1">
@ -177,7 +177,7 @@
[checked]="isWebAuthnEnabled === true" [checked]="isWebAuthnEnabled === true"
[disabled]="!hasPermissionToUpdateUserSettings" [disabled]="!hasPermissionToUpdateUserSettings"
(change)="onSignInWithFingerprintChange($event)" (change)="onSignInWithFingerprintChange($event)"
></mat-slide-toggle> />
</div> </div>
</div> </div>
<div <div
@ -197,7 +197,7 @@
[checked]="user.settings.isExperimentalFeatures" [checked]="user.settings.isExperimentalFeatures"
[disabled]="!hasPermissionToUpdateUserSettings" [disabled]="!hasPermissionToUpdateUserSettings"
(change)="onExperimentalFeaturesChange($event)" (change)="onExperimentalFeaturesChange($event)"
></mat-slide-toggle> />
</div> </div>
</div> </div>
<div class="align-items-center d-flex mt-4 py-1"> <div class="align-items-center d-flex mt-4 py-1">

@ -44,8 +44,8 @@
</mat-card> </mat-card>
<mat-card appearance="outlined" class="mb-3"> <mat-card appearance="outlined" class="mb-3">
<mat-card-header> <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> <mat-card-content>
You can sign up via the “<a [routerLink]="routerLinkRegister" You can sign up via the “<a [routerLink]="routerLinkRegister"
>Get Started</a >Get Started</a

@ -71,7 +71,7 @@
<mat-option <mat-option
*ngIf="!activityForm.controls['accountId'].hasValidator(Validators.required)" *ngIf="!activityForm.controls['accountId'].hasValidator(Validators.required)"
[value]="null" [value]="null"
></mat-option> />
<mat-option <mat-option
*ngFor="let account of data.accounts" *ngFor="let account of data.accounts"
[value]="account.id" [value]="account.id"
@ -141,7 +141,7 @@
name="calendar-clear-outline" name="calendar-clear-outline"
/> />
</mat-datepicker-toggle> </mat-datepicker-toggle>
<mat-datepicker #date disabled="false"></mat-datepicker> <mat-datepicker #date disabled="false" />
</mat-form-field> </mat-form-field>
</div> </div>
<div <div
@ -289,7 +289,7 @@
<mat-form-field appearance="outline" class="w-100"> <mat-form-field appearance="outline" class="w-100">
<mat-label i18n>Asset Class</mat-label> <mat-label i18n>Asset Class</mat-label>
<mat-select formControlName="assetClass"> <mat-select formControlName="assetClass">
<mat-option [value]="null"></mat-option> <mat-option [value]="null" />
<mat-option <mat-option
*ngFor="let assetClass of assetClasses" *ngFor="let assetClass of assetClasses"
[value]="assetClass.id" [value]="assetClass.id"
@ -305,7 +305,7 @@
<mat-form-field appearance="outline" class="w-100"> <mat-form-field appearance="outline" class="w-100">
<mat-label i18n>Asset Sub Class</mat-label> <mat-label i18n>Asset Sub Class</mat-label>
<mat-select formControlName="assetSubClass"> <mat-select formControlName="assetSubClass">
<mat-option [value]="null"></mat-option> <mat-option [value]="null" />
<mat-option <mat-option
*ngFor="let assetSubClass of assetSubClasses" *ngFor="let assetSubClass of assetSubClasses"
[value]="assetSubClass.id" [value]="assetSubClass.id"

@ -53,7 +53,7 @@
*ngIf="isLoading" *ngIf="isLoading"
class="position-absolute" class="position-absolute"
[diameter]="20" [diameter]="20"
></mat-spinner> />
</mat-form-field> </mat-form-field>
<div class="d-flex flex-column justify-content-center"> <div class="d-flex flex-column justify-content-center">
<button <button

@ -23,7 +23,7 @@
mode="determinate" mode="determinate"
[title]="(portfolioDetails?.filteredValueInPercentage * 100).toFixed(2) + '%'" [title]="(portfolioDetails?.filteredValueInPercentage * 100).toFixed(2) + '%'"
[value]="portfolioDetails?.filteredValueInPercentage * 100" [value]="portfolioDetails?.filteredValueInPercentage * 100"
></mat-progress-bar> />
</mat-card-content> </mat-card-content>
</mat-card> </mat-card>
</div> </div>
@ -98,8 +98,8 @@
<mat-card appearance="outlined" class="mb-3"> <mat-card appearance="outlined" class="mb-3">
<mat-card-header class="overflow-hidden w-100"> <mat-card-header class="overflow-hidden w-100">
<mat-card-title class="align-items-center d-flex text-truncate"> <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-header>
<mat-card-content> <mat-card-content>
<gf-portfolio-proportion-chart <gf-portfolio-proportion-chart

@ -8,7 +8,7 @@
</div> </div>
<div *ngIf="!hasError" class="col d-flex justify-content-center"> <div *ngIf="!hasError" class="col d-flex justify-content-center">
<mat-spinner [diameter]="20"></mat-spinner> <mat-spinner [diameter]="20" />
</div> </div>
<div <div
*ngIf="hasError" *ngIf="hasError"

@ -49,6 +49,6 @@
matSuffix matSuffix
[ngClass]="{ 'd-none': !isLoading }" [ngClass]="{ 'd-none': !isLoading }"
> >
<mat-spinner matSuffix [diameter]="20"></mat-spinner> <mat-spinner matSuffix [diameter]="20" />
</button> </button>
</mat-form-field> </mat-form-field>

@ -84,7 +84,7 @@
[disabled]="hasErrors" [disabled]="hasErrors"
[indeterminate]="selectedRows.hasValue() && !areAllRowsSelected()" [indeterminate]="selectedRows.hasValue() && !areAllRowsSelected()"
(change)="$event ? toggleAllRows() : null" (change)="$event ? toggleAllRows() : null"
></mat-checkbox> />
</th> </th>
<td *matCellDef="let element" class="px-1" mat-cell> <td *matCellDef="let element" class="px-1" mat-cell>
<mat-checkbox <mat-checkbox
@ -93,7 +93,7 @@
[disabled]="element.error" [disabled]="element.error"
(change)="$event ? selectedRows.toggle(element) : null" (change)="$event ? selectedRows.toggle(element) : null"
(click)="$event.stopPropagation()" (click)="$event.stopPropagation()"
></mat-checkbox> />
</td> </td>
</ng-container> </ng-container>
@ -478,7 +478,7 @@
[pageSize]="pageSize" [pageSize]="pageSize"
[showFirstLastButtons]="true" [showFirstLastButtons]="true"
(page)="onChangePage($event)" (page)="onChangePage($event)"
></mat-paginator> />
<div <div
*ngIf=" *ngIf="

@ -106,7 +106,7 @@
<mat-form-field appearance="outline" class="w-100 without-hint"> <mat-form-field appearance="outline" class="w-100 without-hint">
<mat-label i18n>Accounts</mat-label> <mat-label i18n>Accounts</mat-label>
<mat-select formControlName="account"> <mat-select formControlName="account">
<mat-option [value]="null"></mat-option> <mat-option [value]="null" />
@for (account of accounts; track account.id) { @for (account of accounts; track account.id) {
<mat-option [value]="account.id"> <mat-option [value]="account.id">
<div class="d-flex"> <div class="d-flex">
@ -126,7 +126,7 @@
<mat-form-field appearance="outline" class="w-100 without-hint"> <mat-form-field appearance="outline" class="w-100 without-hint">
<mat-label i18n>Tags</mat-label> <mat-label i18n>Tags</mat-label>
<mat-select formControlName="tag"> <mat-select formControlName="tag">
<mat-option [value]="null"></mat-option> <mat-option [value]="null" />
@for (tag of tags; track tag.id) { @for (tag of tags; track tag.id) {
<mat-option [value]="tag.id">{{ tag.label }}</mat-option> <mat-option [value]="tag.id">{{ tag.label }}</mat-option>
} }
@ -137,7 +137,7 @@
<mat-form-field appearance="outline" class="w-100 without-hint"> <mat-form-field appearance="outline" class="w-100 without-hint">
<mat-label i18n>Asset Classes</mat-label> <mat-label i18n>Asset Classes</mat-label>
<mat-select formControlName="assetClass"> <mat-select formControlName="assetClass">
<mat-option [value]="null"></mat-option> <mat-option [value]="null" />
@for (assetClass of assetClasses; track assetClass.id) { @for (assetClass of assetClasses; track assetClass.id) {
<mat-option [value]="assetClass.id" <mat-option [value]="assetClass.id"
>{{ assetClass.label }}</mat-option >{{ assetClass.label }}</mat-option

@ -46,7 +46,7 @@
matIconSuffix matIconSuffix
[disabled]="hasPermissionToUpdateUserSettings !== true" [disabled]="hasPermissionToUpdateUserSettings !== true"
[for]="datepicker" [for]="datepicker"
></mat-datepicker-toggle> />
<mat-datepicker <mat-datepicker
#datepicker #datepicker
startView="multi-year" startView="multi-year"

@ -152,7 +152,7 @@
</table> </table>
</div> </div>
<mat-paginator class="d-none" [pageSize]="pageSize"></mat-paginator> <mat-paginator class="d-none" [pageSize]="pageSize" />
<ngx-skeleton-loader <ngx-skeleton-loader
*ngIf="isLoading" *ngIf="isLoading"

@ -33,8 +33,4 @@
</mat-option> </mat-option>
</ng-container> </ng-container>
</mat-autocomplete> </mat-autocomplete>
<mat-spinner <mat-spinner *ngIf="isLoading" class="position-absolute" [diameter]="20" />
*ngIf="isLoading"
class="position-absolute"
[diameter]="20"
></mat-spinner>

Loading…
Cancel
Save