pd and qc list screen tab changes
This commit is contained in:
parent
b1e47083ea
commit
e2f2ba8b8d
@ -31,7 +31,7 @@
|
|||||||
</ng-container>
|
</ng-container>
|
||||||
<ng-container matColumnDef="Action">
|
<ng-container matColumnDef="Action">
|
||||||
<mat-cell class="cell center" *matCellDef="let details;">
|
<mat-cell class="cell center" *matCellDef="let details;">
|
||||||
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPD(details.pd_id)" matTooltip="View"
|
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="viewPD(details.pd_id)" matTooltip="View"
|
||||||
matTooltipPosition="above"><mat-icon>visibility</mat-icon></button>
|
matTooltipPosition="above"><mat-icon>visibility</mat-icon></button>
|
||||||
</mat-cell>
|
</mat-cell>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|||||||
@ -30,7 +30,7 @@
|
|||||||
<ng-container matColumnDef="Action">
|
<ng-container matColumnDef="Action">
|
||||||
<mat-cell class="cell center" *matCellDef="let details;">
|
<mat-cell class="cell center" *matCellDef="let details;">
|
||||||
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPD(details.pd_id)" matTooltip="View"
|
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPD(details.pd_id)" matTooltip="View"
|
||||||
matTooltipPosition="above" ><mat-icon>visibility</mat-icon></button>
|
matTooltipPosition="above" color="primary"><mat-icon>visibility</mat-icon></button>
|
||||||
</mat-cell>
|
</mat-cell>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
<mat-row style="align-items: normal !important;" *matRowDef="let row; columns: displayedColumns;">
|
<mat-row style="align-items: normal !important;" *matRowDef="let row; columns: displayedColumns;">
|
||||||
|
|||||||
@ -29,7 +29,7 @@
|
|||||||
</ng-container>
|
</ng-container>
|
||||||
<ng-container matColumnDef="Action">
|
<ng-container matColumnDef="Action">
|
||||||
<mat-cell class="cell center" *matCellDef="let details;">
|
<mat-cell class="cell center" *matCellDef="let details;">
|
||||||
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPD(details.pd_id)" matTooltip="View" matTooltipPosition="above"><mat-icon>visibility</mat-icon></button>
|
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPD(details.pd_id)" matTooltip="View" matTooltipPosition="above" color="primary"><mat-icon>visibility</mat-icon></button>
|
||||||
</mat-cell>
|
</mat-cell>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
<mat-row style="align-items: normal !important;" *matRowDef="let row; columns: displayedColumns;">
|
<mat-row style="align-items: normal !important;" *matRowDef="let row; columns: displayedColumns;">
|
||||||
|
|||||||
@ -15,26 +15,26 @@
|
|||||||
<mat-card>
|
<mat-card>
|
||||||
<mat-tab-group (selectedTabChange)="onTabClick($event)">
|
<mat-tab-group (selectedTabChange)="onTabClick($event)">
|
||||||
<mat-tab >
|
<mat-tab >
|
||||||
<ng-template mat-tab-label>All</ng-template>
|
<ng-template mat-tab-label><mat-icon>select_all</mat-icon> All</ng-template>
|
||||||
<app-all-pd [bindFilterValue]="filterValue" (loadPdView)="viewPDDetails($event)"></app-all-pd>
|
<app-all-pd [bindFilterValue]="filterValue" (loadPdView)="viewPDDetails($event)"></app-all-pd>
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
<mat-tab>
|
<mat-tab>
|
||||||
<ng-template mat-tab-label>Scheduled </ng-template>
|
<ng-template mat-tab-label><mat-icon>schedule</mat-icon> Scheduled </ng-template>
|
||||||
<app-scheduled-pd [bindFilterValue]="filterValue" (loadPdView)="viewPDDetails($event)"></app-scheduled-pd>
|
<app-scheduled-pd [bindFilterValue]="filterValue" (loadPdView)="viewPDDetails($event)"></app-scheduled-pd>
|
||||||
|
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
<mat-tab>
|
<mat-tab>
|
||||||
<ng-template mat-tab-label>In Progress </ng-template>
|
<ng-template mat-tab-label><mat-icon>hdr_strong</mat-icon> In Progress </ng-template>
|
||||||
<app-inprogress-pd [bindFilterValue]="filterValue" (loadPdView)="viewPDDetails($event)"></app-inprogress-pd>
|
<app-inprogress-pd [bindFilterValue]="filterValue" (loadPdView)="viewPDDetails($event)"></app-inprogress-pd>
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
<mat-tab>
|
<mat-tab>
|
||||||
<ng-template mat-tab-label>Completed </ng-template>
|
<ng-template mat-tab-label><mat-icon>done</mat-icon> Completed </ng-template>
|
||||||
<app-completed-pd [bindFilterValue]="filterValue" (loadPdView)="viewPDDetails($event)"></app-completed-pd>
|
<app-completed-pd [bindFilterValue]="filterValue" (loadPdView)="viewPDDetails($event)"></app-completed-pd>
|
||||||
|
|
||||||
|
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
<mat-tab>
|
<mat-tab>
|
||||||
<ng-template mat-tab-label>QC Completed </ng-template>
|
<ng-template mat-tab-label><mat-icon>done_all</mat-icon> QC_Completed </ng-template>
|
||||||
<app-qc-completed-pd [bindFilterValue]="filterValue" (loadPdView)="viewPDDetails($event)"></app-qc-completed-pd>
|
<app-qc-completed-pd [bindFilterValue]="filterValue" (loadPdView)="viewPDDetails($event)"></app-qc-completed-pd>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -13,4 +13,11 @@
|
|||||||
}
|
}
|
||||||
.fontsize{
|
.fontsize{
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mat-ink-bar{
|
||||||
|
background-color:red;
|
||||||
|
}
|
||||||
|
.mat-tab-label-active{
|
||||||
|
color: red !important;
|
||||||
|
}
|
||||||
@ -29,7 +29,7 @@
|
|||||||
</ng-container>
|
</ng-container>
|
||||||
<ng-container matColumnDef="Action">
|
<ng-container matColumnDef="Action">
|
||||||
<mat-cell class="cell center" *matCellDef="let details;">
|
<mat-cell class="cell center" *matCellDef="let details;">
|
||||||
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPD(details.pd_id)" matTooltip="View" matTooltipPosition="above"><mat-icon>visibility</mat-icon></button>
|
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPD(details.pd_id)" matTooltip="View" matTooltipPosition="above" color="primary"><mat-icon>visibility</mat-icon></button>
|
||||||
</mat-cell>
|
</mat-cell>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
<mat-row style="align-items: normal !important;" *matRowDef="let row; columns: displayedColumns;">
|
<mat-row style="align-items: normal !important;" *matRowDef="let row; columns: displayedColumns;">
|
||||||
|
|||||||
@ -32,7 +32,7 @@
|
|||||||
</ng-container>
|
</ng-container>
|
||||||
<ng-container matColumnDef="Action">
|
<ng-container matColumnDef="Action">
|
||||||
<mat-cell class="cell center" *matCellDef="let details;">
|
<mat-cell class="cell center" *matCellDef="let details;">
|
||||||
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPD(details.pd_id)"><mat-icon>visibility</mat-icon></button>
|
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPD(details.pd_id)" color="primary"><mat-icon>visibility</mat-icon></button>
|
||||||
</mat-cell>
|
</mat-cell>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
<mat-row style="align-items: normal !important;" *matRowDef="let row; columns: displayedColumns;">
|
<mat-row style="align-items: normal !important;" *matRowDef="let row; columns: displayedColumns;">
|
||||||
|
|||||||
@ -11,11 +11,11 @@
|
|||||||
<mat-card>
|
<mat-card>
|
||||||
<mat-tab-group (selectedTabChange)="onTabClick($event)">
|
<mat-tab-group (selectedTabChange)="onTabClick($event)">
|
||||||
<mat-tab>
|
<mat-tab>
|
||||||
<ng-template mat-tab-label>Completed </ng-template>
|
<ng-template mat-tab-label><mat-icon>done</mat-icon> Completed </ng-template>
|
||||||
<app-completed-pd [bindFilterValue]="filterValue" (loadPdView)="viewPDDetails($event)"></app-completed-pd>
|
<app-completed-pd [bindFilterValue]="filterValue" (loadPdView)="viewPDDetails($event)"></app-completed-pd>
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
<mat-tab>
|
<mat-tab>
|
||||||
<ng-template mat-tab-label>QC Completed </ng-template>
|
<ng-template mat-tab-label><mat-icon>done_all</mat-icon> QC Completed </ng-template>
|
||||||
<app-qc-completed-pd [bindFilterValue]="filterValue" (loadPdView)="viewPDDetails($event)"></app-qc-completed-pd>
|
<app-qc-completed-pd [bindFilterValue]="filterValue" (loadPdView)="viewPDDetails($event)"></app-qc-completed-pd>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -13,4 +13,11 @@
|
|||||||
}
|
}
|
||||||
.fontsize{
|
.fontsize{
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mat-ink-bar{
|
||||||
|
background-color:red;
|
||||||
|
}
|
||||||
|
.mat-tab-label-active{
|
||||||
|
color: red !important;
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user