Mmaster card UI

This commit is contained in:
saravanakumarkandasami 2018-11-16 15:17:05 +05:30
parent e2f537a40d
commit 807ca7f691
3 changed files with 158 additions and 149 deletions

View File

@ -1,10 +1,15 @@
<div *ngIf="listView">
<mat-card>
<mat-card-content>
<div fxLayout="row" fxLayout.xs="column" fxLayoutWrap fxLayoutAlign="center none" style="padding-top:1%">
<div fxFlex="80%">
<mat-card-title><span style="font-size:24px"> Entity Master</span></mat-card-title>
</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>
</div>
</div>
@ -52,6 +57,8 @@
</mat-card>
</mat-card>
</mat-card-content>
</mat-card>
</div>
<div>

View File

@ -1,12 +1,13 @@
<mat-card>
<mat-card-content>
<div fxLayout="row" fxLayoutAlign="start center" class="mb-1">
<div class="ml-xs mr-xs" style="width: 30%;">
<mat-card-title><span> Questions Master</span></mat-card-title>
</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%">
<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>
</div>
</div>
<!--</mat-card-content>-->
<mat-card-content>
<ng-container *ngIf="productList.length > 0">
<mat-table [dataSource]="dataSource">
@ -118,6 +117,10 @@
</mat-card-content>
</mat-card>
</mat-card-content>
</mat-card>
<!--<div *ngIf="addView">
<app-add></app-add>

View File

@ -1,10 +1,8 @@
<div *ngIf="listView">
<!--========================== Template List View-->
<div>
<mat-card>
<div class="p-1" fxLayout="row" fxLayout.xs="column" fxLayoutWrap fxLayoutAlign="center none">
<div fxFlex="80%">
<mat-card-content>
<div class="mb-1" fxLayout="row" fxLayout.xs="column" fxLayoutWrap fxLayoutAlign="start center">
<div fxFlex="100%">
<mat-card-title><span style="font-size:24px"> Template Master</span></mat-card-title>
<!--<form [formGroup]="filterFormGroupCtrl">
<div fxLayout="row" fxLayout.xs="column" fxLayoutWrap fxLayoutGap="0.5px" fxLayoutAlign="start none" style="padding: 6px;">
@ -16,13 +14,18 @@
</div>
</form>-->
</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-stroked-button color="primary" (click)="addNewQuestion()">Add Questions</button>-->
</div>
</div>
<mat-card-content>
<ng-container >
<ng-container>
<mat-table [dataSource]="dataSource" *ngIf="templateList.length > 0" >
<ng-container matColumnDef="template_name">
@ -58,15 +61,11 @@
</mat-card>
</mat-card-content>
</mat-card>
</div>
<!--=================================== END-->
</div>
<div>
</mat-card-content>
</mat-card>
</div>
<div>
<router-outlet></router-outlet>
</div>
<notifier-container></notifier-container>
<notifier-container></notifier-container>