feat: rehauled console (#3525)

* new console

* move npm ci to angular build

* rel path for assets

* local grpc copy

* login policy, rm clear views, features rel path

* lock

Co-authored-by: Livio Amstutz <[email protected]>
This commit is contained in:
Max Peintner
2022-04-28 10:35:02 +00:00
committed by GitHub
co-authored by Livio Amstutz
parent 00f7dbe875
commit 08ae39ae19
668 changed files with 47746 additions and 19117 deletions
@@ -1,20 +1,31 @@
<div class="table-header-row">
<div class="row" *ngIf="selection.hasValue()">
<div>
<span class="count">{{selection?.selected?.length}}</span>
<span class="desc" >{{'ORG_DETAIL.TABLE.SELECTION' | translate}}</span>
<div class="refresh-table-header-row" [ngClass]="{'border-bottom': showBorder}">
<div class="refresh-table-row" *ngIf="selection.hasValue(); else leftActions">
<div>
<span class="count">{{selection?.selected?.length}}</span>
<span class="count-desc">{{'ORG_DETAIL.TABLE.SELECTION' | translate}}</span>
</div>
<span class="slash">|</span>
<a (click)="selection.clear()">{{'ORG_DETAIL.TABLE.CLEAR' | translate}}</a>
</div>
<span class="fill-space"></span>
<mat-spinner class="spinner" *ngIf="loading" diameter="20"></mat-spinner>
<ng-content select="[actions]"></ng-content>
<button *ngIf="!hideRefresh" mat-icon-button (click)="emitRefresh()" class="icon-button" matTooltip="{{'ACTIONS.REFRESH' | translate}}">
<mat-icon class="icon">refresh</mat-icon>
</button>
<span class="count-slash">|</span>
<a mat-stroked-button [ngClass]="{'cnsl-action-button': showSelectionActionButton}" (click)="selection.clear()">
<span>{{'ORG_DETAIL.TABLE.CLEAR' | translate}}</span>
<cnsl-action-keys *ngIf="showSelectionActionButton" [doNotUseContrast]="true" [type]="ActionKeysType.CLEAR"
(actionTriggered)="selection.clear()">
</cnsl-action-keys>
</a>
</div>
<ng-template #leftActions>
<ng-content select="[leftActions]"></ng-content>
</ng-template>
<span class="fill-space"></span>
<mat-spinner class="refresh-table-spinner" *ngIf="loading" diameter="20"></mat-spinner>
<button *ngIf="!hideRefresh" mat-icon-button (click)="emitRefresh()" class="refresh-table-icon-button"
matTooltip="{{'ACTIONS.REFRESH' | translate}}">
<mat-icon class="icon">refresh</mat-icon>
</button>
<ng-content select="[actions]"></ng-content>
</div>
<div class="table-wrapper">
<ng-content></ng-content>
<ng-content></ng-content>
</div>