From eeb8977161d52e33fcc4850ba4e3f6273a9ceb93 Mon Sep 17 00:00:00 2001
From: saravanakumarkandasami <saravanakumar.k@venbainfotech.com>
Date: Fri, 9 Nov 2018 18:21:34 +0530
Subject: [PATCH] Start Pd UI

---
 .../list-pd/start-pd/start-pd.component.html       | 10 +++++++---
 .../list-pd/start-pd/start-pd.component.scss       |  5 -----
 .../qc-list/qc-start/qc-start.component.html       | 14 +++++++++-----
 .../qc-list/qc-start/qc-start.component.scss       |  5 -----
 4 files changed, 16 insertions(+), 18 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 dcd846977..0b2ceefd6 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
@@ -1,5 +1,9 @@
 <mat-card style="min-height:540px;">
     <mat-card-content>
+        <div style="text-align: right;" class="mb-1">
+                <button mat-raised-button mat-icon-button class="hover-icon  " type="button" matTooltip="Close" matTooltipPosition="above"
+                (click)="loadPdViewCompoent()"><mat-icon>close</mat-icon></button>
+        </div>
         <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==pdStatusCheck.QC_COMPLETED ? 'QC COMPLETED' : currentPDStatus ) }}</span></button>
@@ -41,9 +45,9 @@
                 <figure>
                     <mat-card-content>
 
-                        <div fxLayout="row" >
-                            <button mat-raised-button mat-icon-button class="hover-icon start_close_btn" type="button" matTooltip="Close" matTooltipPosition="above"
-                                    (click)="loadPdViewCompoent()"><mat-icon>close</mat-icon></button>
+                        <div fxLayout="row">
+                          <!---  <button mat-raised-button mat-icon-button class="hover-icon start_close_btn" type="button" matTooltip="Close" matTooltipPosition="above"
+                                    (click)="loadPdViewCompoent()"><mat-icon>close</mat-icon></button>-->
                             <div fxFlex="33" class="text-xs-left">
                                 <h4 class="mt-0">{{mainApplicantName}}</h4>
                                 <small>{{pdMasterList.customer_segment_name}}</small>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss
index 543149a8b..0d116af22 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss
@@ -116,11 +116,6 @@ $product-bg-color-hover: rgba(103, 58, 183, 0.7);
 mat-icon{
     color: #ff3636;
 }
-.start_close_btn {
-    position: fixed;
-    right: 69px;
-    top: 112px;
-}
 .address {
     display: flex;
     padding: 0 2%;
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 7ea892711..db51c2644 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,5 +1,9 @@
 <mat-card style="min-height:540px;">
         <mat-card-content>
+                <div style="text-align: right;" class="mb-1">
+                        <button mat-raised-button mat-icon-button class="hover-icon" type="button" matTooltip="Close" matTooltipPosition="above"
+                              (click)="loadPdViewCompoent()"><mat-icon>close</mat-icon></button>
+                </div>
             <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 OK':(currentPDStatus==pdStatusCheck.QC_COMPLETED ? 'QC COMPLETED' : currentPDStatus )}}</span></button>
@@ -33,8 +37,8 @@
                          <mat-card-content>
                                
                             <div fxLayout="row" >
-                                  <button mat-raised-button mat-icon-button class="hover-icon start_close_btn" type="button" matTooltip="Close" matTooltipPosition="above"
-                              (click)="loadPdViewCompoent()"><mat-icon>close</mat-icon></button>
+                                 <!---- <button mat-raised-button mat-icon-button class="hover-icon start_close_btn" type="button" matTooltip="Close" matTooltipPosition="above"
+                              (click)="loadPdViewCompoent()"><mat-icon>close</mat-icon></button>-->
                                <div fxFlex="33" class="text-xs-left">
                                   <h4 class="mt-0">{{mainApplicantName}}</h4>
                                   <small>{{pdMasterList.customer_segment_name}}</small>
@@ -122,7 +126,7 @@
                                                         </mat-form-field>
                                                     </div>
                                                     <!-- this section for questions type options button actions -->
-                                                    <div fxFlex="40" class="pb-0 text-sm-right">
+                                                    <div fxFlex="40" class="pb-0 text-sm-right"  style="margin-top: 7%;">
                                                             <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>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>
@@ -225,7 +229,7 @@
                                                         </mat-form-field>
                                                     </div>
                                                     <!-- this section for questions type options button actions -->
-                                                    <div fxFlex="40" class="pb-0 text-sm-right">
+                                                    <div fxFlex="40" class="pb-0 text-sm-right"  style="margin-top: 7%;">
                                                             <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>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>
@@ -321,7 +325,7 @@
                                                         </mat-form-field>
                                                     </div>
                                                     <!-- this section for questions type options button actions -->
-                                                    <div fxFlex="40" class="pb-0 text-sm-right">
+                                                    <div fxFlex="40" class="pb-0 text-sm-right"  style="margin-top: 7%;">
                                                             <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>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>
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 0e5aa8a36..fc7ac8814 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
@@ -116,8 +116,3 @@ $product-bg-color-hover: rgba(103, 58, 183, 0.7);
 mat-icon{
     color: #ff3636;
 }
-.start_close_btn {
-    position: fixed;
-    right: 69px;
-    top: 112px;
-}
\ No newline at end of file