ayanova/src/views/svc-schedule.vue

@@ -19,7 +19,16 @@
             {{ $refs.calendar.title }}</v-btn
           >
         </v-toolbar-title>
+
         <v-spacer v-if="!$vuetify.breakpoint.xs"></v-spacer>
+        <template v-if="!$vuetify.breakpoint.xs">
+          <gz-tag-picker
+            place-holder="ph filter users"
+            no-label
+            select-only
+            v-model="tags"
+          ></gz-tag-picker>
+        </template>
         <v-btn
           class="mr-3"
           fab
@@ -394,7 +403,8 @@ export default {
       formUserOptions: {},
       tempFirstTime: null,
       availableUsers: [],
-      lastMouseDownMS: null
+      lastMouseDownMS: null,
+      tags: []
     };
   },
   methods: {
@@ -994,18 +1004,19 @@ function getFormSettings(vm) {
   let formSettings = window.$gz.form.getFormSettings(FORM_KEY);
   if (!formSettings || !formSettings.temp || !formSettings.temp.viewType) {
     //defaults
-    formSettings = { temp: { viewType: "month", focus: null } };
+    formSettings = { temp: { viewType: "month", focus: null, tags: [] } };
   }
 
   vm.viewType = formSettings.temp.viewType;
   vm.focus = formSettings.temp.focus;
+  vm.tags = formSettings.temp.tags;
 
   return formSettings;
 }
 
 function saveFormSettings(vm) {
   const formSettings = window.$gz.form.getFormSettings(FORM_KEY);
-  formSettings.temp = { viewType: vm.viewType, focus: vm.focus };
+  formSettings.temp = { viewType: vm.viewType, focus: vm.focus, tags: vm.tags };
 
   window.$gz.form.setFormSettings(FORM_KEY, formSettings);
 }