{"version":3,"sources":["webpack:///./src/components/UI/Charts/Doughnut.vue","webpack:///src/components/UI/Charts/Doughnut.vue","webpack:///./src/components/UI/Charts/Doughnut.vue?0a32","webpack:///./src/components/UI/Charts/Doughnut.vue?e945","webpack:///./src/components/UI/Charts/Doughnut.vue?dbaa","webpack:///./src/components/Dashboards/ReservationsStatusSplit.vue","webpack:///src/components/Dashboards/ReservationsStatusSplit.vue","webpack:///./src/components/Dashboards/ReservationsStatusSplit.vue?34d2","webpack:///./src/components/Dashboards/ReservationsStatusSplit.vue?1805","webpack:///./src/components/UI/Message.vue","webpack:///src/components/UI/Message.vue","webpack:///./src/components/UI/Message.vue?5d20","webpack:///./src/components/UI/Message.vue?fb09"],"names":["render","_vm","this","_c","_self","ref","staticRenderFns","Chart","register","ArcElement","DoughnutController","CategoryScale","LinearScale","Decimation","Legend","Title","Tooltip","props","chartdata","type","Object","default","options","data","chartBar","watch","deep","handler","val","update","mounted","$refs","beforeDestroy","destroy","component","staticClass","_v","_s","$t","dataLoaded","attrs","chartData","_e","noData","components","Doughnut","Message","fixLegendPosition","Boolean","companyId","Number","channelId","locationId","meetingtypeId","voucherId","customerId","leadId","showDatesLabel","searchTerm","String","endDate","Date","startDate","convertedData","reservations","labels","datasets","plugins","legend","display","position","cutout","responsive","maintainAspectRatio","aspectRatio","computed","filteredReservation","length","filter","r","Status","created","getReservationStatusSplitData","window","addEventListener","windowResizeListener","removeEventListener","methods","el","$el","getBoundingClientRect","assign","width","_this","reservationProvider","getLocationReservationStatusCount","format","then","response","status","finally","prepData","borderColors","backgroundColors","i","res","push","statusColor","getStatusColour","borderColor","backgroundColor","NrOfReservations","reduce","a","b","borderWidth","class","combindedClass","message","_t","size","c"],"mappings":"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","file":"js/chunk-006ef9b2.js?id=cbaa39b6dd72e1f6a2bb","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('canvas',{ref:\"chartWrapper\"})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <canvas ref=\"chartWrapper\"></canvas>\n  </div>\n</template>\n\n<script>\nimport {\n  Chart,\n  ArcElement,\n  DoughnutController,\n  CategoryScale,\n  LinearScale,\n  Decimation,\n  Legend,\n  Title,\n  Tooltip\n} from 'chart.js'\nChart.register(\n  ArcElement,\n  DoughnutController,\n  CategoryScale,\n  LinearScale,\n  Decimation,\n  Legend,\n  Title,\n  Tooltip\n)\n\nexport default {\n  props: {\n    chartdata: {\n      type: Object,\n      default: null,\n    },\n    options: {\n      type: Object,\n      default: null,\n    },\n  },\n\n  data() {\n    return {\n      chartBar: null,\n    }\n  },\n\n  watch: {\n    'chartdata': {\n      deep: true,\n      handler: function(val) {\n        this.chartBar.data = val\n        this.chartBar.update();\n      }\n    }\n  },\n\n  mounted() {\n    this.chartBar = new Chart(this.$refs['chartWrapper'], {\n      type: 'doughnut',\n      data: this.chartdata,\n      options: this.options\n    })\n  },\n\n  beforeDestroy() {\n    this.chartBar.destroy();\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\ncanvas {\n  width: 100% !important;\n}\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Doughnut.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Doughnut.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Doughnut.vue?vue&type=template&id=c7f9f4c4&scoped=true\"\nimport script from \"./Doughnut.vue?vue&type=script&lang=js\"\nexport * from \"./Doughnut.vue?vue&type=script&lang=js\"\nimport style0 from \"./Doughnut.vue?vue&type=style&index=0&id=c7f9f4c4&prod&lang=scss&scoped=true\"\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  \"c7f9f4c4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Doughnut.vue?vue&type=style&index=0&id=c7f9f4c4&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('p',{staticClass:\"subtitle\"},[_vm._v(\" \"+_vm._s(_vm.$t('Components.Dashboards.ReservationsStatusSplit.Subtitle_StatusSplit'))+\" \")]),(_vm.dataLoaded)?_c('Doughnut',{staticClass:\"doughnut\",attrs:{\"chartdata\":_vm.chartData,\"options\":_vm.options}}):_vm._e(),(_vm.dataLoaded && _vm.noData)?_c('Message',{attrs:{\"message\":_vm.$t(\n        'Components.Dashboards.ReservationsStatusSplit.Message_NoReservations'\n      )}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <p class=\"subtitle\">\n      {{\n        $t('Components.Dashboards.ReservationsStatusSplit.Subtitle_StatusSplit')\n      }}\n    </p>\n\n    <Doughnut\n      v-if=\"dataLoaded\"\n      :chartdata=\"chartData\"\n      :options=\"options\"\n      class=\"doughnut\"\n    />\n\n    <Message\n      v-if=\"dataLoaded && noData\"\n      :message=\"\n        $t(\n          'Components.Dashboards.ReservationsStatusSplit.Message_NoReservations'\n        )\n      \"\n    />\n  </div>\n</template>\n<script>\nimport reservationProvider from '@/providers/reservation'\nimport Doughnut from '@/components/UI/Charts/Doughnut'\nimport Message from '@/components/UI/Message'\nimport { format, parseISO } from 'date-fns'\n\nexport default {\n  components: {\n    Doughnut,\n    Message,\n  },\n\n  props: {\n    fixLegendPosition: {\n      type: Boolean,\n      default: false,\n    },\n    companyId: {\n      default: 0,\n      type: Number,\n    },\n\n    channelId: {\n      default: 0,\n      type: Number,\n    },\n\n    locationId: {\n      default: 0,\n      type: Number,\n    },\n\n    meetingtypeId: {\n      default: 0,\n      type: Number,\n    },\n\n    voucherId: {\n      default: 0,\n      type: Number,\n    },\n\n    customerId: {\n      default: 0,\n      type: Number,\n    },\n\n    leadId: {\n      default: 0,\n      type: Number,\n    },\n\n    showDatesLabel: {\n      default: false,\n      type: Boolean,\n    },\n\n    searchTerm: {\n      default: '',\n      type: String,\n    },\n\n    endDate: {\n      default: () => {\n        return new Date(1900, 0, 1)\n      },\n      type: Date,\n    },\n\n    startDate: {\n      default: () => {\n        return new Date(1900, 0, 1)\n      },\n      type: Date,\n    },\n  },\n\n  data() {\n    return {\n      convertedData: [],\n      dataLoaded: false,\n      noData: false,\n      reservations: [],\n\n      chartData: {\n        labels: [],\n        datasets: [],\n      },\n\n      options: {\n        plugins: {\n          legend: {\n            display: true,\n            position: 'bottom',\n          },\n        },\n        cutout: '75%',\n        responsive: true,\n        maintainAspectRatio: true,\n        aspectRatio: 16 / 9,\n      }\n    }\n  },\n\n  computed: {\n    filteredReservation() {\n      let reservations = [];\n\n      if (this.reservations.length > 0) {\n        reservations = this.reservations.filter((r) => r.Status !== 'PendingPayment' && r.Status !== 'LocationMustConfirm');\n      }\n\n      return reservations;\n    },\n  },\n\n  created() {\n    this.getReservationStatusSplitData()\n  },\n\n  mounted() {\n    window.addEventListener('resize', this.windowResizeListener)\n    this.windowResizeListener()\n  },\n\n  beforeDestroy() {\n    window.removeEventListener('resize', this.windowResizeListener)\n  },\n\n  methods: {\n    windowResizeListener() {\n      if (this.fixLegendPosition) {\n        return\n      }\n      const el = this.$el.getBoundingClientRect()\n      this.options = Object.assign(this.options, {\n        plugins: {\n          legend: {\n            position: el.width < 340 ? 'bottom' : 'right',\n          },\n        },\n        aspectRatio: el.width < 340 ? 4 / 3 : 16 / 9,\n      })\n    },\n\n    getReservationStatusSplitData() {\n      reservationProvider.methods.getLocationReservationStatusCount(\n          this.channelId,\n          this.locationId,\n          this.searchTerm, \n          format(this.startDate, 'yyyy-MM-dd'),\n          format(this.endDate, 'yyyy-MM-dd'),\n          this.meetingtypeId, \n          this.companyId, \n          this.customerId,\n          this.leadId,\n          this.voucherId\n        )\n        .then((response) => {\n          if (response.status === 200) {\n            this.reservations = response.data\n          }\n        })\n        .finally(() => {\n          this.prepData()\n        })\n    },\n\n    prepData() {\n      this.chartData.datasets = []\n\n      let labels = []\n      let borderColors = []\n      let backgroundColors = []\n      let data = []\n\n      for (let i = 0; i < this.filteredReservation.length; i++) {\n        let res = this.filteredReservation[i];\n        //labels.push(this.$t(`Components.Proposals.ProposalRequests.Status_${res.Status}`));\n        labels.push(res.Status);\n\n        let statusColor = this.getStatusColour(res.Status);\n\n        borderColors.push(statusColor.borderColor);\n        backgroundColors.push(statusColor.backgroundColor);\n\n        data.push(res.NrOfReservations)\n      }\n\n      this.noData =\n        data.reduce((a, b) => {\n          return a + b\n        }) === 0\n      this.options.plugins.legend.display = !this.noData\n\n      if (this.noData) {\n        this.chartData.labels = [\n          this.$t(\n            'Components.Dashboards.ReservationInvoiceSplit.Label_NoReservations'\n          ),\n        ]\n        this.chartData.datasets.push({\n          borderWidth: 1,\n          borderColor: ['rgba(16, 16, 16, .5)'],\n          backgroundColor: ['rgba(16, 16, 16, 0.3)'],\n          data: [100],\n        })\n      } else {\n        this.chartData.labels = labels\n        this.chartData.datasets.push({\n          borderWidth: 1,\n          borderColor: borderColors,\n          backgroundColor: backgroundColors,\n          data: data,\n        })\n      }\n\n      this.dataLoaded = true;\n    },\n\n    getStatusColour(status) {\n      switch (status) {\n        case 'Request':\n          return {\n            borderColor: 'rgba(254, 198, 50, 1)',\n            backgroundColor: 'rgba(254, 198, 50, 0.3)',\n          }\n        case 'Optional':\n          return {\n            borderColor: 'rgba(2, 186, 255, 1)',\n            backgroundColor: 'rgba(2, 186, 255, 0.3)',\n          }\n        case 'Final':\n          return {\n            borderColor: 'rgba(149, 193, 30, 1)',\n            backgroundColor: 'rgba(149, 193, 30, 0.3)',\n          }\n        case 'Cancelled':\n          return {\n            borderColor: 'rgba(252, 60, 99, 1)',\n            backgroundColor: 'rgba(252, 60, 99, 0.3)',\n          }\n        default:\n          return {\n            borderColor: 'rgba(16, 16, 16, 1)',\n            backgroundColor: 'rgba(16, 16, 16, 0.3)',\n          }\n      }\n    },\n  }\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReservationsStatusSplit.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReservationsStatusSplit.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ReservationsStatusSplit.vue?vue&type=template&id=057c9fa8\"\nimport script from \"./ReservationsStatusSplit.vue?vue&type=script&lang=js\"\nexport * from \"./ReservationsStatusSplit.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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('article',{staticClass:\"message\",class:_vm.combindedClass},[_c('div',{staticClass:\"message-body\"},[(_vm.message)?[_vm._v(\" \"+_vm._s(_vm.message)+\" \")]:_vm._e(),_vm._t(\"content\")],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <article\n    class=\"message\"\n    :class=\"combindedClass\"\n  >\n    <div class=\"message-body\">\n      <template v-if=\"message\">\n        {{ message }}\n      </template>\n      <slot name=\"content\"></slot>\n    </div>\n  </article>\n</template>\n\n<script>\nexport default {\n  props: {\n    /**\n     * For what'll be shown inside of the message box.\n     */\n    message: {\n      type: String,\n      default: ''\n    },\n\n    size: {\n      type: String,\n      default: ''\n    },\n\n    /**\n     * type bepaalt het type weergave\n     * eq. is-info = for information style. It defines the style of the message\n     */\n    type: {\n      type: String,\n      default: 'is-info'\n    }\n  },\n  data() {\n    return {};\n  },\n\n  computed: {\n    combindedClass() {\n      let c = this.type;\n\n      if (this.size.length > 0) {\n        c = c + ' ' + this.size;\n      }\n\n      return c;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped></style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Message.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Message.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Message.vue?vue&type=template&id=509443f1&scoped=true\"\nimport script from \"./Message.vue?vue&type=script&lang=js\"\nexport * from \"./Message.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  \"509443f1\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}