From ee7f3eb75e58cacd653ec9bf03e075c65e52d8da Mon Sep 17 00:00:00 2001
From: marzmehr <mars.mehr@gmail.com>
Date: Sun, 21 Jan 2024 18:08:22 -0800
Subject: [PATCH] SS-765: Remove assignment time from distribute schedule

---
 .../ShiftSchedule/DistributeSchedule.vue      |  7 +++---
 .../components/DistributeHeader.vue           | 24 +++++++++++++++----
 .../components/WeeklyAssignmentCard.vue       |  5 +++-
 .../components/WeeklySchedule.vue             |  5 +++-
 4 files changed, 32 insertions(+), 9 deletions(-)

diff --git a/web/src/components/ShiftSchedule/DistributeSchedule.vue b/web/src/components/ShiftSchedule/DistributeSchedule.vue
index fd9ab98f..83bf9e5d 100644
--- a/web/src/components/ShiftSchedule/DistributeSchedule.vue
+++ b/web/src/components/ShiftSchedule/DistributeSchedule.vue
@@ -1,7 +1,7 @@
 <template>
     <b-card bg-variant="white" class="home" no-body>
 
-        <distribute-header v-on:change="loadScheduleInformation" />
+        <distribute-header v-on:change="loadScheduleInformation" @includeTime="includeTime=$event" />
 
         <b-card id="pdf" v-if="isDistributeDataMounted" class="container" no-body>
             
@@ -38,7 +38,7 @@
                     <loading-spinner :inline="true"/>
                 </template> 
                 <div v-for="page,inx in sheriffPages" :key="'pdf-'+inx" class="ss-body">   
-                    <weekly-schedule :key="updateTable" :fields="fields"  :sheriffSchedules="sheriffSchedules.slice(page.start,page.end)" v-if="weekView" />
+                    <weekly-schedule :key="updateTable" :fields="fields"  :sheriffSchedules="sheriffSchedules.slice(page.start,page.end)" :includeTime="includeTime" v-if="weekView" />
                     <daily-schedule :key="updateDailyTable" :dailySheriffSchedules="dailySheriffSchedules.slice(page.start,page.end)" v-else/>
 
                     <div v-if="!isDistributeDataMounted && sheriffSchedules.length == 0" style="min-height:115.6px;">
@@ -114,7 +114,8 @@
         today = '';
         numberOfheaderDates = 7;
         updateTable=0;
-        updateDailyTable=0;
+        updateDailyTable=0;        
+        includeTime=true;
 
         errorText='';
 		openErrorModal=false;
diff --git a/web/src/components/ShiftSchedule/components/DistributeHeader.vue b/web/src/components/ShiftSchedule/components/DistributeHeader.vue
index a12850d8..30601a4b 100644
--- a/web/src/components/ShiftSchedule/components/DistributeHeader.vue
+++ b/web/src/components/ShiftSchedule/components/DistributeHeader.vue
@@ -25,7 +25,7 @@
                 </b-navbar-nav>
 
                 <b-navbar-nav v-else class="custom-navbar">
-                    <b-col class="my-1">
+                    <b-col style="margin:0.7rem 0;">
                         <b-row style="width:17.75rem">
                             <b-button style=" height: 2rem;" size="sm" variant="secondary" @click="previousDateRange" class="my-0 mx-1"><b-icon-chevron-left /></b-button>
                             
@@ -50,8 +50,18 @@
                     </b-col>
                 </b-navbar-nav>
 
-                <b-navbar-nav class="mr-2">
-                    <b-input-group class="mr-2 my-0" style="height: 40px">
+                <b-navbar-nav class="mr-2 ml-n5">
+                    <b-nav-form>						
+                        <div :class="includeTimeChecked?'bg-success':''" style="border:1px solid green;border-radius:5px; margin-left: 15px; width: 10rem;">
+                            <b-form-checkbox class="mx-1 my-1" v-model="includeTimeChecked" @change="changeIncludeTime()" size="lg" switch>
+                                <div style="font-size: 16px;" class="text-white">Include Time</div>
+                            </b-form-checkbox>
+                        </div>
+                    </b-nav-form>
+                </b-navbar-nav>
+
+                <b-navbar-nav class="mr-n2">
+                    <b-input-group class="mr-0 my-0" style="height: 40px">
                         <b-input-group-prepend is-text>
                             <b-icon icon="person-fill"></b-icon>
                         </b-input-group-prepend>
@@ -71,7 +81,7 @@
 
                 <b-navbar-nav class="mr-2">
                     <b-nav-form>						
-                        <div :class="showWeekViewChecked?'bg-success':''" style="border:1px solid green;border-radius:5px; margin-left: 15px; width: 8.5rem;">
+                        <div :class="showWeekViewChecked?'bg-success':''" style="border:1px solid green;border-radius:5px; margin-left: 15px; width: 8.75rem;">
                             <b-form-checkbox class="mx-1 my-1" v-model="showWeekViewChecked" @change="getSchedule()" size="lg" switch>
                                 <div style="font-size: 16px;" class="text-white">{{viewRange}}</div>
                             </b-form-checkbox>
@@ -249,6 +259,7 @@
         contentState = true;
         allSelected = false;
         loadingPdf = false;
+        includeTimeChecked = true;
 
         selectedTeamMember = {sheriffId: '', name: 'All', email: ''} as distributeTeamMemberInfoType;
 
@@ -272,6 +283,7 @@
         mounted() {
             this.loadingPdf = false;
             this.showWeekViewChecked = true;
+            this.includeTimeChecked = true;
             this.hasPermissionToViewDutyRoster = this.userDetails.permissions.includes("ViewDutyRoster");		
             this.teamMemberEmailList = this.teamMemberList.map(member => member.email);	
             
@@ -295,6 +307,10 @@
             })
         }
 
+        public changeIncludeTime(){
+            Vue.nextTick(()=> this.$emit('includeTime',this.includeTimeChecked) )
+        }
+
         public emailSchedule(){
             
             this.errorMsg = "";
diff --git a/web/src/components/ShiftSchedule/components/WeeklyAssignmentCard.vue b/web/src/components/ShiftSchedule/components/WeeklyAssignmentCard.vue
index aeddd654..b86fecbc 100644
--- a/web/src/components/ShiftSchedule/components/WeeklyAssignmentCard.vue
+++ b/web/src/components/ShiftSchedule/components/WeeklyAssignmentCard.vue
@@ -15,7 +15,7 @@
                     <div style="font-size: 6pt; border: none; line-height: 0.55rem;" class="m-0 p-0" v-for="duty,inx in sortEvents(sheriffEvent.duties)" :key="'duty-name-'+inx+'-'+duty.startTime">                                
                         <div :style="'color: ' + duty.color">
                             <b v-if="duty.isOvertime">*</b>                            
-                            <b> {{duty.startTime}}-{{duty.endTime}}</b>  
+                            <b v-if="includeTime"> {{duty.startTime}}-{{duty.endTime}}</b>  
                             <span v-if="duty.dutyType!='Training' && duty.dutyType!='Leave' && duty.dutyType!='Loaned'" > {{duty.dutySubType}} </span>
                             {{ duty.dutyType | getTypeAbrv }}
                         </div>                            
@@ -75,6 +75,9 @@
         @Prop({required: true})
         scheduleInfo!: manageAssignmentsScheduleInfoType[];
 
+        @Prop({required: true})
+        includeTime!: boolean;
+
         @commonState.State
         public location!: locationInfoType;
         
diff --git a/web/src/components/ShiftSchedule/components/WeeklySchedule.vue b/web/src/components/ShiftSchedule/components/WeeklySchedule.vue
index 7d782997..b4c3aa4c 100644
--- a/web/src/components/ShiftSchedule/components/WeeklySchedule.vue
+++ b/web/src/components/ShiftSchedule/components/WeeklySchedule.vue
@@ -47,7 +47,7 @@
             </template>               
             
             <template v-slot:cell() = "data">
-                <weekly-assignment-card :scheduleInfo="data.item[data.field.key]" />                
+                <weekly-assignment-card :scheduleInfo="data.item[data.field.key]" :includeTime="includeTime" />                
             </template>                
             
         </b-table>
@@ -80,6 +80,9 @@
         @Prop({required: true})
         fields!: any[];
 
+        @Prop({required: true})
+        includeTime!: boolean;
+
         @commonState.State
         public location!: locationInfoType;