ayanova/src/views/home-schedule.vue

@@ -62,7 +62,13 @@
         @click:more="viewDay"
         @click:date="viewDay"
         @change="fetchEvents"
-      ></v-calendar>
+      >
+        <template v-slot:event="{ event }">
+          <v-icon small color="blue">$ayiTools</v-icon>
+          {{ event.name }}
+        </template>
+      </v-calendar>
+
       <v-menu
         v-model="selectedOpen"
         :close-on-content-click="false"
@@ -123,6 +129,28 @@
 </template>
 
 <script>
+/*
+PLAN: TODO:
+
+What shows in schedule:
+Icon, start time abbreviated, name in single line most important to the left least to the right
+  WO appt. color is woitempriority color, wo icon in left corner is NOT colored, color on color sucks, let the person select it to see the more info display
+  Reviews are review icon, appt color - none
+  Reminders are reminder icon, appt. color is reminder selected color
+
+More info
+  unlike v7, v8 doesn't attempt to show a lot of info in the calendar appt. display, instead they click on it to bring up a more info dialog with lots of useful info and a link to open the source record
+
+Drag / drop / extend
+  will try to support this but if it's not doable then possibly for convenience do it in the More info dialog
+
+Fetching:
+  Data lists are used to drive the appointment fetching which supports some advanced filtering ability and stuff and also can more easily drive widgets
+  Each of the three types are fetched seperately to support a feature where they can select what shows with radio buttons in config screen
+  Only the info required to show it in the calendar is fetched but also a type and id for further details when click on appt. to bring up more display
+
+
+*/
 const FORM_KEY = "home-schedule";
 const API_BASE_URL = "schedule/";
 const FORM_CUSTOM_TEMPLATE_KEY = "home-schedule"; //<-- Should always be CoreBizObject AyaType name here where possible
@@ -228,7 +256,12 @@ export default {
       nativeEvent.stopPropagation();
     },
     fetchEvents({ start, end }) {
-      console.log("UPDATE RANGE:", JSON.stringify({ start: start, end: end }));
+      //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
+
+      console.log(
+        "UPDATE RANGE:",
+        JSON.stringify({ start: start.date, end: end.date })
+      );
       const events = [];
 
       const min = new Date(`${start.date}T00:00:00`);
@@ -258,11 +291,5 @@ export default {
       return Math.floor((b - a + 1) * Math.random()) + a;
     }
   }
-  //eol
 };
-
-/*
-
-TODO: copy dashboard menu links to own workorders for here
-*/
 </script>