Mmaster card UI
This commit is contained in:
parent
e2f537a40d
commit
807ca7f691
@ -1,10 +1,15 @@
|
|||||||
<div *ngIf="listView">
|
<div *ngIf="listView">
|
||||||
<mat-card>
|
<mat-card>
|
||||||
|
<mat-card-content>
|
||||||
<div fxLayout="row" fxLayout.xs="column" fxLayoutWrap fxLayoutAlign="center none" style="padding-top:1%">
|
<div fxLayout="row" fxLayout.xs="column" fxLayoutWrap fxLayoutAlign="center none" style="padding-top:1%">
|
||||||
<div fxFlex="80%">
|
<div fxFlex="80%">
|
||||||
<mat-card-title><span style="font-size:24px"> Entity Master</span></mat-card-title>
|
<mat-card-title><span style="font-size:24px"> Entity Master</span></mat-card-title>
|
||||||
</div>
|
</div>
|
||||||
<div fxFlex="20%">
|
</div>
|
||||||
|
<mat-card>
|
||||||
|
<div fxLayout="row" fxLayout.xs="column" fxLayoutWrap fxLayoutAlign="center none" style="padding-top:1%">
|
||||||
|
|
||||||
|
<div fxFlexOffset="90%" fxFlex="10%">
|
||||||
<button mat-fab class="mr-1 mb-1" color="primary"matTooltip="Add New Entity" matTooltipPosition="above" (click)="addNewEntity()"><mat-icon>add</mat-icon></button>
|
<button mat-fab class="mr-1 mb-1" color="primary"matTooltip="Add New Entity" matTooltipPosition="above" (click)="addNewEntity()"><mat-icon>add</mat-icon></button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -52,6 +57,8 @@
|
|||||||
</mat-card>
|
</mat-card>
|
||||||
|
|
||||||
</mat-card>
|
</mat-card>
|
||||||
|
</mat-card-content>
|
||||||
|
</mat-card>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
|
|||||||
@ -1,12 +1,13 @@
|
|||||||
|
|
||||||
<mat-card>
|
<mat-card>
|
||||||
|
<mat-card-content>
|
||||||
<div fxLayout="row" fxLayoutAlign="start center" class="mb-1">
|
<div fxLayout="row" fxLayoutAlign="start center" class="mb-1">
|
||||||
<div class="ml-xs mr-xs" style="width: 30%;">
|
<div class="ml-xs mr-xs" style="width: 30%;">
|
||||||
<mat-card-title><span> Questions Master</span></mat-card-title>
|
<mat-card-title><span> Questions Master</span></mat-card-title>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div fxLayout="row" fxLayout.xs="column">
|
<mat-card>
|
||||||
|
<mat-card-content>
|
||||||
|
<div fxLayout="row" fxLayout.xs="column" class="p-1">
|
||||||
|
|
||||||
<div fxFlexOffset="2%" fxFlex="40%">
|
<div fxFlexOffset="2%" fxFlex="40%">
|
||||||
<form [formGroup]="filterFormGroupCtrl">
|
<form [formGroup]="filterFormGroupCtrl">
|
||||||
@ -23,8 +24,6 @@
|
|||||||
<button mat-fab class="mr-1" color="primary" (click)="addNewQuestion()" matTooltip="Add Questions" matTooltipPosition="above"><mat-icon>add</mat-icon></button>
|
<button mat-fab class="mr-1" color="primary" (click)="addNewQuestion()" matTooltip="Add Questions" matTooltipPosition="above"><mat-icon>add</mat-icon></button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--</mat-card-content>-->
|
|
||||||
<mat-card-content>
|
|
||||||
<ng-container *ngIf="productList.length > 0">
|
<ng-container *ngIf="productList.length > 0">
|
||||||
<mat-table [dataSource]="dataSource">
|
<mat-table [dataSource]="dataSource">
|
||||||
|
|
||||||
@ -118,6 +117,10 @@
|
|||||||
|
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
</mat-card>
|
</mat-card>
|
||||||
|
</mat-card-content>
|
||||||
|
</mat-card>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!--<div *ngIf="addView">
|
<!--<div *ngIf="addView">
|
||||||
<app-add></app-add>
|
<app-add></app-add>
|
||||||
|
|||||||
@ -1,10 +1,8 @@
|
|||||||
<div *ngIf="listView">
|
<div *ngIf="listView">
|
||||||
<!--========================== Template List View-->
|
|
||||||
<div>
|
|
||||||
<mat-card>
|
<mat-card>
|
||||||
|
<mat-card-content>
|
||||||
<div class="p-1" fxLayout="row" fxLayout.xs="column" fxLayoutWrap fxLayoutAlign="center none">
|
<div class="mb-1" fxLayout="row" fxLayout.xs="column" fxLayoutWrap fxLayoutAlign="start center">
|
||||||
<div fxFlex="80%">
|
<div fxFlex="100%">
|
||||||
<mat-card-title><span style="font-size:24px"> Template Master</span></mat-card-title>
|
<mat-card-title><span style="font-size:24px"> Template Master</span></mat-card-title>
|
||||||
<!--<form [formGroup]="filterFormGroupCtrl">
|
<!--<form [formGroup]="filterFormGroupCtrl">
|
||||||
<div fxLayout="row" fxLayout.xs="column" fxLayoutWrap fxLayoutGap="0.5px" fxLayoutAlign="start none" style="padding: 6px;">
|
<div fxLayout="row" fxLayout.xs="column" fxLayoutWrap fxLayoutGap="0.5px" fxLayoutAlign="start none" style="padding: 6px;">
|
||||||
@ -16,12 +14,17 @@
|
|||||||
</div>
|
</div>
|
||||||
</form>-->
|
</form>-->
|
||||||
</div>
|
</div>
|
||||||
<div fxFlex="14%" style="text-align:right;">
|
</div>
|
||||||
|
<!--========================== Template List View-->
|
||||||
|
|
||||||
|
<mat-card>
|
||||||
|
<mat-card-content>
|
||||||
|
<div fxLayout="row" fxLayout.xs="column" class="p-1">
|
||||||
|
<div fxFlexOffset="90%" fxFlex="10%" >
|
||||||
<button mat-fab class="mr-1" color="primary" (click)="addNewTemplate()" matTooltip="Add Template" matTooltipPosition="above"><mat-icon>add</mat-icon></button>
|
<button mat-fab class="mr-1" color="primary" (click)="addNewTemplate()" matTooltip="Add Template" matTooltipPosition="above"><mat-icon>add</mat-icon></button>
|
||||||
<!--<button mat-stroked-button color="primary" (click)="addNewQuestion()">Add Questions</button>-->
|
<!--<button mat-stroked-button color="primary" (click)="addNewQuestion()">Add Questions</button>-->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<mat-card-content>
|
|
||||||
<ng-container>
|
<ng-container>
|
||||||
<mat-table [dataSource]="dataSource" *ngIf="templateList.length > 0" >
|
<mat-table [dataSource]="dataSource" *ngIf="templateList.length > 0" >
|
||||||
|
|
||||||
@ -58,15 +61,11 @@
|
|||||||
</mat-card>
|
</mat-card>
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
</mat-card>
|
</mat-card>
|
||||||
</div>
|
|
||||||
|
|
||||||
<!--=================================== END-->
|
<!--=================================== END-->
|
||||||
|
</mat-card-content>
|
||||||
|
</mat-card>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<router-outlet></router-outlet>
|
<router-outlet></router-outlet>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<notifier-container></notifier-container>
|
<notifier-container></notifier-container>
|
||||||
Loading…
Reference in New Issue
Block a user