Added read-only

Resolves #78
ClickerMonkey · Oct 4, 2018 · 3905299 · 3905299
1 parent 57bf9ed
commit 3905299
Show file tree

Hide file tree

Showing 23 changed files with 292 additions and 62 deletions.
diff --git a/dist/lib/dayspan-vuetify.min.css b/dist/lib/dayspan-vuetify.min.css
diff --git a/dist/lib/dayspan-vuetify.min.css.map b/dist/lib/dayspan-vuetify.min.css.map
diff --git a/dist/lib/dayspan-vuetify.min.js b/dist/lib/dayspan-vuetify.min.js
diff --git a/dist/lib/dayspan-vuetify.min.js.map b/dist/lib/dayspan-vuetify.min.js.map
diff --git a/docs/README.md b/docs/README.md
@@ -262,6 +262,12 @@ which generate the events.
 - eventDetailsColor
 - eventDetailsIcon
 - eventDetailsBusy
+- eventDetailsExtra
+- eventTabsExtra
+- eventExclusions
+- eventInclusions
+- eventCancels
+- schedule
 - scheduleSpan
 - scheduleType
 - scheduleTimes

diff --git a/src/app.vue b/src/app.vue
@@ -3,6 +3,7 @@
 
     <ds-calendar-app ref="app"
       :calendar="calendar"
+      :read-only="readOnly"
       @change="saveState">
 
       <template slot="title">
@@ -20,6 +21,7 @@
       <template slot="eventPopover" slot-scope="slotData">
          <ds-calendar-event-popover
           v-bind="slotData"
+          :read-only="readOnly"
           @finish="saveState"
         ></ds-calendar-event-popover>
       </template>
@@ -47,6 +49,15 @@
         <div class="ds-ev-description">{{ getCalendarTime( calendarEvent ) }}</div>
       </template>
 
+      <template slot="drawerBottom">
+        <div class="pa-3">
+          <v-checkbox
+            label="Read Only?"
+            v-model="readOnly"
+          ></v-checkbox>
+        </div>
+      </template>
+
     </ds-calendar-app>
 
   </v-app>
@@ -64,6 +75,7 @@ export default {
   data: vm => ({
     storeKey: 'dayspanState',
     calendar: Calendar.months(),
+    readOnly: false,
     defaultEvents: [
       {
         data: {

diff --git a/src/component.js b/src/component.js
@@ -11,7 +11,9 @@ export default {
 
   data:
   {
-    version:          '0.2.4',
+    version:          '0.3.0',
+
+    readOnly:         false,
 
     today:            Day.today(),
     tomorrow:         Day.tomorrow(),

diff --git a/src/components/Agenda.vue b/src/components/Agenda.vue
@@ -13,6 +13,7 @@
       <ds-agenda-day
         v-bind="{$scopedSlots}"
         v-on="$listeners"
+        :read-only="readOnly"
         :key="day.dayIdentifier"
         :day="day"
         :calendar="calendar"
@@ -40,6 +41,12 @@ export default {
     {
       required: true,
       type: Calendar
+    },
+
+    readOnly:
+    {
+      type: Boolean,
+      default: false
     }
   },
 

diff --git a/src/components/AgendaDay.vue b/src/components/AgendaDay.vue
@@ -9,6 +9,7 @@
       <ds-agenda-event
         v-bind="{$scopedSlots}"
         v-on="$listeners"
+        :read-only="readOnly"
         :key="event.id"
         :calendar-event="event"
         :calendar="calendar"
@@ -44,6 +45,12 @@ export default {
       type: Calendar
     },
 
+    readOnly:
+    {
+      type: Boolean,
+      default: false
+    },
+
     placeholder:
     {
       type: CalendarEvent

diff --git a/src/components/AgendaEvent.vue b/src/components/AgendaEvent.vue
@@ -56,7 +56,7 @@
 
         </div>
 
-        <slot name="eventPopover" v-bind="{calendarEvent, calendar, edit, details, close}"></slot>
+        <slot name="eventPopover" v-bind="{readOnly, calendarEvent, calendar, edit, details, close}"></slot>
 
       </v-menu>
 
@@ -88,6 +88,12 @@ export default {
       type: Calendar
     },
 
+    readOnly:
+    {
+      type: Boolean,
+      default: false
+    },
+
     first:
     {
       type: Boolean,
@@ -136,6 +142,7 @@ export default {
     slotData()
     {
       return {
+        readOnly: this.readOnly,
         calendarEvent: this.calendarEvent,
         calendar: this.calendar,
         details: this.details,

diff --git a/src/components/Calendar.vue b/src/components/Calendar.vue
@@ -90,6 +90,12 @@ export default {
       default() {
         return this.$dsDefaults().handleMove;
       }
+    },
+
+    readOnly:
+    {
+      type: Boolean,
+      default: false
     }
   },
 
@@ -143,12 +149,12 @@ export default {
 
     canAdd()
     {
-      return this.$dayspan.features.drag && this.handleAdd;
+      return this.$dayspan.features.drag && this.handleAdd && !this.readOnly && !this.$dayspan.readOnly;
     },
 
     canMove()
     {
-      return this.$dayspan.features.move && this.handleMove;
+      return this.$dayspan.features.move && this.handleMove && !this.readOnly && !this.$dayspan.readOnly;
     }
   },