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

View File

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

View File

@ -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,13 +14,18 @@
</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" >
<ng-container matColumnDef="template_name"> <ng-container matColumnDef="template_name">
@ -58,15 +61,11 @@
</mat-card> </mat-card>
</mat-card-content> </mat-card-content>
</mat-card> </mat-card>
</div>
<!--=================================== END--> <!--=================================== END-->
</mat-card-content>
</div> </mat-card>
</div>
<div> <div>
<router-outlet></router-outlet> <router-outlet></router-outlet>
</div> </div>
<notifier-container></notifier-container>
<notifier-container></notifier-container>