{"version":3,"sources":["webpack:///./src/components/AvailableTime.vue?3db3","webpack:///src/components/AvailableTime.vue","webpack:///./src/components/AvailableTime.vue?c31f","webpack:///./src/components/AvailableTime.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","noTime","on","resetModel","model","value","callback","$$v","fullClosed","expression","staticClass","style","getStatusColor","_e","_v","_s","capitalize","av","_l","Object","keys","availability","k","key","getTimeLabel","$set","$event","closeDialog","saveEvent","staticRenderFns","name","components","props","vModel","Array","Function","curDate","String","day","Boolean","data","mounted","url","serverURL","object_name","that","curModel","filter","e","date","init","updateWeekdays","length","beforeDestroy","methods","color","i","splice","forEach","start","end","closed","time","l","m","d","computed","watch","handler","deep","immediate","component","VBtn","VCard","VCardActions","VCardText","VSpacer","VSwitch"],"mappings":"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","file":"js/chunk-2d0de322.846d94cd.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-card',[(_vm.dataReady)?_c('v-card-text',[_c('v-switch',{attrs:{\"color\":_vm.noTime ? '' : 'red',\"label\":_vm.noTime ? '' : 'Whole Day Unavailable'},on:{\"change\":_vm.resetModel},model:{value:(_vm.fullClosed),callback:function ($$v) {_vm.fullClosed=$$v},expression:\"fullClosed\"}}),_c('hr'),_c('h4',{staticClass:\"ma-2\",style:(_vm.getStatusColor())},[(!_vm.noTime)?_c('span',[_vm._v(\" \"+_vm._s(_vm.capitalize(_vm.av)))]):_vm._e()]),(!_vm.noTime)?_c('div',[_vm._v(\" Unavailable Slots \"),_vm._l((Object.keys(_vm.availability)),function(k){return _c('v-switch',{key:k,attrs:{\"color\":\"red\",\"label\":_vm.getTimeLabel(k)},model:{value:(_vm.availability[k].closed),callback:function ($$v) {_vm.$set(_vm.availability[k], \"closed\", $$v)},expression:\"availability[k].closed\"}})})],2):_vm._e()],1):_vm._e(),(_vm.curDate)?_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"warning\",\"text\":\"\"},on:{\"click\":function($event){return _vm.closeDialog()}}},[_vm._v(\" Cancel \")]),_c('v-btn',{attrs:{\"color\":\"green darken-1\",\"text\":\"\"},on:{\"click\":function($event){return _vm.saveEvent()}}},[_vm._v(\" Apply \")])],1):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-card>\n      <!-- {{ vModel }} -->\n      <!-- {{ curModel }} -->\n      <v-card-text v-if=\"dataReady\">\n        <v-switch\n          :color=\"noTime ? '' : 'red'\"\n          v-model=\"fullClosed\"\n          @change=\"resetModel\"\n          :label=\"noTime ? '' : 'Whole Day Unavailable'\"\n        ></v-switch>\n        <hr />\n        <h4 class=\"ma-2\" :style=\"getStatusColor()\">\n          <span v-if=\"!noTime\"> {{ capitalize(av) }}</span>\n        </h4>\n        <div v-if=\"!noTime\">\n          Unavailable Slots\n          <v-switch\n            color=\"red\"\n            v-for=\"k in Object.keys(availability)\"\n            :key=\"k\"\n            v-model=\"availability[k].closed\"\n            :label=\"getTimeLabel(k)\"\n          ></v-switch>\n        </div>\n      </v-card-text>\n      <v-card-actions v-if=\"curDate\">\n        <v-spacer></v-spacer>\n        <v-btn color=\"warning\" text @click=\"closeDialog()\">\n          Cancel\n        </v-btn>\n        <v-btn color=\"green darken-1\" text @click=\"saveEvent()\">\n          Apply\n        </v-btn>\n      </v-card-actions>\n    </v-card>\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport * as fun from \"../plugins/common\";\nexport default {\n  name: \"AvailableTime\",\n  components: {},\n  props: {\n    vModel: Array,\n    closeDialog: Function,\n    curDate: String,\n    day: String,\n    noTime: Boolean,\n  },\n  data: () => ({\n    dataReady: false,\n    fullClosed: false,\n    init: true,\n    curModel: [],\n    availabilityTable: null,\n    availability: {\n      morning: { closed: false, start: 6, end: 12 },\n      afternoon: { closed: false, start: 12, end: 18 },\n      evening: { closed: false, start: 18, end: 24 },\n    },\n  }),\n  mounted() {\n    var url = this.serverURL + \"/get_records\";\n    var data = {\n      object_name: \"time_slot\",\n    };\n    var that = this;\n    axios\n      .post(url, data, {\n        withCredentials: true,\n      })\n      .then((response) => {\n        // console.log(res);\n        this.availabilityTable = response.data[0];\n        if (this.availabilityTable) {\n          var closedPart = \"\";\n          var todayAvailability = that.vModel.filter((t) => {\n            return t.date == that.curDate;\n          });\n\n          this.availability = {};\n          this.availabilityTable\n            // .filter((a) => {\n            //   return a.date == that.curDate;\n            // })\n            .forEach((a, i) => {\n              console.log(that.vModel);\n\n              var closed = false;\n              // if (that.vModel[i] && that.vModel[i][a.slot] && that.vModel[i]) {\n              //   closed = false;\n              // }\n              // if (that.vModel[i] && that.vModel[i].closed == a.slot) {\n              //   closed = true;\n              // }\n              var partAvailability = todayAvailability.find((t) => {\n                return t.closed;\n              });\n              if (partAvailability) {\n                closedPart = partAvailability.closed;\n              }\n              if (Array.isArray(todayAvailability)) {\n                todayAvailability.forEach((t) => {\n                  if (Object.keys(t)[0] == a.slot && t[a.slot].closed) {\n                    closedPart = a.slot;\n                  }\n                });\n              }\n\n              this.availability[a.slot] = {\n                closed: closedPart == a.slot,\n                start: a.time_range[0],\n                end: a.time_range[1],\n              };\n            });\n        }\n        this.dataReady = true;\n      });\n    if (this.curDate) {\n      this.curModel = this.vModel.filter((e) => {\n        return e.date == this.curDate;\n      });\n    } else if (this.day) {\n      this.init = true;\n      this.updateWeekdays(this.vModel.length);\n      // this.curModel = this.availability;\n    }\n  },\n  beforeDestroy() {},\n  methods: {\n    capitalize(h) {\n      return fun.capitalize(h);\n    },\n    getStatusColor() {\n      var color =\n        this.av == \"whole day available\"\n          ? \"green\"\n          : this.av == \"whole day unavailable\"\n          ? \"red\"\n          : \"orange\";\n      return \"color:\" + color;\n    },\n    saveEvent() {\n      var i = this.vModel.length;\n      while (i--) {\n        if (this.vModel[i].date == this.curDate) {\n          this.vModel.splice(i, 1);\n        }\n      }\n      Object.keys(this.availability).forEach((k) => {\n        if (this.availability[k].closed) {\n          this.vModel.push({\n            name: k + \" out\",\n            start: this.curDate + \" \" + this.availability[k].start + \":00\",\n            end: this.curDate + \" \" + this.availability[k].end + \":00\",\n            date: this.curDate,\n            closed: k,\n          });\n        } else {\n          this.vModel.push({\n            name: k + \" in\",\n            start: this.curDate + \" \" + this.availability[k].start + \":00\",\n            end: this.curDate + \" \" + this.availability[k].end + \":00\",\n            date: this.curDate,\n          });\n        }\n      });\n\n      this.resetModel();\n      this.closeDialog();\n    },\n\n    getTimeLabel(l) {\n      var time = this.availability[l];\n      var start = fun.ampm(time.start, 0);\n      var end = fun.ampm(time.end, 0);\n\n      return fun.capitalize(l) + \" (from \" + start + \"  to \" + end + \")\";\n    },\n    updateWeekdays(m) {\n      if (!m) {\n        var i = this.vModel.length;\n        while (i--) {\n          this.vModel.splice(i, 1);\n        }\n        this.fullClosed = true;\n        Object.keys(this.availability).forEach((k) => {\n          var d = {};\n          d[k] = this.availability[k];\n          this.vModel.push(d);\n          if (!d[k].closed) {\n            this.fullClosed = false;\n          }\n        });\n      }\n\n      this.curModel = this.vModel;\n    },\n    resetModel(check) {\n      Object.keys(this.availability).forEach((k) => {\n        this.availability[k].closed = check;\n      });\n    },\n  },\n  computed: {\n    av() {\n      var closed = 0;\n      Object.keys(this.availability).forEach((k) => {\n        if (this.availability[k].closed) {\n          closed += 1;\n        }\n      });\n      return closed\n        ? closed == 3\n          ? \"whole day unavailable\"\n          : \"partially availlable\"\n        : \"whole day available\";\n    },\n  },\n  watch: {\n    availability: {\n      handler: function(newValue, oldValue) {\n        if (this.day) {\n          if (!this.init) {\n            this.updateWeekdays();\n          } else {\n            if (this.vModel.length) {\n              this.fullClosed = true;\n              this.vModel.forEach((m) => {\n                if (!m[Object.keys(m)[0]].closed) {\n                  this.fullClosed = false;\n                }\n\n                this.availability[Object.keys(m)[0]] = m[Object.keys(m)[0]];\n              });\n            }\n          }\n          this.init = false;\n        }\n        // this.$emit(\"input\", this.availability);\n        // this.curModel = fun.clone(this.availability);\n      },\n      deep: true,\n      immediate: true,\n    },\n\n    curModel: {\n      handler: function(newValue, oldValue) {\n        if (!this.day) {\n          if (!this.curModel || !this.curModel.length) {\n            this.fullClosed = false;\n            this.resetModel();\n          } else {\n            this.fullClosed = true;\n            this.curModel.forEach((e) => {\n              if (!e.closed) {\n                this.fullClosed = false;\n                this.availability[e.name.split(\" \")[0]].closed = false;\n              } else {\n                this.availability[e.closed].closed = true;\n              }\n            });\n          }\n        }\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n};\n</script>\n\n<style lang=\"css\" scoped></style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvailableTime.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvailableTime.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AvailableTime.vue?vue&type=template&id=eb922c52&scoped=true&\"\nimport script from \"./AvailableTime.vue?vue&type=script&lang=js&\"\nexport * from \"./AvailableTime.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"eb922c52\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VSwitch } from 'vuetify/lib/components/VSwitch';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VSpacer,VSwitch})\n"],"sourceRoot":""}