GlcoinCore/RTL
1
0
Fork 0
mirror of https://github.com/Ride-The-Lightning/RTL.git synced 2026-08-13 12:33:07 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

html linting

Browse source
This commit is contained in:
ShahanaFarooqui 2022-11-30 14:52:32 -08:00
parent 8501afe9b5
commit 00a231372a
32 changed files with 95 additions and 92 deletions
Download patch file Download diff file Expand all files Collapse all files

20
.eslintrc.json
View file

@ -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"
}

4
frontend/index.html
View file

@ -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>

2
frontend/main.c0354e799971eaab.js → frontend/main.094a8a6dbd295364.js
View file

File diff suppressed because one or more lines are too long

1
frontend/styles.1c42c1f421dc8793.css Normal file
View file

File diff suppressed because one or more lines are too long

1
frontend/styles.3818de96604f2a1f.css
View file

File diff suppressed because one or more lines are too long

6
src/app/cln/home/home.component.html
View file

@ -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>

2
src/app/cln/routing/routing.component.html
View file

@ -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">

2
src/app/cln/sign-verify-message/sign-verify-message.component.html
View file

@ -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>

4
src/app/cln/transactions/payments/lightning-payments.component.html
View file

@ -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>

2
src/app/eclair/graph/graph.component.html
View file

@ -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
src/app/eclair/home/home.component.html
View file

@ -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>

2
src/app/eclair/on-chain/on-chain.component.html
View file

@ -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>

2
src/app/eclair/reports/reports.component.html
View file

@ -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>

2
src/app/eclair/routing/routing.component.html
View file

@ -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">

2
src/app/eclair/transactions/payments/lightning-payments.component.html
View file

@ -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>

2
src/app/eclair/transactions/transactions.component.html
View file

@ -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>

2
src/app/lnd/backup/backup.component.html
View file

@ -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>

2
src/app/lnd/graph/graph.component.html
View file

@ -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
src/app/lnd/home/home.component.html
View file

@ -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>

2
src/app/lnd/on-chain/on-chain.component.html
View file

@ -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>

2
src/app/lnd/reports/reports.component.html
View file

@ -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>

2
src/app/lnd/routing/routing.component.html
View file

@ -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">

2
src/app/lnd/sign-verify-message/sign-verify-message.component.html
View file

@ -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>

2
src/app/lnd/transactions/payments/lightning-payments.component.html
View file

@ -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>

2
src/app/lnd/transactions/transactions.component.html
View file

@ -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>

2
src/app/shared/components/ln-services/boltz/boltz-root.component.html
View file

@ -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>

2
src/app/shared/components/ln-services/loop/loop.component.html
View file

@ -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>

2
src/app/shared/theme/styles/theme-color.scss
View file

@ -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;

12
src/app/shared/theme/styles/theme-mode-dark.scss
View file

@ -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;
}

6
src/app/shared/theme/styles/theme-mode-light.scss
View file

@ -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);

80
src/app/shared/theme/styles/theme.scss
View file

@ -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
tsconfig.json
View file

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