Dashboard UI
This commit is contained in:
saravanakumarkandasami
parent
52c460ec64
commit
338e115646
@ -24,8 +24,7 @@
|
|||||||
<hr>
|
<hr>
|
||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<div class="w-100 h-300px">
|
<div class="w-100 h-300px">
|
||||||
|
<ngx-charts-gauge [view]="view" [scheme]="colorScheme" [results]="full" [min]="0" [max]="100" [angleSpan]="240" [startAngle]="-120" [units]="'PD'" [bigSegments]="10" [smallSegments]="5" >
|
||||||
<ngx-charts-gauge [scheme]="colorScheme" [results]="full" [min]="0" [max]="100" [angleSpan]="240" [startAngle]="-120" [units]="'PD'" [bigSegments]="10" [smallSegments]="5" >
|
|
||||||
</ngx-charts-gauge>
|
</ngx-charts-gauge>
|
||||||
</div>
|
</div>
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
@ -35,12 +34,10 @@
|
|||||||
<mat-card>
|
<mat-card>
|
||||||
<mat-card-title>Smart</mat-card-title>
|
<mat-card-title>Smart</mat-card-title>
|
||||||
<mat-card-subtitle></mat-card-subtitle>
|
<mat-card-subtitle></mat-card-subtitle>
|
||||||
<hr>
|
<hr>
|
||||||
|
|
||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<div class="w-100 h-300px">
|
<div class="w-100 h-300px">
|
||||||
|
<ngx-charts-gauge [view]="view" [scheme]="colorScheme" [results]="smart" [min]="0" [max]="100" [angleSpan]="240" [startAngle]="-120" [units]="'PD'" [bigSegments]="10" [smallSegments]="5" >
|
||||||
<ngx-charts-gauge [scheme]="colorScheme" [results]="smart" [min]="0" [max]="100" [angleSpan]="240" [startAngle]="-120" [units]="'PD'" [bigSegments]="10" [smallSegments]="5" >
|
|
||||||
</ngx-charts-gauge>
|
</ngx-charts-gauge>
|
||||||
</div>
|
</div>
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
@ -54,7 +51,7 @@
|
|||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<div class="w-100 h-300px">
|
<div class="w-100 h-300px">
|
||||||
|
|
||||||
<ngx-charts-gauge [scheme]="colorScheme" [results]="tele" [min]="0" [max]="100" [angleSpan]="240" [startAngle]="-120" [units]="'PD'" [bigSegments]="10" [smallSegments]="5" >
|
<ngx-charts-gauge [view]="view" [scheme]="colorScheme" [results]="tele" [min]="0" [max]="100" [angleSpan]="240" [startAngle]="-120" [units]="'PD'" [bigSegments]="10" [smallSegments]="5" >
|
||||||
</ngx-charts-gauge>
|
</ngx-charts-gauge>
|
||||||
</div>
|
</div>
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
|
|||||||
@ -11,19 +11,25 @@ export class DashboardComponent {
|
|||||||
|
|
||||||
public showXAxis = true;
|
public showXAxis = true;
|
||||||
public showYAxis = true;
|
public showYAxis = true;
|
||||||
public gradient = false;
|
public gradient = true;
|
||||||
public showLegend = false;
|
public showLegend = false;
|
||||||
public showXAxisLabel = true;
|
public showXAxisLabel = true;
|
||||||
public xAxisLabel = 'Status';
|
public xAxisLabel = 'Status';
|
||||||
public showYAxisLabel = true;
|
public showYAxisLabel = true;
|
||||||
public yAxisLabel = 'PD';
|
public yAxisLabel = 'PD';
|
||||||
|
view: any[];
|
||||||
|
width = 350;
|
||||||
|
height= 250;
|
||||||
public colorScheme = {
|
public colorScheme = {
|
||||||
domain: ['#673ab7', '#f44336', '#009688 ', '#2196f3', '#234278 ', '#2a1653']
|
domain: ['#673ab7', '#f44336', '#009688 ', '#2196f3', '#234278 ', '#2a1653']
|
||||||
};
|
};
|
||||||
public autoScale = false;
|
public autoScale = true;
|
||||||
constructor() {
|
constructor() {
|
||||||
|
}
|
||||||
}
|
ngOnInit(){
|
||||||
|
this.view = [this.width, this.height];
|
||||||
|
|
||||||
|
}
|
||||||
//Full Pd Data
|
//Full Pd Data
|
||||||
full: Object[] = [
|
full: Object[] = [
|
||||||
{
|
{
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
<mat-card class="p-1">
|
|
||||||
<form [formGroup]="_PDtriggerForm" (submit)="submitPdDetails(_PDtriggerForm.value,PDTriggerStatus)">
|
<form [formGroup]="_PDtriggerForm" (submit)="submitPdDetails(_PDtriggerForm.value,PDTriggerStatus)">
|
||||||
|
|
||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
@ -212,7 +212,7 @@
|
|||||||
<h5>Co-Applicant</h5>
|
<h5>Co-Applicant</h5>
|
||||||
<!-- <button _ngcontent-c29="" class="mr-1 mb-2 mat-fab1 mat-accent" mat-fab="" (click)="addCoApplicant(createWithLongContent)"><span class="mat-button-wrapper"><mat-icon _ngcontent-c29="" class="mat-icon material-icons" role="img" aria-hidden="true">add</mat-icon></span><div class="mat-button-ripple mat-ripple mat-button-ripple-round" matripple=""></div><div class="mat-button-focus-overlay"></div></button> -->
|
<!-- <button _ngcontent-c29="" class="mr-1 mb-2 mat-fab1 mat-accent" mat-fab="" (click)="addCoApplicant(createWithLongContent)"><span class="mat-button-wrapper"><mat-icon _ngcontent-c29="" class="mat-icon material-icons" role="img" aria-hidden="true">add</mat-icon></span><div class="mat-button-ripple mat-ripple mat-button-ripple-round" matripple=""></div><div class="mat-button-focus-overlay"></div></button> -->
|
||||||
<!--<button mat-fab class="mr-1 mb-1" color="primary" (click)="addCoApplicant()"><mat-icon>add</mat-icon></button>-->
|
<!--<button mat-fab class="mr-1 mb-1" color="primary" (click)="addCoApplicant()"><mat-icon>add</mat-icon></button>-->
|
||||||
<button mat-fab class="mr-1 mb-1" color="primary" style="opacity: 0.5;" (click)="addCoApplicant()"><mat-icon>group_add</mat-icon><div class="mat-button-ripple mat-ripple" matripple=""></div><div class="mat-button-focus-overlay"></div></button>
|
<button mat-fab class="mr-1 mb-1" color="primary" style="opacity: 0.5;border:2px;border-radius: 50%;" (click)="addCoApplicant()"><mat-icon>group_add</mat-icon><div class="mat-button-ripple mat-ripple" matripple=""></div><div class="mat-button-focus-overlay"></div></button>
|
||||||
<!-- <button mat-raised-button mat-button-sm color="primary" (click)="addCoApplicant()" type="button">Add More Co-Applicant</button> -->
|
<!-- <button mat-raised-button mat-button-sm color="primary" (click)="addCoApplicant()" type="button">Add More Co-Applicant</button> -->
|
||||||
|
|
||||||
</mat-card>
|
</mat-card>
|
||||||
@ -267,11 +267,11 @@
|
|||||||
(click)="onReset()"><mat-icon>settings_backup_restore</mat-icon></button>
|
(click)="onReset()"><mat-icon>settings_backup_restore</mat-icon></button>
|
||||||
|
|
||||||
<!-- <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Click To Draft" matTooltipPosition="above" type="button" (click)="addCoApplicant()"><mat-icon>drafts</mat-icon></button> -->
|
<!-- <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Click To Draft" matTooltipPosition="above" type="button" (click)="addCoApplicant()"><mat-icon>drafts</mat-icon></button> -->
|
||||||
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" (click)="submitPdDetails(_PDtriggerForm.value,draftStatus)" matTooltip="PD Draft" matTooltipPosition="above"><mat-icon>drafts</mat-icon></button>
|
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" (click)="submitPdDetails(_PDtriggerForm.value,draftStatus)" matTooltip="PD Draft" matTooltipPosition="above"><mat-icon>description</mat-icon></button>
|
||||||
|
|
||||||
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="submit" matTooltip="PD Process" matTooltipPosition="above" [disabled]="!enablePDButton || !_PDtriggerForm.valid "><mat-icon>save</mat-icon></button>
|
<button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="submit" matTooltip="PD Process" matTooltipPosition="above" [disabled]="!enablePDButton || !_PDtriggerForm.valid "><mat-icon>save</mat-icon></button>
|
||||||
</mat-card-actions>
|
</mat-card-actions>
|
||||||
</form>
|
</form>
|
||||||
</mat-card>
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,141 +1,142 @@
|
|||||||
|
|
||||||
<mat-card>
|
<mat-card>
|
||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<div fxLayout="row" *ngIf="viewPdList" fxLayoutAlign="start center" class="filter-header">
|
<div fxLayout="row" *ngIf="viewPdList" fxLayoutAlign="start center" class="filter-header">
|
||||||
<div *ngIf="!noRecordFound" class="ml-xs mr-xs" style="width: 80%;">
|
<div *ngIf="!noRecordFound" class="ml-xs mr-xs" style="width: 80%;">
|
||||||
<mat-form-field dividerColor="primary" class="ml-xs mr-xs" style="width: 30%;">
|
<mat-form-field dividerColor="primary" class="ml-xs mr-xs" style="width: 30%;">
|
||||||
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
|
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
|
</div>
|
||||||
|
<div *ngIf="noRecordFound" class="nocontent ml-xs mr-xs" style="width: 80%;">No records found</div>
|
||||||
|
<div class="ml-xs mr-xs" style="width: 20%;text-align:right" *ngIf="viewPdList">
|
||||||
|
<button mat-fab color="primary" (click)="viewMapPdDetails()" class="mr-1 mb-1" matTooltip="Map view" matTooltipPosition="above"><mat-icon>map</mat-icon></button>
|
||||||
|
<button mat-fab color="primary" (click)="addPdDetails()" class="mr-1 mb-1" matTooltip="Add PD" matTooltipPosition="above"><mat-icon>add</mat-icon></button>
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="noRecordFound" class="nocontent ml-xs mr-xs" style="width: 80%;">No records found</div>
|
</div>
|
||||||
<div class="ml-xs mr-xs" style="width: 20%;text-align:right" *ngIf="viewPdList">
|
<mat-card *ngIf="viewPdList">
|
||||||
<button mat-fab color="primary" (click)="viewMapPdDetails()" class="mr-1 mb-1" matTooltip="Map view" matTooltipPosition="above"><mat-icon>map</mat-icon></button>
|
<mat-tab-group>
|
||||||
<button mat-fab color="primary" (click)="addPdDetails()" class="mr-1 mb-1" matTooltip="Add PD" matTooltipPosition="above"><mat-icon>add</mat-icon></button>
|
<mat-tab>
|
||||||
</div>
|
<ng-template mat-tab-label>All</ng-template>
|
||||||
</div>
|
<mat-card-content>
|
||||||
<mat-card *ngIf="viewPdList">
|
<div class="card-comment-widget">
|
||||||
<mat-tab-group>
|
<mat-list *ngIf="pdList.length > 0">
|
||||||
<mat-tab>
|
<mat-list-item *ngFor="let details of dataSource.connect() | async" style="border-bottom:1px solid #f1f7f5">
|
||||||
<ng-template mat-tab-label>All</ng-template>
|
<!--<img mat-list-avatar src="assets/images/lime.jpg" alt="">-->
|
||||||
<mat-card-content>
|
<!-- {{details.applicat_details[0].applicant_name}} -->
|
||||||
<div class="card-comment-widget">
|
<p *ngIf="details.applicat_details" mat-line>{{details.applicat_details[0].applicant_name}} </p>
|
||||||
<mat-list *ngIf="pdList.length > 0">
|
|
||||||
<mat-list-item *ngFor="let details of dataSource.connect() | async" style="border-bottom:1px solid #f1f7f5">
|
<p *ngIf="details.lender_full_name" mat-line><a style="padding-right: 7%;">{{details.lender_full_name}} </a><a style="padding-right: 7%">{{details.lender_applicant_id}}</a>{{details.pd_date_of_initiation}}</p>
|
||||||
<img mat-list-avatar src="assets/images/lime.jpg" alt="">
|
<p *ngIf="details.product_abbr" mat-line><a style="padding-right: 7%;">{{details.product_abbr}}/{{details.subproduct_abbr}}/{{details.customer_segment_abbr}}</a><a style="padding-right: 7%;"><span *ngIf="details.loan_amount" class="hover-icon"><i class="fa-1x fa fa-rupee"> </i>{{details.loan_amount}}</span></a><span class="hover-icon"><i class="fa-1x fa fa-map-marker"> </i> {{details.city_name}}/{{details.state_name}}-{{details.pincode}}</span></p>
|
||||||
<!-- {{details.applicat_details[0].applicant_name}} -->
|
<!-- <span class="text-mat mat-text-muted">Chennai</span> -->
|
||||||
<p *ngIf="details.applicat_details" mat-line>{{details.applicat_details[0].applicant_name}} </p>
|
|
||||||
|
<!-- <div class="comment-time">
|
||||||
|
<button mat-raised-button mat-icon-button mat-button-sm class="mr-1 mb-1" type="button" color="primary" (click)="editPdDetails(details.pd_id)"><mat-icon>edit</mat-icon></button>
|
||||||
|
|
||||||
|
</div> -->
|
||||||
|
<div class="comment-time">
|
||||||
|
|
||||||
<p *ngIf="details.lender_full_name" mat-line><a style="padding-right: 7%;">{{details.lender_full_name}} </a><a style="padding-right: 7%">{{details.lender_applicant_id}}</a>{{details.pd_date_of_initiation}}</p>
|
<!-- <button mat-raised-button mat-icon-button mat-button-sm class="mr-1 mb-1" color="accent" type="button" (click)="viewPdDetails(details.pd_id)"><mat-icon>visibility</mat-icon></button> -->
|
||||||
<p *ngIf="details.product_abbr" mat-line><a style="padding-right: 7%;">{{details.product_abbr}}/{{details.subproduct_abbr}}/{{details.customer_segment_abbr}}</a><a style="padding-right: 7%;"><span *ngIf="details.loan_amount" class="hover-icon"><i class="fa-1x fa fa-rupee"> </i>{{details.loan_amount}}</span></a><span class="hover-icon"><i class="fa-1x fa fa-map-marker"> </i> {{details.city_name}}/{{details.state_name}}-{{details.pincode}}</span></p>
|
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPDDetails(details.pd_id)"><mat-icon>visibility</mat-icon></button>
|
||||||
<!-- <span class="text-mat mat-text-muted">Chennai</span> -->
|
|
||||||
|
</div>
|
||||||
<!-- <div class="comment-time">
|
|
||||||
<button mat-raised-button mat-icon-button mat-button-sm class="mr-1 mb-1" type="button" color="primary" (click)="editPdDetails(details.pd_id)"><mat-icon>edit</mat-icon></button>
|
</mat-list-item>
|
||||||
|
|
||||||
</div> -->
|
</mat-list>
|
||||||
<div class="comment-time">
|
<mat-list *ngIf="recordStatus">
|
||||||
|
<mat-list-item>
|
||||||
<!-- <button mat-raised-button mat-icon-button mat-button-sm class="mr-1 mb-1" color="accent" type="button" (click)="viewPdDetails(details.pd_id)"><mat-icon>visibility</mat-icon></button> -->
|
<p mat-line>No Record Found ...</p>
|
||||||
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPDDetails(details.pd_id)"><mat-icon>visibility</mat-icon></button>
|
|
||||||
|
</mat-list-item>
|
||||||
</div>
|
</mat-list>
|
||||||
|
</div>
|
||||||
</mat-list-item>
|
</mat-card-content>
|
||||||
|
|
||||||
</mat-list>
|
<mat-card-actions *ngIf="!recordStatus">
|
||||||
<mat-list *ngIf="recordStatus">
|
<mat-paginator #paginator class="mat-elevation-z1" [length]="pdList.length" [pageIndex]="pageIndex" [pageSize]="pageSize"
|
||||||
<mat-list-item>
|
[pageSizeOptions]="[5, 10, 25, 100]" (page)="pageEvent = $event; pageChange($event)">
|
||||||
<p mat-line>No Record Found ...</p>
|
</mat-paginator>
|
||||||
|
</mat-card-actions>
|
||||||
</mat-list-item>
|
</mat-tab>
|
||||||
</mat-list>
|
<!-- <mat-tab>
|
||||||
</div>
|
<ng-template mat-tab-label>Confirmed PD Details</ng-template>
|
||||||
</mat-card-content>
|
<mat-card-content>
|
||||||
|
<mat-grid-list cols="2" [rowHeight]="ratio" gutterSize="4px">
|
||||||
<mat-card-actions *ngIf="!recordStatus">
|
<mat-grid-tile *ngFor="let tile of tiles" [style.background]="'lightblue'">
|
||||||
<mat-paginator #paginator class="mat-elevation-z1" [length]="pdList.length" [pageIndex]="pageIndex" [pageSize]="pageSize"
|
{{tile.text}}
|
||||||
[pageSizeOptions]="[5, 10, 25, 100]" (page)="pageEvent = $event; pageChange($event)">
|
</mat-grid-tile>
|
||||||
</mat-paginator>
|
</mat-grid-list>
|
||||||
</mat-card-actions>
|
<div fxLayout="row" fxLayoutAlign="start center" class="mt-2">
|
||||||
</mat-tab>
|
<mat-form-field>
|
||||||
<!-- <mat-tab>
|
<input matInput placeholder="Change ratio" [(ngModel)]="ratio">
|
||||||
<ng-template mat-tab-label>Confirmed PD Details</ng-template>
|
</mat-form-field>
|
||||||
<mat-card-content>
|
</div>
|
||||||
<mat-grid-list cols="2" [rowHeight]="ratio" gutterSize="4px">
|
</mat-card-content>
|
||||||
<mat-grid-tile *ngFor="let tile of tiles" [style.background]="'lightblue'">
|
</mat-tab>-->
|
||||||
{{tile.text}}
|
<mat-tab>
|
||||||
</mat-grid-tile>
|
<ng-template mat-tab-label>In Progress </ng-template>
|
||||||
</mat-grid-list>
|
<mat-card-content>
|
||||||
<div fxLayout="row" fxLayoutAlign="start center" class="mt-2">
|
<!--<mat-grid-list cols="2" rowHeight="fit" [gutterSize]="ratioGutter"
|
||||||
<mat-form-field>
|
[style.height]="fitListHeight">
|
||||||
<input matInput placeholder="Change ratio" [(ngModel)]="ratio">
|
<mat-grid-tile *ngFor="let tile of tiles" [style.background]="'#F1EBBA'">
|
||||||
</mat-form-field>
|
{{tile.text}}
|
||||||
</div>
|
</mat-grid-tile>
|
||||||
</mat-card-content>
|
</mat-grid-list>
|
||||||
</mat-tab>-->
|
<div fxLayout="row" fxLayoutAlign="start center" class="mt-2">
|
||||||
|
<mat-form-field>
|
||||||
|
<input matInput placeholder="Change list height" [(ngModel)]="fitListHeight">
|
||||||
|
</mat-form-field>
|
||||||
|
<mat-form-field>
|
||||||
|
<input matInput placeholder="Change gutter" type="number" [(ngModel)]="ratioGutter">
|
||||||
|
</mat-form-field>
|
||||||
|
</div>-->
|
||||||
|
</mat-card-content>
|
||||||
|
</mat-tab>
|
||||||
<mat-tab>
|
<mat-tab>
|
||||||
<ng-template mat-tab-label>In Progress </ng-template>
|
<ng-template mat-tab-label>Scheduled </ng-template>
|
||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<!--<mat-grid-list cols="2" rowHeight="fit" [gutterSize]="ratioGutter"
|
<!--<mat-grid-list cols="2" rowHeight="fit" [gutterSize]="ratioGutter"
|
||||||
[style.height]="fitListHeight">
|
[style.height]="fitListHeight">
|
||||||
<mat-grid-tile *ngFor="let tile of tiles" [style.background]="'#F1EBBA'">
|
<mat-grid-tile *ngFor="let tile of tiles" [style.background]="'#F1EBBA'">
|
||||||
{{tile.text}}
|
{{tile.text}}
|
||||||
</mat-grid-tile>
|
</mat-grid-tile>
|
||||||
</mat-grid-list>
|
</mat-grid-list>
|
||||||
<div fxLayout="row" fxLayoutAlign="start center" class="mt-2">
|
<div fxLayout="row" fxLayoutAlign="start center" class="mt-2">
|
||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<input matInput placeholder="Change list height" [(ngModel)]="fitListHeight">
|
<input matInput placeholder="Change list height" [(ngModel)]="fitListHeight">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<input matInput placeholder="Change gutter" type="number" [(ngModel)]="ratioGutter">
|
<input matInput placeholder="Change gutter" type="number" [(ngModel)]="ratioGutter">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
</div>-->
|
</div>-->
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
<mat-tab>
|
<mat-tab>
|
||||||
<ng-template mat-tab-label>Scheduled </ng-template>
|
<ng-template mat-tab-label>Completed </ng-template>
|
||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<!--<mat-grid-list cols="2" rowHeight="fit" [gutterSize]="ratioGutter"
|
<!--<mat-grid-list cols="2" rowHeight="fit" [gutterSize]="ratioGutter"
|
||||||
[style.height]="fitListHeight">
|
[style.height]="fitListHeight">
|
||||||
<mat-grid-tile *ngFor="let tile of tiles" [style.background]="'#F1EBBA'">
|
<mat-grid-tile *ngFor="let tile of tiles" [style.background]="'#F1EBBA'">
|
||||||
{{tile.text}}
|
{{tile.text}}
|
||||||
</mat-grid-tile>
|
</mat-grid-tile>
|
||||||
</mat-grid-list>
|
</mat-grid-list>
|
||||||
<div fxLayout="row" fxLayoutAlign="start center" class="mt-2">
|
<div fxLayout="row" fxLayoutAlign="start center" class="mt-2">
|
||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<input matInput placeholder="Change list height" [(ngModel)]="fitListHeight">
|
<input matInput placeholder="Change list height" [(ngModel)]="fitListHeight">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<mat-form-field>
|
<mat-form-field>
|
||||||
<input matInput placeholder="Change gutter" type="number" [(ngModel)]="ratioGutter">
|
<input matInput placeholder="Change gutter" type="number" [(ngModel)]="ratioGutter">
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
</div>-->
|
</div>-->
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
<mat-tab>
|
|
||||||
<ng-template mat-tab-label>Completed </ng-template>
|
</mat-tab-group>
|
||||||
<mat-card-content>
|
</mat-card>
|
||||||
<!--<mat-grid-list cols="2" rowHeight="fit" [gutterSize]="ratioGutter"
|
|
||||||
[style.height]="fitListHeight">
|
<notifier-container></notifier-container>
|
||||||
<mat-grid-tile *ngFor="let tile of tiles" [style.background]="'#F1EBBA'">
|
<router-outlet></router-outlet>
|
||||||
{{tile.text}}
|
</mat-card-content>
|
||||||
</mat-grid-tile>
|
|
||||||
</mat-grid-list>
|
|
||||||
<div fxLayout="row" fxLayoutAlign="start center" class="mt-2">
|
|
||||||
<mat-form-field>
|
|
||||||
<input matInput placeholder="Change list height" [(ngModel)]="fitListHeight">
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field>
|
|
||||||
<input matInput placeholder="Change gutter" type="number" [(ngModel)]="ratioGutter">
|
|
||||||
</mat-form-field>
|
|
||||||
</div>-->
|
|
||||||
</mat-card-content>
|
|
||||||
</mat-tab>
|
|
||||||
|
|
||||||
</mat-tab-group>
|
|
||||||
</mat-card>
|
</mat-card>
|
||||||
|
|
||||||
<notifier-container></notifier-container>
|
|
||||||
<router-outlet></router-outlet>
|
|
||||||
</mat-card-content>
|
|
||||||
</mat-card>
|
|
||||||
|
|
||||||
Loading…
Reference in New Issue
Block a user