From c7f7c4fef9e838d62650b64280f7897958864aeb Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Mon, 4 Oct 2021 19:49:02 +0000
Subject: [PATCH]

---
 ayanova/src/views/home-schedule.vue | 372 ++++++++++++++--------------
 1 file changed, 189 insertions(+), 183 deletions(-)

diff --git a/ayanova/src/views/home-schedule.vue b/ayanova/src/views/home-schedule.vue
index 201e7b64..d7e35724 100644
--- a/ayanova/src/views/home-schedule.vue
+++ b/ayanova/src/views/home-schedule.vue
@@ -142,196 +142,202 @@
         </v-row>
       </template>
       <!-- MORE INFO DIALOG -->
-      <v-menu
-        v-model="moreInfoDialog"
-        :close-on-content-click="false"
-        :activator="selectedElement"
-        min-width="350px"
-        max-width="600"
-        absolute
-        close-on-click
-      >
-        <v-card color="grey lighten-4" flat>
-          <v-toolbar>
-            <v-btn icon @click="openScheduledItem()">
-              <v-icon color="primary">{{ iconForSelectedEvent() }}</v-icon>
-            </v-btn>
-            <v-toolbar-title>{{ selectedEvent.name }}</v-toolbar-title>
-          </v-toolbar>
-          <v-card-text>
-            <!--reminder -->
-            <template v-if="selectedEvent.type == $ay.ayt().Reminder">
-              <div>
-                <span class="text-h6">{{ $ay.t("ReminderName") }}:</span>
-                <span class="text-body-1 ml-2">{{ evInfo.name }}</span>
-              </div>
-              <div>
-                <span class="text-h6">{{ $ay.t("DashboardScheduled") }}:</span>
-                <span class="text-body-1 ml-2"
-                  >{{ $ay.dt(evInfo.startDate) }}&nbsp;&mdash;&nbsp;{{
-                    $ay.dt(evInfo.stopDate)
-                  }}</span
-                >
-              </div>
-              <div>
-                <span class="text-h6">{{ $ay.t("ReminderNotes") }}:</span>
-                <span class="text-body-1 ml-2">
-                  <v-icon class="mr-3" :color="evInfo.color"
-                    >$ayiSquareFull</v-icon
-                  >{{ evInfo.notes }}</span
-                >
-              </div>
-            </template>
-            <!--review -->
-            <template v-if="selectedEvent.type == $ay.ayt().Review">
-              <div class="mb-1" v-if="evInfo.aType">
-                <v-icon
-                  large
-                  color="primary"
-                  @click="openObject(evInfo.aType, evInfo.objectId)"
-                  >{{ $ay.util().iconForType(evInfo.aType) }}</v-icon
-                ><span
-                  class="text-h6"
-                  @click="openObject(evInfo.aType, evInfo.objectId)"
-                >
-                  {{ evInfo.reviewObjectViz }}</span
-                >
-              </div>
-              <div>
-                <span class="text-h6">{{ $ay.t("ReviewName") }}:</span>
-                <span class="text-body-1 ml-2">{{ evInfo.name }}</span>
-              </div>
-              <div>
-                <span class="text-h6">{{ $ay.t("ReviewDate") }}:</span>
-                <span class="text-body-1 ml-2">{{
-                  $ay.dt(evInfo.reviewDate)
-                }}</span>
-              </div>
-              <div>
-                <span class="text-h6">{{ $ay.t("ReviewNotes") }}:</span>
-                <span class="text-body-1 ml-2"> {{ evInfo.notes }}</span>
-              </div>
+      <template>
+        <v-row justify="center">
+          <v-dialog max-width="600px" v-model="moreInfoDialog">
+            <v-card color="grey lighten-4" flat>
+              <v-toolbar>
+                <v-btn icon @click="openScheduledItem()">
+                  <v-icon color="primary">{{ iconForSelectedEvent() }}</v-icon>
+                </v-btn>
+                <v-toolbar-title>{{ selectedEvent.name }}</v-toolbar-title>
+              </v-toolbar>
+              <v-card-text>
+                <!--reminder -->
+                <template v-if="selectedEvent.type == $ay.ayt().Reminder">
+                  <div>
+                    <span class="text-h6">{{ $ay.t("ReminderName") }}:</span>
+                    <span class="text-body-1 ml-2">{{ evInfo.name }}</span>
+                  </div>
+                  <div>
+                    <span class="text-h6"
+                      >{{ $ay.t("DashboardScheduled") }}:</span
+                    >
+                    <span class="text-body-1 ml-2"
+                      >{{ $ay.dt(evInfo.startDate) }}&nbsp;&mdash;&nbsp;{{
+                        $ay.dt(evInfo.stopDate)
+                      }}</span
+                    >
+                  </div>
+                  <div>
+                    <span class="text-h6">{{ $ay.t("ReminderNotes") }}:</span>
+                    <span class="text-body-1 ml-2">
+                      <v-icon class="mr-3" :color="evInfo.color"
+                        >$ayiSquareFull</v-icon
+                      >{{ evInfo.notes }}</span
+                    >
+                  </div>
+                </template>
+                <!--review -->
+                <template v-if="selectedEvent.type == $ay.ayt().Review">
+                  <div class="mb-1" v-if="evInfo.aType">
+                    <v-icon
+                      large
+                      color="primary"
+                      @click="openObject(evInfo.aType, evInfo.objectId)"
+                      >{{ $ay.util().iconForType(evInfo.aType) }}</v-icon
+                    ><span
+                      class="text-h6"
+                      @click="openObject(evInfo.aType, evInfo.objectId)"
+                    >
+                      {{ evInfo.reviewObjectViz }}</span
+                    >
+                  </div>
+                  <div>
+                    <span class="text-h6">{{ $ay.t("ReviewName") }}:</span>
+                    <span class="text-body-1 ml-2">{{ evInfo.name }}</span>
+                  </div>
+                  <div>
+                    <span class="text-h6">{{ $ay.t("ReviewDate") }}:</span>
+                    <span class="text-body-1 ml-2">{{
+                      $ay.dt(evInfo.reviewDate)
+                    }}</span>
+                  </div>
+                  <div>
+                    <span class="text-h6">{{ $ay.t("ReviewNotes") }}:</span>
+                    <span class="text-body-1 ml-2"> {{ evInfo.notes }}</span>
+                  </div>
 
-              <template v-if="evInfo.completedDate">
-                <div>
-                  <span class="text-h6"
-                    >{{ $ay.t("ReviewCompletedDate") }}:</span
-                  >
-                  <span class="text-body-1 ml-2">{{
-                    $ay.dt(evInfo.completedDate)
-                  }}</span>
-                </div>
-                <div>
-                  <span class="text-h6"
-                    >{{ $ay.t("ReviewCompletionNotes") }}:</span
-                  >
-                  <span class="text-body-1 ml-2">
-                    {{ evInfo.completionNotes }}</span
-                  >
-                </div>
-              </template>
-            </template>
-            <!--woitemscheduleduser -->
-            <template
-              v-if="selectedEvent.type == $ay.ayt().WorkOrderItemScheduledUser"
-            >
-              <div>
-                <span class="text-h6">{{ $ay.t("WorkOrder") }}:</span>
-                <span class="text-body-1 ml-2"
-                  >{{ evInfo.serial }}&nbsp; {{ evInfo.customerViz }}</span
+                  <template v-if="evInfo.completedDate">
+                    <div>
+                      <span class="text-h6"
+                        >{{ $ay.t("ReviewCompletedDate") }}:</span
+                      >
+                      <span class="text-body-1 ml-2">{{
+                        $ay.dt(evInfo.completedDate)
+                      }}</span>
+                    </div>
+                    <div>
+                      <span class="text-h6"
+                        >{{ $ay.t("ReviewCompletionNotes") }}:</span
+                      >
+                      <span class="text-body-1 ml-2">
+                        {{ evInfo.completionNotes }}</span
+                      >
+                    </div>
+                  </template>
+                </template>
+                <!--woitemscheduleduser -->
+                <template
+                  v-if="
+                    selectedEvent.type == $ay.ayt().WorkOrderItemScheduledUser
+                  "
                 >
-              </div>
-              <div>
-                <span class="text-h6">{{ $ay.t("Tags") }}:</span>
-                <span class="text-body-1 ml-2">{{
-                  $ay.util().formatTags(evInfo.wotags)
-                }}</span>
-              </div>
-              <div>
-                <span class="text-h6">{{ $ay.t("DashboardScheduled") }}:</span>
-                <span class="text-body-1 ml-2"
-                  >{{ $ay.dt(evInfo.startDate) }}&nbsp;&mdash;&nbsp;{{
-                    $ay.dt(evInfo.stopDate)
-                  }}</span
-                >
-              </div>
-              <div>
-                <span class="text-h6"
-                  >{{
-                    $ay.t("WorkOrderItemScheduledUserEstimatedQuantity")
-                  }}:</span
-                >
-                <span class="text-body-1 ml-2">{{ evInfo.qty }}</span>
-              </div>
-              <div>
-                <span class="text-h6"
-                  >{{ $ay.t("WorkOrderItemScheduledUserServiceRateID") }}:</span
-                >
-                <span class="text-body-1 ml-2">{{ evInfo.rate }}</span>
-              </div>
+                  <div>
+                    <span class="text-h6">{{ $ay.t("WorkOrder") }}:</span>
+                    <span class="text-body-1 ml-2"
+                      >{{ evInfo.serial }}&nbsp; {{ evInfo.customerViz }}</span
+                    >
+                  </div>
+                  <div>
+                    <span class="text-h6">{{ $ay.t("Tags") }}:</span>
+                    <span class="text-body-1 ml-2">{{
+                      $ay.util().formatTags(evInfo.wotags)
+                    }}</span>
+                  </div>
+                  <div>
+                    <span class="text-h6"
+                      >{{ $ay.t("DashboardScheduled") }}:</span
+                    >
+                    <span class="text-body-1 ml-2"
+                      >{{ $ay.dt(evInfo.startDate) }}&nbsp;&mdash;&nbsp;{{
+                        $ay.dt(evInfo.stopDate)
+                      }}</span
+                    >
+                  </div>
+                  <div>
+                    <span class="text-h6"
+                      >{{
+                        $ay.t("WorkOrderItemScheduledUserEstimatedQuantity")
+                      }}:</span
+                    >
+                    <span class="text-body-1 ml-2">{{ evInfo.qty }}</span>
+                  </div>
+                  <div>
+                    <span class="text-h6"
+                      >{{
+                        $ay.t("WorkOrderItemScheduledUserServiceRateID")
+                      }}:</span
+                    >
+                    <span class="text-body-1 ml-2">{{ evInfo.rate }}</span>
+                  </div>
 
-              <div v-if="evInfo.haswostatus">
-                <span class="text-h6">{{ $ay.t("WorkOrderStatus") }}:</span>
-                <span class="text-body-1 ml-2">{{ evInfo.wostatus }}</span>
-                <v-icon :color="evInfo.wostatuscolor" class="ml-4"
-                  >$ayiFlag</v-icon
-                >
-                <v-icon
-                  color="primary"
-                  v-if="evInfo.wostatuslocked"
-                  class="ml-4"
-                  >$ayiLock</v-icon
-                >
-                <v-icon
-                  color="primary"
-                  v-if="evInfo.wostatuscompleted"
-                  class="ml-4"
-                  >$ayiCheckCircle</v-icon
-                >
-              </div>
+                  <div v-if="evInfo.haswostatus">
+                    <span class="text-h6">{{ $ay.t("WorkOrderStatus") }}:</span>
+                    <span class="text-body-1 ml-2">{{ evInfo.wostatus }}</span>
+                    <v-icon :color="evInfo.wostatuscolor" class="ml-4"
+                      >$ayiFlag</v-icon
+                    >
+                    <v-icon
+                      color="primary"
+                      v-if="evInfo.wostatuslocked"
+                      class="ml-4"
+                      >$ayiLock</v-icon
+                    >
+                    <v-icon
+                      color="primary"
+                      v-if="evInfo.wostatuscompleted"
+                      class="ml-4"
+                      >$ayiCheckCircle</v-icon
+                    >
+                  </div>
 
-              <div>
-                <span class="text-h6"
-                  >{{ $ay.t("WorkOrderItemSummary") }}:</span
-                >
-                <span class="text-body-1 ml-2">
-                  <v-icon class="mr-3" :color="evInfo.woitemstatuscolor"
-                    >$ayiCircle</v-icon
-                  >{{ evInfo.woitemstatus }}</span
-                >
-              </div>
+                  <div>
+                    <span class="text-h6"
+                      >{{ $ay.t("WorkOrderItemSummary") }}:</span
+                    >
+                    <span class="text-body-1 ml-2">
+                      <v-icon class="mr-3" :color="evInfo.woitemstatuscolor"
+                        >$ayiCircle</v-icon
+                      >{{ evInfo.woitemstatus }}</span
+                    >
+                  </div>
 
-              <div>
-                <span class="text-h6"
-                  >{{ $ay.t("WorkOrderItemPriorityID") }}:</span
-                >
-                <span class="text-body-1 ml-2">
-                  <v-icon class="mr-3" :color="evInfo.woitemprioritycolor"
-                    >$ayiFireAlt</v-icon
-                  >{{ evInfo.woitempriority }}</span
-                >
-              </div>
-              <div>
-                <span class="text-h6">{{ $ay.t("WorkOrderItemTags") }}:</span>
-                <span class="text-body-1 ml-2">{{
-                  $ay.util().formatTags(evInfo.woitemtags)
-                }}</span>
-              </div>
-            </template>
-          </v-card-text>
-          <v-card-actions>
-            <v-btn color="primary" text @click="openScheduledItem()">{{
-              $ay.t("Open")
-            }}</v-btn>
+                  <div>
+                    <span class="text-h6"
+                      >{{ $ay.t("WorkOrderItemPriorityID") }}:</span
+                    >
+                    <span class="text-body-1 ml-2">
+                      <v-icon class="mr-3" :color="evInfo.woitemprioritycolor"
+                        >$ayiFireAlt</v-icon
+                      >{{ evInfo.woitempriority }}</span
+                    >
+                  </div>
+                  <div>
+                    <span class="text-h6"
+                      >{{ $ay.t("WorkOrderItemTags") }}:</span
+                    >
+                    <span class="text-body-1 ml-2">{{
+                      $ay.util().formatTags(evInfo.woitemtags)
+                    }}</span>
+                  </div>
+                </template>
+              </v-card-text>
+              <v-card-actions>
+                <v-btn color="primary" text @click="openScheduledItem()">{{
+                  $ay.t("Open")
+                }}</v-btn>
 
-            <v-spacer v-if="!$vuetify.breakpoint.xs"></v-spacer>
+                <v-spacer v-if="!$vuetify.breakpoint.xs"></v-spacer>
 
-            <v-btn color="primary" text @click="moreInfoDialog = false">
-              {{ $ay.t("Close") }}
-            </v-btn>
-          </v-card-actions>
-        </v-card>
-      </v-menu>
+                <v-btn color="primary" text @click="moreInfoDialog = false">
+                  {{ $ay.t("Close") }}
+                </v-btn>
+              </v-card-actions>
+            </v-card>
+          </v-dialog>
+        </v-row>
+      </template>
     </v-sheet>
     <template>
       <v-row justify="center">