From 1bc5a1b7543ba8ce01e8ac76da58870c91826a02 Mon Sep 17 00:00:00 2001
From: saravanakumarkandasami <saravanakumar.k@venbainfotech.com>
Date: Wed, 31 Oct 2018 14:31:57 +0530
Subject: [PATCH] QC Startpd UI

---
 .../list-pd/start-pd/start-pd.component.html  |  2 +-
 .../qc-list/qc-start/qc-start.component.html  | 54 +++++++++----------
 .../qc-list/qc-start/qc-start.component.scss  |  4 +-
 .../qc-list/qc-view/qc-view.component.html    |  3 +-
 4 files changed, 32 insertions(+), 31 deletions(-)

diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html
index 58b8db549..04b126ac9 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html
@@ -3,7 +3,7 @@
         <mat-sidenav-container class="app-inner background-none shadow-none mail-db">
             <mat-sidenav #mailnav [mode]="isOver() ? 'over' : 'side'" [opened]="!isOver()" class="mail-sidebar pl-xs pr-xs">
                   <button _ngcontent-c21="" [disabled]="currentPDStatus !=pdStatusCheck.INPROGRESS || actualQuestions!=answeredQuestions" class="compose-btn mat-warn mat-raised-button mb-1" (click)="changePDStatus(pdStatusCheck.COMPLETED);"> <span>{{currentPDStatus==pdStatusCheck.INPROGRESS ? 'COMPLETE':currentPDStatus }}</span></button>
-
+ 
                   <!-- {{ (currentPDStatus==pdStatusCheck.INPROGRESS)? 'COMPLETE':(currentPDStatus) }} -->
                           <mat-expansion-panel *ngFor="let category of categoryList;let catIndex = index; ">
                               <mat-expansion-panel-header>
diff --git a/ng6-seed/src/app/quality-check/qc-list/qc-start/qc-start.component.html b/ng6-seed/src/app/quality-check/qc-list/qc-start/qc-start.component.html
index ee18ef9b1..8f8ee07e0 100644
--- a/ng6-seed/src/app/quality-check/qc-list/qc-start/qc-start.component.html
+++ b/ng6-seed/src/app/quality-check/qc-list/qc-start/qc-start.component.html
@@ -1,13 +1,13 @@
-<mat-card>
+<mat-card style="min-height:540px;">
         <mat-card-content>
             <mat-sidenav-container class="app-inner background-none shadow-none mail-db">
                 <mat-sidenav #mailnav [mode]="isOver() ? 'over' : 'side'" [opened]="!isOver()" class="mail-sidebar pl-xs pr-xs">
-                      <button _ngcontent-c21="" [disabled]="currentPDStatus !=pdStatusCheck.COMPLETED || actualQuestions!=answeredQuestions" class="compose-btn mat-warn mat-raised-button mb-1" (click)="changePDStatus(pdStatusCheck.QC_COMPLETED);"> <span>{{currentPDStatus==pdStatusCheck.COMPLETED ? 'QC_COMPLETE':currentPDStatus }}</span></button>
+                      <button _ngcontent-c21="" [disabled]="currentPDStatus !=pdStatusCheck.QC_COMPLETED || actualQuestions!=answeredQuestions" class="compose-btn mat-warn mat-raised-button mb-1" (click)="changePDStatus(pdStatusCheck.QC_COMPLETED);"> <span>{{currentPDStatus==pdStatusCheck.QC_COMPLETED ? 'QC OK':currentPDStatus }}</span></button>
     
                               <mat-expansion-panel *ngFor="let category of categoryList;let catIndex = index; ">
                                   <mat-expansion-panel-header>
                                     <mat-panel-title class="text-xs-left">
-                                     <h6 class="mt-0"> {{category.category_name}}</h6>
+                                     <span class="mt-0"> {{category.category_name}}</span>
                                     </mat-panel-title>
                                   
                                   </mat-expansion-panel-header>
@@ -61,7 +61,7 @@
                                       
                                       <form [formGroup]="optionsForm" *ngIf="answerList.length>0 ; else noanswers;"> 
                                       <mat-card-content>
-                                              <h6 class="mt-0">{{optionsForm.controls.pd_question.value}}</h6>
+                                              <span class="mt-0">{{optionsForm.controls.pd_question.value}}</span>
                                               <div fxLayout="row" >
                                                   <div fxFlex="60" class="text-xs-left">
                   
@@ -124,10 +124,10 @@
                                                     <!-- this section for questions type options button actions -->
                                                     <div fxFlex="40" class="pb-0 text-sm-right">
                                                             <mat-button-toggle-group name="fontStyle" aria-label="Font Style">
-                                                                    <mat-button-toggle value="bold" matTooltip="Save&Previous" *ngIf="currentPDStatus !=pdStatusCheck.QC_COMPLETED" (click)="saveNextPrevious(optionsForm.controls,previous)" matTooltipPosition="below"><mat-icon>arrow_backward</mat-icon></mat-button-toggle>
-                                                                    <mat-button-toggle value="bold" matTooltip="Skip&Previous" (click)="skipNextPrevious(previous)" matTooltipPosition="below"><mat-icon>skip_previous</mat-icon></mat-button-toggle>
-                                                                    <mat-button-toggle value="bold" matTooltip="Skip&Next" (click)="skipNextPrevious(next)" matTooltipPosition="below"><mat-icon>skip_next</mat-icon></mat-button-toggle>
-                                                                    <mat-button-toggle value="bold" matTooltip="Save&Next"  (click)="saveNextPrevious(optionsForm.controls,next)" *ngIf="currentPDStatus !=pdStatusCheck.QC_COMPLETED" matTooltipPosition="below"><mat-icon>arrow_forward</mat-icon></mat-button-toggle>
+                                                                    <mat-button-toggle value="bold" matTooltip="Save&Previous" *ngIf="currentPDStatus !=pdStatusCheck.QC_COMPLETED" (click)="saveNextPrevious(optionsForm.controls,previous)" matTooltipPosition="below"><mat-icon>skip_previous</mat-icon></mat-button-toggle>
+                                                                    <mat-button-toggle value="bold" matTooltip="Skip&Previous" (click)="skipNextPrevious(previous)" matTooltipPosition="below"><mat-icon>chevron_left</mat-icon></mat-button-toggle>
+                                                                    <mat-button-toggle value="bold" matTooltip="Skip&Next" (click)="skipNextPrevious(next)" matTooltipPosition="below"><mat-icon>chevron_right</mat-icon></mat-button-toggle>
+                                                                    <mat-button-toggle value="bold" matTooltip="Save&Next"  (click)="saveNextPrevious(optionsForm.controls,next)" *ngIf="currentPDStatus !=pdStatusCheck.QC_COMPLETED" matTooltipPosition="below"><mat-icon>skip_next</mat-icon></mat-button-toggle>
                                                                   </mat-button-toggle-group>
                                 
                                                       </div>
@@ -139,7 +139,7 @@
                                       
                                       <ng-template #noanswers>
                                               <mat-card-content>
-                                                      <h6 class="mt-0">{{selectedCategory.question}}</h6>
+                                                      <span class="mt-0">{{selectedCategory.question}}</span>
       
                                               </mat-card-content>
                                               <mat-card-actions>
@@ -147,8 +147,8 @@
                                                          
                                                             <div fxFlex="100" class="pb-0 text-sm-right">
                                                                     <mat-button-toggle-group name="fontStyle" aria-label="Font Style">
-                                                                            <mat-button-toggle value="bold" matTooltip="Skip&Previous" (click)="skipNextPrevious(previous)" matTooltipPosition="below"><mat-icon>skip_previous</mat-icon></mat-button-toggle>
-                                                                            <mat-button-toggle value="bold" matTooltip="Skip&Next"  (click)="skipNextPrevious(next)" matTooltipPosition="below"><mat-icon>skip_next</mat-icon></mat-button-toggle>
+                                                                            <mat-button-toggle value="bold" matTooltip="Skip&Previous" (click)="skipNextPrevious(previous)" matTooltipPosition="below"><mat-icon>chevron_left</mat-icon></mat-button-toggle>
+                                                                            <mat-button-toggle value="bold" matTooltip="Skip&Next"  (click)="skipNextPrevious(next)" matTooltipPosition="below"><mat-icon>chevron_right</mat-icon></mat-button-toggle>
                                                                           </mat-button-toggle-group>
                                         
                                                               </div>
@@ -165,7 +165,7 @@
                                      
                                       <form [formGroup]="textBoxForm" *ngIf="answerList.length>0 ; else noanswers;"> 
                                       <mat-card-content>
-                                              <h6 class="mt-0">{{textBoxForm.controls.pd_question.value}}</h6>
+                                              <span class="mt-0">{{textBoxForm.controls.pd_question.value}}</span>
                                               <div fxLayout="row" >
                                                   <div fxFlex="60" class="text-xs-left">
                                                          
@@ -227,10 +227,10 @@
                                                     <!-- this section for questions type options button actions -->
                                                     <div fxFlex="40" class="pb-0 text-sm-right">
                                                             <mat-button-toggle-group name="fontStyle" aria-label="Font Style">
-                                                                  <mat-button-toggle value="bold" *ngIf="currentPDStatus !=pdStatusCheck.QC_COMPLETED" matTooltip="Save&Previous" matTooltipPosition="below" (click)="saveNextPreviousText(textBoxForm.controls,previous)"><mat-icon>arrow_backward</mat-icon></mat-button-toggle>
-                                                                  <mat-button-toggle value="bold" matTooltipPosition="below" matTooltip="Skip&Previous" (click)="skipNextPrevious(previous)"><mat-icon>skip_previous</mat-icon></mat-button-toggle>
-                                                                  <mat-button-toggle value="bold" matTooltip="Skip&Next" matTooltipPosition="below" (click)="skipNextPrevious(next)"><mat-icon>skip_next</mat-icon></mat-button-toggle>
-                                                                  <mat-button-toggle value="bold" *ngIf="currentPDStatus !=pdStatusCheck.QC_COMPLETED" matTooltip="Save&Next" matTooltipPosition="below" (click)="saveNextPreviousText(textBoxForm.controls,next)"><mat-icon>arrow_forward</mat-icon></mat-button-toggle>
+                                                                  <mat-button-toggle value="bold" *ngIf="currentPDStatus !=pdStatusCheck.QC_COMPLETED" matTooltip="Save&Previous" matTooltipPosition="below" (click)="saveNextPreviousText(textBoxForm.controls,previous)"><mat-icon>skip_previous</mat-icon></mat-button-toggle>
+                                                                  <mat-button-toggle value="bold" matTooltipPosition="below" matTooltip="Skip&Previous" (click)="skipNextPrevious(previous)"><mat-icon>chevron_left</mat-icon></mat-button-toggle>
+                                                                  <mat-button-toggle value="bold" matTooltip="Skip&Next" matTooltipPosition="below" (click)="skipNextPrevious(next)"><mat-icon>chevron_right</mat-icon></mat-button-toggle>
+                                                                  <mat-button-toggle value="bold" *ngIf="currentPDStatus !=pdStatusCheck.QC_COMPLETED" matTooltip="Save&Next" matTooltipPosition="below" (click)="saveNextPreviousText(textBoxForm.controls,next)"><mat-icon>skip_next</mat-icon></mat-button-toggle>
                                                                   </mat-button-toggle-group>
                                 
                                                       </div>
@@ -241,7 +241,7 @@
                                       </form>   
                                       <ng-template #noanswers>
                                               <mat-card-content>
-                                                      <h6 class="mt-0">{{selectedCategory.question}}</h6>
+                                                      <span class="mt-0">{{selectedCategory.question}}</span>
       
                                               </mat-card-content>
                                               <mat-card-actions>
@@ -249,8 +249,8 @@
                                                          
                                                             <div fxFlex="100" class="pb-0 text-sm-right">
                                                                     <mat-button-toggle-group name="fontStyle" aria-label="Font Style">
-                                                                            <mat-button-toggle value="bold" matTooltip="Skip&Previous" (click)="skipNextPrevious(previous)" matTooltipPosition="below"><mat-icon>skip_previous</mat-icon></mat-button-toggle>
-                                                                            <mat-button-toggle value="bold" matTooltip="Skip&Next"  (click)="skipNextPrevious(next)" matTooltipPosition="below"><mat-icon>skip_next</mat-icon></mat-button-toggle>
+                                                                            <mat-button-toggle value="bold" matTooltip="Skip&Previous" (click)="skipNextPrevious(previous)" matTooltipPosition="below"><mat-icon>chevron_left</mat-icon></mat-button-toggle>
+                                                                            <mat-button-toggle value="bold" matTooltip="Skip&Next"  (click)="skipNextPrevious(next)" matTooltipPosition="below"><mat-icon>chevron_right</mat-icon></mat-button-toggle>
                                                                           </mat-button-toggle-group>
                                         
                                                               </div>
@@ -265,7 +265,7 @@
         
                                       <form [formGroup]="checkBoxForm" *ngIf="answerList.length>0 ; else noanswers;"> 
                                       <mat-card-content>
-                                              <h6 class="mt-0">{{checkBoxForm.controls.pd_question.value}}</h6>
+                                              <span class="mt-0">{{checkBoxForm.controls.pd_question.value}}</span>
                                               <div fxLayout="row" >
                                                   <div fxFlex="60" class="text-xs-left">
                                                          
@@ -323,10 +323,10 @@
                                                     <!-- this section for questions type options button actions -->
                                                     <div fxFlex="40" class="pb-0 text-sm-right">
                                                             <mat-button-toggle-group name="fontStyle" aria-label="Font Style">
-                                                                  <mat-button-toggle value="bold" *ngIf="currentPDStatus !=pdStatusCheck.QC_COMPLETED" matTooltip="Save&Previous" matTooltipPosition="below" (click)="saveNextPrevious(checkBoxForm.controls,previous)"><mat-icon>arrow_backward</mat-icon></mat-button-toggle>
-                                                                  <mat-button-toggle value="bold" matTooltip="Skip&Previous" (click)="skipNextPrevious(previous)" matTooltipPosition="below"><mat-icon>skip_previous</mat-icon></mat-button-toggle>
-                                                                  <mat-button-toggle value="bold" matTooltip="Skip&Next" (click)="skipNextPrevious(next)" matTooltipPosition="below"><mat-icon>skip_next</mat-icon></mat-button-toggle>
-                                                                  <mat-button-toggle value="bold" *ngIf="currentPDStatus !=pdStatusCheck.QC_COMPLETED" matTooltip="Save&Next" (click)="saveNextPrevious(checkBoxForm.controls,next)" matTooltipPosition="below"><mat-icon>arrow_forward</mat-icon></mat-button-toggle>
+                                                                  <mat-button-toggle value="bold" *ngIf="currentPDStatus !=pdStatusCheck.QC_COMPLETED" matTooltip="Save&Previous" matTooltipPosition="below" (click)="saveNextPrevious(checkBoxForm.controls,previous)"><mat-icon>skip_previous</mat-icon></mat-button-toggle>
+                                                                  <mat-button-toggle value="bold" matTooltip="Skip&Previous" (click)="skipNextPrevious(previous)" matTooltipPosition="below"><mat-icon>chevron_left</mat-icon></mat-button-toggle>
+                                                                  <mat-button-toggle value="bold" matTooltip="Skip&Next" (click)="skipNextPrevious(next)" matTooltipPosition="below"><mat-icon>chevron_right</mat-icon></mat-button-toggle>
+                                                                  <mat-button-toggle value="bold" *ngIf="currentPDStatus !=pdStatusCheck.QC_COMPLETED" matTooltip="Save&Next" (click)="saveNextPrevious(checkBoxForm.controls,next)" matTooltipPosition="below"><mat-icon>skip_next</mat-icon></mat-button-toggle>
                                                                   </mat-button-toggle-group>
                                 
                                                       </div>
@@ -337,7 +337,7 @@
                                       </form> 
                                       <ng-template #noanswers>
                                               <mat-card-content>
-                                                      <h6 class="mt-0">{{selectedCategory.question}}</h6>
+                                                      <span class="mt-0">{{selectedCategory.question}}</span>
       
                                               </mat-card-content>
                                               <mat-card-actions>
@@ -345,8 +345,8 @@
                                                          
                                                             <div fxFlex="100" class="pb-0 text-sm-right">
                                                                     <mat-button-toggle-group name="fontStyle" aria-label="Font Style">
-                                                                            <mat-button-toggle value="bold" matTooltip="Skip&Previous" (click)="skipNextPrevious(previous)" matTooltipPosition="below"><mat-icon>skip_previous</mat-icon></mat-button-toggle>
-                                                                            <mat-button-toggle value="bold" matTooltip="Skip&Next"  (click)="skipNextPrevious(next)" matTooltipPosition="below"><mat-icon>skip_next</mat-icon></mat-button-toggle>
+                                                                            <mat-button-toggle value="bold" matTooltip="Skip&Previous" (click)="skipNextPrevious(previous)" matTooltipPosition="below"><mat-icon>chevron_left</mat-icon></mat-button-toggle>
+                                                                            <mat-button-toggle value="bold" matTooltip="Skip&Next"  (click)="skipNextPrevious(next)" matTooltipPosition="below"><mat-icon>chevron_right</mat-icon></mat-button-toggle>
                                                                           </mat-button-toggle-group>
                                         
                                                               </div>
diff --git a/ng6-seed/src/app/quality-check/qc-list/qc-start/qc-start.component.scss b/ng6-seed/src/app/quality-check/qc-list/qc-start/qc-start.component.scss
index 3723ab575..0e5aa8a36 100644
--- a/ng6-seed/src/app/quality-check/qc-list/qc-start/qc-start.component.scss
+++ b/ng6-seed/src/app/quality-check/qc-list/qc-start/qc-start.component.scss
@@ -113,7 +113,9 @@ $product-bg-color-hover: rgba(103, 58, 183, 0.7);
     }
    
 }
-
+mat-icon{
+    color: #ff3636;
+}
 .start_close_btn {
     position: fixed;
     right: 69px;
diff --git a/ng6-seed/src/app/quality-check/qc-list/qc-view/qc-view.component.html b/ng6-seed/src/app/quality-check/qc-list/qc-view/qc-view.component.html
index 744a6c4cc..e1791b737 100644
--- a/ng6-seed/src/app/quality-check/qc-list/qc-view/qc-view.component.html
+++ b/ng6-seed/src/app/quality-check/qc-list/qc-view/qc-view.component.html
@@ -42,8 +42,7 @@
                  <p *ngIf="master.product_name">{{master.product_name}} / {{master.subproduct_name}}</p>
                  <p *ngIf="master.pd_type_name"><span>{{master.pd_type_name}}</span> / <span *ngIf="master.loan_amount" class="hover-icon"><i class="fa-1x fa fa-rupee">&nbsp;</i>{{master.loan_amount}}</span></p>
                  <p><span>{{master.addressline1}},{{master.addressline2}} ,{{master.addressline3}}</span></p>            
-                 <p><span>{{master.pd_status}} - {{ (master.updatedon)? (master.updatedon | slice:0:10):(master.updatedon) }}</span></p>
-               </mat-card-content>
+                  </mat-card-content>
              </mat-card>