ayanova/src/views/home-schedule.vue

@@ -31,21 +31,21 @@
         <v-menu bottom right>
           <template v-slot:activator="{ on, attrs }">
             <v-btn outlined color="grey darken-2" v-bind="attrs" v-on="on">
-              <span>{{ typeToLabel[type] }}</span>
+              <span>{{ typeToLabel[viewType] }}</span>
               <v-icon right>$sort</v-icon>
             </v-btn>
           </template>
           <v-list>
-            <v-list-item @click="type = 'day'">
+            <v-list-item @click="viewType = 'day'">
               <v-list-item-title>Day</v-list-item-title>
             </v-list-item>
-            <v-list-item @click="type = 'week'">
+            <v-list-item @click="viewType = 'week'">
               <v-list-item-title>Week</v-list-item-title>
             </v-list-item>
-            <v-list-item @click="type = 'month'">
+            <v-list-item @click="viewType = 'month'">
               <v-list-item-title>Month</v-list-item-title>
             </v-list-item>
-            <v-list-item @click="type = '4day'">
+            <v-list-item @click="viewType = '4day'">
               <v-list-item-title>4 days</v-list-item-title>
             </v-list-item>
           </v-list>
@@ -59,7 +59,7 @@
         color="primary"
         :events="events"
         :event-color="getEventColor"
-        :type="type"
+        :type="viewType"
         @click:event="showEvent"
         @click:more="viewDay"
         @click:date="viewDay"
@@ -188,7 +188,7 @@ export default {
     return {
       formCustomTemplateKey: FORM_CUSTOM_TEMPLATE_KEY,
       focus: "",
-      type: "month",
+      viewType: "month",
       typeToLabel: {
         month: "Month",
         week: "Week",
@@ -255,7 +255,7 @@ export default {
     },
     viewDay({ date }) {
       this.focus = date;
-      this.type = "day";
+      this.viewType = "day";
     },
     getEventColor(event) {
       return event.color;
@@ -291,10 +291,10 @@ export default {
       //NOTE: Need to add six days at least on either side due to calendar potentially showing up to six days of end and start of adjacent months
       //maybe easier if server does it and this just sticks to the
 
-      console.log(
-        "UPDATE RANGE:",
-        JSON.stringify({ start: start.date, end: end.date })
-      );
+      // console.log(
+      //   "UPDATE RANGE:",
+      //   JSON.stringify({ start: start.date, end: end.date })
+      // );
       /*
  public enum PersonalScheduleWorkOrderColorSource : int
         {
@@ -303,7 +303,26 @@ export default {
             WorkOrderItemStatus = 3,
             WorkOrderItemPriority = 4
         }
+         public enum ScheduleView : int
+        {
+            Day = 1,
+            Week = 2,
+            Month = 3,
+            Day4 = 4
+        }
  */
+      let v = 3; //month - default
+      switch (this.viewType) {
+        case "day":
+          v = 1;
+          break;
+        case "week":
+          v = 2;
+          break;
+        case "4day":
+          v = 4;
+          break;
+      }
       try {
         window.$gz.form.deleteAllErrorBoxErrors(this);