html linting

pull/1149/head
ShahanaFarooqui 1 year ago
parent 8501afe9b5
commit 00a231372a

@ -1,10 +1,7 @@
{
"root": true,
"ignorePatterns": [
"projects/**/*",
"rtl.js",
"/backend/**/*.js",
"/src/prebuild.js"
"src/**/*.js"
],
"overrides": [
{
@ -26,13 +23,10 @@
],
"rules": {
"deprecation/deprecation": "error",
"@angular-eslint/use-injectable-provided-in": "off",
"@angular-eslint/prefer-on-push-component-change-detection": "off",
"@angular-eslint/use-component-view-encapsulation": "off",
"@angular-eslint/sort-ngmodule-metadata-arrays": "off",
"@angular-eslint/arrow-body-style": "off",
"@angular-eslint/component-selector": ["error", { "prefix": "rtl", "style": "kebab-case", "type": "element" }],
"@angular-eslint/directive-selector": ["error", { "style": "camelCase", "type": "attribute" }],
"@angular-eslint/use-component-view-encapsulation": "off",
"@angular-eslint/use-injectable-provided-in": "off",
"@typescript-eslint/member-delimiter-style": ["error", { "multiline": { "delimiter": "semi", "requireLast": true}, "singleline": { "delimiter": "comma", "requireLast": false }}],
"@typescript-eslint/no-non-null-assertion": "off",
"@typescript-eslint/type-annotation-spacing": "error",
@ -185,20 +179,26 @@
"files": [
"*.html"
],
"parser": "@angular-eslint/template-parser",
"extends": [
"plugin:@angular-eslint/template/all",
"plugin:@angular-eslint/template/recommended",
"plugin:@angular-eslint/template/process-inline-templates"
],
"rules": {
"@angular-eslint/arrow-body-style": "off",
"@angular-eslint/component-selector": ["error", { "prefix": "rtl", "style": "kebab-case", "type": "element" }],
"@angular-eslint/directive-selector": ["error", { "style": "camelCase", "type": "attribute" }],
"@angular-eslint/template/accessibility-elements-content": "off",
"@angular-eslint/template/button-has-type": ["off"],
"@angular-eslint/template/accessibility-interactive-supports-focus": "off",
"@angular-eslint/template/button-has-type": "off",
"@angular-eslint/template/click-events-have-key-events": "off",
"@angular-eslint/template/conditional-complexity": "off",
"@angular-eslint/template/cyclomatic-complexity": "off",
"@angular-eslint/template/i18n": "off",
"@angular-eslint/template/no-autofocus": "off",
"@angular-eslint/template/no-call-expression": "off",
"@angular-eslint/template/no-inline-styles": "off",
"@angular-eslint/template/no-positive-tabindex": "off",
"@angular-eslint/template/use-track-by-function": "off"
}

@ -10,9 +10,9 @@
<link i18n-rel="" rel="mask-icon" href="assets/images/favicon-light/safari-pinned-tab.svg" color="#5bbad5">
<meta i18n-content="" name="msapplication-TileColor" content="#da532c">
<meta i18n-content="" name="theme-color" content="#ffffff">
<style>@font-face{font-family:Roboto;src:url(Roboto-Thin.f7a95c9c5999532c.woff2) format("woff2"),url(Roboto-Thin.c13c157cb81e8ebb.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-ThinItalic.b0e084abf689f393.woff2) format("woff2"),url(Roboto-ThinItalic.1111028df6cea564.woff) format("woff");font-weight:100;font-style:italic}@font-face{font-family:Roboto;src:url(Roboto-Light.0e01b6cd13b3857f.woff2) format("woff2"),url(Roboto-Light.603ca9a537b88428.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-LightItalic.232ef4b20215f720.woff2) format("woff2"),url(Roboto-LightItalic.1b5e142f787151c8.woff) format("woff");font-weight:300;font-style:italic}@font-face{font-family:Roboto;src:url(Roboto-Regular.475ba9e4e2d63456.woff2) format("woff2"),url(Roboto-Regular.bcefbfee882bc1cb.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-RegularItalic.e3a9ebdaac06bbc4.woff2) format("woff2"),url(Roboto-RegularItalic.0668fae6af0cf8c2.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:url(Roboto-Medium.457532032ceb0168.woff2) format("woff2"),url(Roboto-Medium.6e1ae5f0b324a0aa.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-MediumItalic.872f7060602d55d2.woff2) format("woff2"),url(Roboto-MediumItalic.e06fb533801cbb08.woff) format("woff");font-weight:500;font-style:italic}@font-face{font-family:Roboto;src:url(Roboto-Bold.447291a88c067396.woff2) format("woff2"),url(Roboto-Bold.fc482e6133cf5e26.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-BoldItalic.1b15168ef6fa4e16.woff2) format("woff2"),url(Roboto-BoldItalic.e26ba339b06f09f7.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:Roboto;src:url(Roboto-Black.2eaa390d458c877d.woff2) format("woff2"),url(Roboto-Black.b25f67ad8583da68.woff) format("woff");font-weight:900;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-BlackItalic.7dc03ee444552bc5.woff2) format("woff2"),url(Roboto-BlackItalic.c8dc642467cb3099.woff) format("woff");font-weight:900;font-style:italic}html{width:100%;height:99%;line-height:1.5;overflow-x:hidden;font-family:Roboto,sans-serif!important;font-size:62.5%}body{box-sizing:border-box;height:100%;margin:0;overflow:hidden}*{margin:0;padding:0}</style><link rel="stylesheet" href="styles.3818de96604f2a1f.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.3818de96604f2a1f.css"></noscript></head>
<link rel="stylesheet" href="styles.1c42c1f421dc8793.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.1c42c1f421dc8793.css"></noscript></head>
<body>
<rtl-app></rtl-app>
<script src="runtime.ca83eb75a9a0db5b.js" type="module"></script><script src="polyfills.b0802d8d65655abd.js" type="module"></script><script src="main.c0354e799971eaab.js" type="module"></script>
<script src="runtime.ca83eb75a9a0db5b.js" type="module"></script><script src="polyfills.b0802d8d65655abd.js" type="module"></script><script src="main.094a8a6dbd295364.js" type="module"></script>
</body></html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -17,7 +17,7 @@
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menuOperator="matMenu" class="dashboard-vert-menu" xPosition="before">
<button mat-menu-item *ngFor="let goToOption of card.goToOptions; index as i" (click)="onNavigateTo(card.links[i])">{{goToOption}}</button>
<button *ngFor="let goToOption of card.goToOptions; index as i" mat-menu-item (click)="onNavigateTo(card.links[i])">{{goToOption}}</button>
<button *ngIf="card.id === 'capacity'" mat-menu-item (click)="onsortChannelsBy()">Sort By {{sortField === 'Balance Score' ? 'Capacity' : 'Balance Score'}}</button>
</mat-menu>
</div>
@ -69,7 +69,7 @@
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menuMerchant="matMenu" class="dashboard-vert-menu" xPosition="before">
<button mat-menu-item *ngFor="let goToOption of card.goToOptions; index as i" (click)="onNavigateTo(card.links[i])">{{goToOption}}</button>
<button *ngFor="let goToOption of card.goToOptions; index as i" mat-menu-item (click)="onNavigateTo(card.links[i])">{{goToOption}}</button>
</mat-menu>
</div>
</mat-card-title>
@ -99,7 +99,7 @@
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menuTransactions="matMenu" class="dashboard-vert-menu" xPosition="before">
<button mat-menu-item *ngFor="let goToOption of card.goToOptions; index as i" (click)="onNavigateTo(card.links[i])">{{goToOption}}</button>
<button *ngFor="let goToOption of card.goToOptions; index as i" mat-menu-item (click)="onNavigateTo(card.links[i])">{{goToOption}}</button>
</mat-menu>
</ng-template>
</mat-tab>

@ -8,7 +8,7 @@
<mat-card-content fxLayout="column" fxFlex="100" fxLayoutAlign="start stretch">
<div fxLayout="row" fxFlex="100">
<nav mat-tab-nav-bar fxFlex="100" [tabPanel]="tabPanel">
<div mat-tab-link *ngFor="let link of links" role="tab" class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
<div *ngFor="let link of links" mat-tab-link role="tab" class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
</nav>
<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>
<!-- <nav mat-tab-nav-bar fxFlex="100">

@ -6,7 +6,7 @@
<mat-card>
<mat-card-content fxLayout="column">
<nav mat-tab-nav-bar [tabPanel]="tabPanel">
<div mat-tab-link *ngFor="let link of links" role="tab" class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
<div *ngFor="let link of links" mat-tab-link role="tab" class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
</nav>
<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>
<!-- <nav mat-tab-nav-bar>

@ -245,11 +245,11 @@
</div>
</td>
</ng-container>
<tr mat-row *matRowDef="let row; columns: mppColumns; when: is_group;"></tr>
<tr *matRowDef="let row; columns: mppColumns; when: is_group;" mat-row></tr>
<!-- Payment Group Row End -->
<tr *matFooterRowDef="['no_payment']" mat-footer-row [ngClass]="{'display-none': payments?.data && payments?.data?.length && payments?.data?.length>0}"></tr>
<tr *matHeaderRowDef="displayedColumns" mat-header-row></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns; when: !is_group;"></tr>
<tr *matRowDef="let row; columns: displayedColumns; when: !is_group;" mat-row></tr>
</table>
</div>
</div>

@ -6,7 +6,7 @@
<mat-card>
<mat-card-content fxLayout="column">
<nav mat-tab-nav-bar [tabPanel]="tabPanel">
<div mat-tab-link *ngFor="let link of links" class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
<div *ngFor="let link of links" mat-tab-link class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
</nav>
<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>
<!-- <nav mat-tab-nav-bar>

@ -18,7 +18,7 @@
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menuOperator="matMenu" class="dashboard-vert-menu" xPosition="before">
<button mat-menu-item *ngFor="let goToOption of card.goToOptions; index as i" (click)="onNavigateTo(card.links[i])">{{goToOption}}</button>
<button *ngFor="let goToOption of card.goToOptions; index as i" mat-menu-item (click)="onNavigateTo(card.links[i])">{{goToOption}}</button>
<button *ngIf="card.id === 'capacity'" mat-menu-item (click)="onsortChannelsBy()">Sort By
{{sortField === 'Balance Score' ? 'Capacity' : 'Balance Score'}}</button>
</mat-menu>
@ -70,7 +70,7 @@
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menuMerchant="matMenu" class="dashboard-vert-menu" xPosition="before">
<button mat-menu-item *ngFor="let goToOption of card.goToOptions; index as i" (click)="onNavigateTo(card.links[i])">{{goToOption}}</button>
<button *ngFor="let goToOption of card.goToOptions; index as i" mat-menu-item (click)="onNavigateTo(card.links[i])">{{goToOption}}</button>
</mat-menu>
</div>
</mat-card-title>
@ -104,7 +104,7 @@
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menuTransactions="matMenu" class="dashboard-vert-menu" xPosition="before">
<button mat-menu-item *ngFor="let goToOption of card.goToOptions; index as i" (click)="onNavigateTo(card.links[i])">{{goToOption}}</button>
<button *ngFor="let goToOption of card.goToOptions; index as i" mat-menu-item (click)="onNavigateTo(card.links[i])">{{goToOption}}</button>
</mat-menu>
</ng-template>
</mat-tab>

@ -17,7 +17,7 @@
<mat-card>
<mat-card-content fxLayout="column">
<nav mat-tab-nav-bar [tabPanel]="tabPanel">
<div mat-tab-link *ngFor="let link of links" class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
<div *ngFor="let link of links" mat-tab-link class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
</nav>
<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>
<!-- <nav mat-tab-nav-bar>

@ -6,7 +6,7 @@
<mat-card>
<mat-card-content fxLayout="column">
<nav mat-tab-nav-bar [tabPanel]="tabPanel">
<div mat-tab-link *ngFor="let link of links" class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
<div *ngFor="let link of links" mat-tab-link class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
</nav>
<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>
<!-- <nav mat-tab-nav-bar>

@ -8,7 +8,7 @@
<mat-card-content fxLayout="column" fxFlex="100" fxLayoutAlign="start stretch">
<div fxLayout="row" fxFlex="100">
<nav mat-tab-nav-bar fxFlex="100" [tabPanel]="tabPanel">
<div mat-tab-link *ngFor="let link of links" class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
<div *ngFor="let link of links" mat-tab-link class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
</nav>
<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>
<!-- <nav mat-tab-nav-bar fxFlex="100">

@ -230,7 +230,7 @@
</div>
</td>
</ng-container>
<tr mat-row *matRowDef="let row; columns: partColumns; when: is_group;"></tr>
<tr *matRowDef="let row; columns: partColumns; when: is_group;" mat-row></tr>
<!-- Payment Group Row End -->
<tr *matFooterRowDef="['no_payment']" mat-footer-row [ngClass]="{'display-none': payments?.data?.length>0}"></tr>

@ -17,7 +17,7 @@
<mat-card>
<mat-card-content fxLayout="column">
<nav mat-tab-nav-bar [tabPanel]="tabPanel">
<div mat-tab-link *ngFor="let link of links" class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
<div *ngFor="let link of links" mat-tab-link class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
</nav>
<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>
<!-- <nav mat-tab-nav-bar>

@ -6,7 +6,7 @@
<mat-card>
<mat-card-content fxLayout="column">
<nav mat-tab-nav-bar [tabPanel]="tabPanel">
<div mat-tab-link *ngFor="let link of links" class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
<div *ngFor="let link of links" mat-tab-link class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
</nav>
<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>
<!-- <nav mat-tab-nav-bar>

@ -6,7 +6,7 @@
<mat-card>
<mat-card-content fxLayout="column">
<nav mat-tab-nav-bar [tabPanel]="tabPanel">
<div mat-tab-link *ngFor="let link of links" class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
<div *ngFor="let link of links" mat-tab-link class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
</nav>
<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>
<!-- <nav mat-tab-nav-bar>

@ -17,7 +17,7 @@
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menuOperator="matMenu" class="dashboard-vert-menu" xPosition="before">
<button mat-menu-item *ngFor="let goToOption of card.goToOptions; index as i" (click)="onNavigateTo(card.links[i])">{{goToOption}}</button>
<button *ngFor="let goToOption of card.goToOptions; index as i" mat-menu-item (click)="onNavigateTo(card.links[i])">{{goToOption}}</button>
<button *ngIf="card.id === 'capacity'" mat-menu-item (click)="onsortChannelsBy()">Sort By {{sortField === 'Balance Score' ? 'Capacity' : 'Balance Score'}}</button>
</mat-menu>
</div>
@ -69,7 +69,7 @@
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menuMerchant="matMenu" class="dashboard-vert-menu" xPosition="before">
<button mat-menu-item *ngFor="let goToOption of card.goToOptions; index as i" (click)="onNavigateTo(card.links[i])">{{goToOption}}</button>
<button *ngFor="let goToOption of card.goToOptions; index as i" mat-menu-item (click)="onNavigateTo(card.links[i])">{{goToOption}}</button>
</mat-menu>
</div>
</mat-card-title>
@ -99,7 +99,7 @@
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menuTransactions="matMenu" class="dashboard-vert-menu" xPosition="before">
<button mat-menu-item *ngFor="let goToOption of card.goToOptions; index as i" (click)="onNavigateTo(card.links[i])">{{goToOption}}</button>
<button *ngFor="let goToOption of card.goToOptions; index as i" mat-menu-item (click)="onNavigateTo(card.links[i])">{{goToOption}}</button>
</mat-menu>
</ng-template>
</mat-tab>

@ -17,7 +17,7 @@
<mat-card>
<mat-card-content fxLayout="column">
<nav mat-tab-nav-bar [tabPanel]="tabPanel">
<div mat-tab-link *ngFor="let link of links" class="mat-tab-label" [active]="activeLink === link?.link" [routerLink]="[link?.link, selectedTable?.name]" (click)="activeLink = link?.link">{{link?.name}}</div>
<div *ngFor="let link of links" mat-tab-link class="mat-tab-label" [active]="activeLink === link?.link" [routerLink]="[link?.link, selectedTable?.name]" (click)="activeLink = link?.link">{{link?.name}}</div>
</nav>
<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>
<!-- <nav mat-tab-nav-bar>

@ -6,7 +6,7 @@
<mat-card>
<mat-card-content fxLayout="column">
<nav mat-tab-nav-bar [tabPanel]="tabPanel">
<div mat-tab-link *ngFor="let link of links" class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
<div *ngFor="let link of links" mat-tab-link class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
</nav>
<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>
<!-- <nav mat-tab-nav-bar>

@ -30,7 +30,7 @@
</form>
<div fxLayout="row" fxFlex="100">
<nav mat-tab-nav-bar fxFlex="100" [tabPanel]="tabPanel">
<div mat-tab-link *ngFor="let link of links" class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
<div *ngFor="let link of links" mat-tab-link class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
</nav>
<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>
<!-- <nav mat-tab-nav-bar fxFlex="100">

@ -6,7 +6,7 @@
<mat-card>
<mat-card-content fxLayout="column">
<nav mat-tab-nav-bar [tabPanel]="tabPanel">
<div mat-tab-link *ngFor="let link of links" class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
<div *ngFor="let link of links" mat-tab-link class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
</nav>
<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>
<!-- <nav mat-tab-nav-bar>

@ -276,7 +276,7 @@
</div>
</td>
</ng-container>
<tr mat-row *matRowDef="let row; columns: htlcColumns; when: is_group;"></tr>
<tr *matRowDef="let row; columns: htlcColumns; when: is_group;" mat-row></tr>
<!-- Payment Group Row End -->
<tr *matFooterRowDef="['no_payment']" mat-footer-row [ngClass]="{'display-none': payments?.data && payments?.data?.length>0}"></tr>
<tr *matHeaderRowDef="displayedColumns" mat-header-row></tr>

@ -17,7 +17,7 @@
<mat-card>
<mat-card-content fxLayout="column">
<nav mat-tab-nav-bar [tabPanel]="tabPanel">
<div mat-tab-link *ngFor="let link of links" class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
<div *ngFor="let link of links" mat-tab-link class="mat-tab-label" [active]="activeLink === link.link" routerLink="{{link.link}}" (click)="activeLink = link.link">{{link.name}}</div>
</nav>
<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>
<!-- <nav mat-tab-nav-bar>

@ -14,7 +14,7 @@
<mat-card>
<mat-card-content fxLayout="column" fxFlex="100" fxLayoutAlign="start stretch">
<nav mat-tab-nav-bar [tabPanel]="tabPanel">
<div mat-tab-link *ngFor="let link of links" class="mat-tab-label" [active]="activeTab.link === link.link" [routerLink]="['../', link.link]" (click)="onSelectedIndexChange(link)">{{link.name}}</div>
<div *ngFor="let link of links" mat-tab-link class="mat-tab-label" [active]="activeTab.link === link.link" [routerLink]="['../', link.link]" (click)="onSelectedIndexChange(link)">{{link.name}}</div>
</nav>
<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>
<!-- <nav mat-tab-nav-bar>

@ -6,7 +6,7 @@
<mat-card>
<mat-card-content fxLayout="column">
<nav mat-tab-nav-bar [tabPanel]="tabPanel">
<div mat-tab-link *ngFor="let link of links" class="mat-tab-label" [active]="activeTab.link === link.link" [routerLink]="['../', link.link]" (click)="onSelectedIndexChange(link)">{{link.name}}</div>
<div *ngFor="let link of links" mat-tab-link class="mat-tab-label" [active]="activeTab.link === link.link" [routerLink]="['../', link.link]" (click)="onSelectedIndexChange(link)">{{link.name}}</div>
</nav>
<mat-tab-nav-panel #tabPanel></mat-tab-nav-panel>
<!-- <nav mat-tab-nav-bar>

@ -475,7 +475,7 @@
color: $foreground-text;
}
& .mat-chip-list-wrapper input.mat-input-element, .mat-chip-list-wrapper .mat-standard-chip {
.mat-chip-list-wrapper input.mat-input-element, .mat-chip-list-wrapper .mat-standard-chip {
margin: $gap math.div($gap, 4);
font-size: 80%;
min-height: 2.4rem;

@ -151,13 +151,13 @@
color: $foreground-text;
}
}
& .dashboard-info-title {
.dashboard-info-title {
color: $primary-darker;
}
& .dashboard-info-value {
.dashboard-info-value {
color: $foreground-text;
}
& .dashboard-capacity-header {
.dashboard-capacity-header {
color: $foreground-text;
}
.mat-progress-bar.this-channel-bar .mat-progress-bar-fill::after {
@ -225,11 +225,11 @@
& .fill-color-primary-lighter { fill: $primary-lighter; }
& .fill-color-primary-darker { fill: $primary-darker; }
}
& .mat-select-value, & .mat-select-arrow {
.mat-select-value, .mat-select-arrow {
color: $foreground-text;
}
& .mat-form-field-disabled {
.mat-form-field-disabled {
& .mat-form-field-underline{
background-color: transparent;
background-image: linear-gradient(90deg,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);
@ -265,7 +265,7 @@
color: $primary-darker;
}
& tr.alert.alert-warn {
tr.alert.alert-warn {
& .mat-cell, .mat-header-cell, .mat-footer-cell {
color: $yellow-alert-color;
}

@ -147,10 +147,10 @@
color: $foreground-disabled;
}
}
& .dashboard-info-title {
.dashboard-info-title {
color: $primary-color;
}
& .dashboard-info-value {
.dashboard-info-value {
color: $foreground-secondary-text;
}
.color-primary {
@ -216,7 +216,7 @@
& .fill-color-primary-darker { fill: $primary-color; }
}
& .mat-form-field-disabled {
.mat-form-field-disabled {
& .mat-form-field-underline{
background-color: transparent;
background-image: linear-gradient(90deg,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);

@ -2,98 +2,102 @@
@import 'theme-mode-dark';
@import 'theme-mode-light';
@import 'theme-color';
@import "../skins/purple";
@include mat.all-component-themes($purple-day-theme);
@include theme-mode-light($purple-day-theme);
@include theme-color($purple-day-theme);
.rtl-container{
@include mat.core();
&.purple {
@import "../skins/purple";
&.day {
@include mat.all-component-themes($purple-day-theme);
@include theme-mode-light($purple-day-theme);
@include theme-color($purple-day-theme);
}
// @import "../skins/purple";
// &.day {
// @include mat.all-component-themes($purple-day-theme);
// // @include theme-mode-light($purple-day-theme);
// // @include theme-color($purple-day-theme);
// }
&.night {
@include mat.all-component-colors($purple-night-theme);
@include theme-mode-dark($purple-night-theme);
@include theme-color($purple-night-theme);
// @include theme-mode-dark($purple-night-theme);
// @include theme-color($purple-night-theme);
}
}
&.blue{
@import "../skins/blue";
&.day {
@include mat.all-component-themes($blue-day-theme);
@include theme-mode-light($blue-day-theme);
@include theme-color($blue-day-theme);
@include mat.all-component-colors($blue-day-theme);
// @include theme-mode-light($blue-day-theme);
// @include theme-color($blue-day-theme);
}
&.night {
@include mat.all-component-colors($blue-night-theme);
@include theme-mode-dark($blue-night-theme);
@include theme-color($blue-night-theme);
// @include theme-mode-dark($blue-night-theme);
// @include theme-color($blue-night-theme);
}
}
&.indigo{
@import "../skins/indigo";
&.day {
@include mat.all-component-themes($indigo-day-theme);
@include theme-mode-light($indigo-day-theme);
@include theme-color($indigo-day-theme);
@include mat.all-component-colors($indigo-day-theme);
// @include theme-mode-light($indigo-day-theme);
// @include theme-color($indigo-day-theme);
}
&.night {
@include mat.all-component-colors($indigo-night-theme);
@include theme-mode-dark($indigo-night-theme);
@include theme-color($indigo-night-theme);
// @include theme-mode-dark($indigo-night-theme);
// @include theme-color($indigo-night-theme);
}
}
&.green{
@import "../skins/green";
&.day {
@include mat.all-component-themes($green-day-theme);
@include theme-mode-light($green-day-theme);
@include theme-color($green-day-theme);
@include mat.all-component-colors($green-day-theme);
// @include theme-mode-light($green-day-theme);
// @include theme-color($green-day-theme);
}
&.night {
@include mat.all-component-colors($green-night-theme);
@include theme-mode-dark($green-night-theme);
@include theme-color($green-night-theme);
// @include theme-mode-dark($green-night-theme);
// @include theme-color($green-night-theme);
}
}
&.teal{
@import "../skins/teal";
&.day {
@include mat.all-component-themes($teal-day-theme);
@include theme-mode-light($teal-day-theme);
@include theme-color($teal-day-theme);
@include mat.all-component-colors($teal-day-theme);
// @include theme-mode-light($teal-day-theme);
// @include theme-color($teal-day-theme);
}
&.night {
@include mat.all-component-colors($teal-night-theme);
@include theme-mode-dark($teal-night-theme);
@include theme-color($teal-night-theme);
// @include theme-mode-dark($teal-night-theme);
// @include theme-color($teal-night-theme);
}
}
&.pink{
@import "../skins/pink";
&.day {
@include mat.all-component-themes($pink-day-theme);
@include theme-mode-light($pink-day-theme);
@include theme-color($pink-day-theme);
@include mat.all-component-colors($pink-day-theme);
// @include theme-mode-light($pink-day-theme);
// @include theme-color($pink-day-theme);
}
&.night {
@include mat.all-component-colors($pink-night-theme);
@include theme-mode-dark($pink-night-theme);
@include theme-color($pink-night-theme);
// @include theme-mode-dark($pink-night-theme);
// @include theme-color($pink-night-theme);
}
}
&.yellow{
@import "../skins/yellow";
&.day {
@include mat.all-component-themes($yellow-day-theme);
@include theme-mode-light($yellow-day-theme);
@include theme-color($yellow-day-theme);
@include mat.all-component-colors($yellow-day-theme);
// @include theme-mode-light($yellow-day-theme);
// @include theme-color($yellow-day-theme);
}
&.night {
@include mat.all-component-colors($yellow-night-theme);
@include theme-mode-dark($yellow-night-theme);
@include theme-color($yellow-night-theme);
// @include theme-mode-dark($yellow-night-theme);
// @include theme-color($yellow-night-theme);
}
}
}

@ -1,4 +1,3 @@
/* To learn more about this file see: https://angular.io/config/tsconfig. */
{
"compileOnSave": false,
"compilerOptions": {

Loading…
Cancel
Save