{"version":3,"sources":["webpack:///./src/components/Dashboards/StatsMonthYear.vue","webpack:///src/components/Dashboards/StatsMonthYear.vue","webpack:///./src/components/Dashboards/StatsMonthYear.vue?42e3","webpack:///./src/components/Dashboards/StatsMonthYear.vue?4f34","webpack:///./src/components/Dashboards/StatsMonthYear.vue?b830"],"names":["render","_vm","this","_c","_self","staticClass","showTypeSelector","mType","_v","_s","$t","_e","directives","name","rawName","value","expression","on","$event","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","multiple","getData","domProps","attrs","isLoading","title","showChannelSelector","selectedChannelId","_l","channels","channel","key","id","text","years","index","Year","data","month","_f","Number","Month","Years","year","class","valueIsCurrency","Value","Percentage","staticRenderFns","props","channelId","default","type","locationId","Boolean","hideMonthRows","computed","_objectSpread","mapState","locationState","Channels","length","push","i","ChannelId","ChannelName","created","methods","_this","self","stats","getReservationsPerYearPerMonth","then","finally","nrOfDecimals","prefix","getFeeInvoiceTotalPerYearPerMonth","getSearchQueriesPerYearPerMonth","getRevenuePerYearPerMonth","getSeatsPerYearPerMonth","component"],"mappings":"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","file":"js/chunk-538fcbf8.js?id=166c01c742abdf0a3deb","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column is-12\"},[_c('div',[(_vm.showTypeSelector && _vm.mType === -1)?_c('article',{staticClass:\"message is-info\"},[_c('div',{staticClass:\"message-body\"},[_vm._v(\" \"+_vm._s(_vm.$t( 'Components.Dashboards.StatsMonthYear.Message_SelectStatisticsBelow' ))+\" \")])]):_vm._e(),(_vm.showTypeSelector)?_c('div',{staticClass:\"select\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.mType),expression:\"mType\"}],on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.mType=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.getData]}},[_c('option',{domProps:{\"value\":-1,\"selected\":_vm.mType === -1}},[_vm._v(\" \"+_vm._s(_vm.$t( 'Components.Dashboards.StatsMonthYear.Option_MeetingspacePickQuerry' ))+\" \")]),_c('optgroup',{attrs:{\"label\":_vm.$t('Components.Dashboards.StatsMonthYear.Label_Meetingspace')}},[_c('option',{domProps:{\"value\":0,\"selected\":_vm.mType === 0}},[_vm._v(\" \"+_vm._s(_vm.$t( 'Components.Dashboards.StatsMonthYear.Option_MeetingspaceNrReservations' ))+\" \")]),_c('option',{domProps:{\"value\":3,\"selected\":_vm.mType === 3}},[_vm._v(\" \"+_vm._s(_vm.$t( 'Components.Dashboards.StatsMonthYear.Option_MeetingspaceNrSearch' ))+\" \")]),_c('option',{domProps:{\"value\":5,\"selected\":_vm.mType === 5}},[_vm._v(\" \"+_vm._s(_vm.$t( 'Components.Dashboards.StatsMonthYear.Option_MeetingspaceRevenue' ))+\" \")]),_c('option',{domProps:{\"value\":7,\"selected\":_vm.mType === 7}},[_vm._v(\" \"+_vm._s(_vm.$t( 'Components.Dashboards.StatsMonthYear.Option_MeetingspaceNrSeats' ))+\" \")])]),_c('optgroup',{attrs:{\"label\":_vm.$t('Components.Dashboards.StatsMonthYear.Label_Workspace')}},[_c('option',{domProps:{\"value\":1,\"selected\":_vm.mType === 1}},[_vm._v(\" \"+_vm._s(_vm.$t( 'Components.Dashboards.StatsMonthYear.Option_WorkspaceNrReservations' ))+\" \")]),_c('option',{domProps:{\"value\":4,\"selected\":_vm.mType === 4}},[_vm._v(\" \"+_vm._s(_vm.$t( 'Components.Dashboards.StatsMonthYear.Option_WorkspaceNrSearch' ))+\" \")]),_c('option',{domProps:{\"value\":6,\"selected\":_vm.mType === 6}},[_vm._v(\" \"+_vm._s(_vm.$t( 'Components.Dashboards.StatsMonthYear.Option_WorkspaceRevenue' ))+\" \")]),_c('option',{domProps:{\"value\":8,\"selected\":_vm.mType === 8}},[_vm._v(\" \"+_vm._s(_vm.$t( 'Components.Dashboards.StatsMonthYear.Option_WorkspaceNrSeats' ))+\" \")])])])]):_vm._e(),(_vm.isLoading)?_c('div',[_c('ui-loader')],1):_vm._e(),(!_vm.isLoading)?_c('div',[_c('p',{staticClass:\"subtitle mb-4\"},[_vm._v(_vm._s(_vm.title))]),(_vm.showChannelSelector)?_c('div',{staticClass:\"select is-small mb-4\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedChannelId),expression:\"selectedChannelId\"}],on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.selectedChannelId=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.getData]}},_vm._l((_vm.channels),function(channel){return _c('option',{key:channel.id,domProps:{\"value\":channel.id,\"selected\":channel.id === _vm.selectedChannelId}},[_vm._v(\" \"+_vm._s(channel.text)+\" \")])}),0)]):_vm._e(),_c('div',{staticClass:\"card-table\"},[_c('div',{staticClass:\"content\"},[_c('table',{staticClass:\"table is-fullwidth is-striped is-narrow is-size-7\"},[_c('thead',[_c('tr',[_c('th',{attrs:{\"width\":\"5%\"}},[_vm._v(\" \")]),_c('th',[_c('div',{staticClass:\"columns\"},_vm._l((_vm.years),function(val,index){return _c('span',{key:index,staticClass:\"column has-text-right\"},[_vm._v(_vm._s(val.Year))])}),0)])])]),_c('tbody',_vm._l((_vm.data),function(month,index){return _c('tr',{key:index},[_c('td',{staticClass:\"has-text-weight-bold\",attrs:{\"width\":\"5%\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"getMonthName\")(Number(month.Month) === 13 ? 'Total' : month.Month))+\" \")]),_c('td',[_c('div',{staticClass:\"columns\"},_vm._l((month.Years),function(year,index){return _c('span',{key:index,staticClass:\"column has-text-right\",class:{\n                          'has-text-weight-bold': Number(month.Month) === 13,\n                        }},[(!_vm.valueIsCurrency)?_c('span',[_vm._v(_vm._s(year.Value))]):_vm._e(),(_vm.valueIsCurrency)?_c('span',[_vm._v(_vm._s(_vm._f(\"toCurrency\")(year.Value)))]):_vm._e(),_c('span',{class:{\n                            'has-text-success': year.Percentage > 0,\n                            'has-text-danger': year.Percentage < 0,\n                          }},[_c('span',{staticClass:\"has-tooltip-arrow\",attrs:{\"data-tooltip\":year.Percentage + '%'}},[(\n                                year.Percentage > 0 &&\n                                Number(month.Month) < 13\n                              )?_c('span',{staticClass:\"icon\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'arrow-up']}})],1):_vm._e(),(\n                                year.Percentage < 0 &&\n                                Number(month.Month) < 13\n                              )?_c('span',{staticClass:\"icon\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fas', 'arrow-down']}})],1):_vm._e()])])])}),0)])])}),0)])])])]):_vm._e()])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"columns\">\n    <div class=\"column is-12\">\n      <div>\n        <article\n          v-if=\"showTypeSelector && mType === -1\"\n          class=\"message is-info\"\n        >\n          <div class=\"message-body\">\n            {{\n              $t(\n                'Components.Dashboards.StatsMonthYear.Message_SelectStatisticsBelow'\n              )\n            }}\n          </div>\n        </article>\n\n        <div v-if=\"showTypeSelector\" class=\"select\">\n          <select v-model=\"mType\" @change=\"getData\">\n            <option :value=\"-1\" :selected=\"mType === -1\">\n              {{\n                $t(\n                  'Components.Dashboards.StatsMonthYear.Option_MeetingspacePickQuerry'\n                )\n              }}\n            </option>\n\n            <optgroup\n              :label=\"\n                $t('Components.Dashboards.StatsMonthYear.Label_Meetingspace')\n              \"\n            >\n              <option :value=\"0\" :selected=\"mType === 0\">\n                {{\n                  $t(\n                    'Components.Dashboards.StatsMonthYear.Option_MeetingspaceNrReservations'\n                  )\n                }}\n              </option>\n              <option :value=\"3\" :selected=\"mType === 3\">\n                {{\n                  $t(\n                    'Components.Dashboards.StatsMonthYear.Option_MeetingspaceNrSearch'\n                  )\n                }}\n              </option>\n              <option :value=\"5\" :selected=\"mType === 5\">\n                {{\n                  $t(\n                    'Components.Dashboards.StatsMonthYear.Option_MeetingspaceRevenue'\n                  )\n                }}\n              </option>\n              <option :value=\"7\" :selected=\"mType === 7\">\n                {{\n                  $t(\n                    'Components.Dashboards.StatsMonthYear.Option_MeetingspaceNrSeats'\n                  )\n                }}\n              </option>\n            </optgroup>\n            <optgroup\n              :label=\"\n                $t('Components.Dashboards.StatsMonthYear.Label_Workspace')\n              \"\n            >\n              <option :value=\"1\" :selected=\"mType === 1\">\n                {{\n                  $t(\n                    'Components.Dashboards.StatsMonthYear.Option_WorkspaceNrReservations'\n                  )\n                }}\n              </option>\n              <option :value=\"4\" :selected=\"mType === 4\">\n                {{\n                  $t(\n                    'Components.Dashboards.StatsMonthYear.Option_WorkspaceNrSearch'\n                  )\n                }}\n              </option>\n              <option :value=\"6\" :selected=\"mType === 6\">\n                {{\n                  $t(\n                    'Components.Dashboards.StatsMonthYear.Option_WorkspaceRevenue'\n                  )\n                }}\n              </option>\n              <option :value=\"8\" :selected=\"mType === 8\">\n                {{\n                  $t(\n                    'Components.Dashboards.StatsMonthYear.Option_WorkspaceNrSeats'\n                  )\n                }}\n              </option>\n            </optgroup>\n          </select>\n        </div>\n        <div v-if=\"isLoading\">\n          <ui-loader />\n        </div>\n\n        <div v-if=\"!isLoading\">\n          <p class=\"subtitle mb-4\">{{ title }}</p>\n\n          <div v-if=\"showChannelSelector\" class=\"select is-small mb-4\">\n            <select v-model=\"selectedChannelId\" @change=\"getData\">\n              <option v-for=\"channel in channels\" :key=\"channel.id\" :value=\"channel.id\" :selected=\"channel.id === selectedChannelId\">\n                {{ channel.text }}\n              </option>\n            </select>\n          </div>\n\n          <div class=\"card-table\">\n            <div class=\"content\">\n              <table class=\"table is-fullwidth is-striped is-narrow is-size-7\">\n                <thead>\n                  <tr>\n                    <th width=\"5%\">&nbsp;</th>\n                    <th>\n                      <div class=\"columns\">\n                        <span\n                          v-for=\"(val, index) in years\"\n                          :key=\"index\"\n                          class=\"column has-text-right\"\n                          >{{ val.Year }}</span\n                        >\n                      </div>\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  <tr v-for=\"(month, index) in data\" :key=\"index\">\n                    <td width=\"5%\" class=\"has-text-weight-bold\">\n                      {{\n                        Number(month.Month) === 13\n                          ? 'Total'\n                          : month.Month | getMonthName\n                      }}\n                    </td>\n                    <td>\n                      <div class=\"columns\">\n                        <span\n                          v-for=\"(year, index) in month.Years\"\n                          :key=\"index\"\n                          class=\"column has-text-right\"\n                          :class=\"{\n                            'has-text-weight-bold': Number(month.Month) === 13,\n                          }\"\n                        >\n                          <span v-if=\"!valueIsCurrency\">{{ year.Value }}</span>\n                          <span v-if=\"valueIsCurrency\">{{\n                            year.Value | toCurrency\n                          }}</span>\n\n                          <span\n                            :class=\"{\n                              'has-text-success': year.Percentage > 0,\n                              'has-text-danger': year.Percentage < 0,\n                            }\"\n                          >\n                            <span\n                              class=\"has-tooltip-arrow\"\n                              :data-tooltip=\"year.Percentage + '%'\"\n                            >\n                              <span\n                                v-if=\"\n                                  year.Percentage > 0 &&\n                                  Number(month.Month) < 13\n                                \"\n                                class=\"icon\"\n                              >\n                                <font-awesome-icon\n                                  :icon=\"['fas', 'arrow-up']\"\n                                />\n                              </span>\n\n                              <span\n                                v-if=\"\n                                  year.Percentage < 0 &&\n                                  Number(month.Month) < 13\n                                \"\n                                class=\"icon\"\n                              >\n                                <font-awesome-icon\n                                  :icon=\"['fas', 'arrow-down']\"\n                                />\n                              </span>\n                            </span>\n                          </span>\n                        </span>\n                      </div>\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\nimport stats from '@/providers/stats'\n\nexport default {\n  props: {\n    channelId: {\n      default: 0,\n      type: Number,\n    },\n\n    locationId: {\n      default: 0,\n      type: Number,\n    },\n\n    showChannelSelector: {\n      type: Boolean,\n      default: false,\n    },\n\n    showTypeSelector: {\n      type: Boolean,\n      default: true,\n    },\n\n    hideMonthRows: {\n      type: Boolean,\n      default: false,\n    },\n\n    type: {\n      default: -1,\n      type: Number,\n    },\n  },\n\n  data() {\n    return {\n      data: [],\n      isLoading: false,\n      mType: this.type,\n      title: '',\n      valueIsCurrency: false,\n      selectedChannelId: 0,\n    }\n  },\n\n  computed: {\n    ...mapState('locationStore', ['locationState']),\n\n    channels() {\n      let channels = []\n\n      if (this.locationState && this.locationState.Channels && this.locationState.Channels.length > 0) {\n        channels.push({\n          id: 0,\n          text: this.$t('Components.Reservation.ReservationList.Label_AllChannels')\n        })\n\n        for (let i = 0; i < this.locationState.Channels.length; i++) {\n          let channel = this.locationState.Channels[i]\n          channels.push({\n            id: channel.ChannelId,\n            text: channel.ChannelName\n          })\n        }\n      }\n\n      return channels\n    },\n\n    years() {\n      let years = []\n\n      if (typeof this.data !== 'undefined' && this.data.length > 0) {\n        years = this.data[0].Years\n      }\n\n      return years\n    },\n  },\n\n  created() {\n    this.selectedChannelId = this.channelId;\n    this.getData();\n  },\n\n  methods: {\n    getData() {\n      let self = this\n      self.data = []\n      self.title = ''\n\n      if (self.mType > -1) {\n        self.isLoading = true\n      }\n\n      switch (self.mType) {\n        case 0: // MEETINGSPACE RESERVATIONS\n          self.title = this.$t(\n            'Components.Dashboards.StatsMonthYear.Card_TitleMeetingspaceNrReservations'\n          )\n          self.valueIsCurrency = false\n          stats.methods\n            .getReservationsPerYearPerMonth(1, this.selectedChannelId, this.locationId)\n            .then((data) => {\n              self.data = data\n            })\n            .finally(() => {\n              self.isLoading = false\n            })\n\n          break\n        case 1: // WORKSPACE RESERVATIONS\n          self.title = this.$t(\n            'Components.Dashboards.StatsMonthYear.Card_TitleWorkspaceNrReservations'\n          )\n          self.valueIsCurrency = false\n          stats.methods\n            .getReservationsPerYearPerMonth(2, this.selectedChannelId, this.locationId)\n            .then((data) => {\n              self.data = data\n            })\n            .finally(() => {\n              self.isLoading = false\n            })\n\n          break\n        case 2: // FEE INVOICES\n          self.title = this.$t(\n            'Components.Dashboards.StatsMonthYear.Card_TitleFeeInvoicesRevenue'\n          )\n          self.valueIsCurrency = true\n          self.nrOfDecimals = 2\n          self.prefix = '&euro;'\n\n          stats.methods\n            .getFeeInvoiceTotalPerYearPerMonth(this.locationId)\n            .then((data) => {\n              this.data = data\n            })\n            .finally(() => {\n              self.isLoading = false\n            })\n\n          break\n        case 3: // MEETINGSPACE SEARCH QUERIES\n          this.title = this.$t(\n            'Components.Dashboards.StatsMonthYear.Card_TitleMeetingspaceSearchQuerries'\n          )\n          self.valueIsCurrency = false\n          stats.methods\n            .getSearchQueriesPerYearPerMonth(1, this.selectedChannelId, this.locationId)\n            .then((data) => {\n              this.data = data\n            })\n            .finally(() => {\n              self.isLoading = false\n            })\n\n          break\n        case 4: // WORKSPACE SEARCH QUERIES\n          self.title = this.$t(\n            'Components.Dashboards.StatsMonthYear.Card_TitleWorkspaceSearchQueries'\n          )\n          self.valueIsCurrency = false\n          stats.methods\n            .getSearchQueriesPerYearPerMonth(2, this.selectedChannelId, this.locationId)\n            .then((data) => {\n              self.data = data\n            })\n            .finally(() => {\n              self.isLoading = false\n            })\n\n          break\n        case 5: // MEETINGSPACE REVENUE QUERIES\n          self.title = this.$t(\n            'Components.Dashboards.StatsMonthYear.Card_TitleMeetingspaceRevenue'\n          )\n          self.valueIsCurrency = true\n          stats.methods\n            .getRevenuePerYearPerMonth(1, this.selectedChannelId, this.locationId)\n            .then((data) => {\n              self.data = data\n            })\n            .finally(() => {\n              self.isLoading = false\n            })\n\n          break\n        case 6: // WORKSPACE REVENUE QUERIES\n          self.title = this.$t(\n            'Components.Dashboards.StatsMonthYear.Card_TitleWorkspaceRevenue'\n          )\n          self.valueIsCurrency = true\n          stats.methods\n            .getRevenuePerYearPerMonth(2, this.selectedChannelId, this.locationId)\n            .then((data) => {\n              self.data = data\n            })\n\n          break\n        case 7: // MEETINGSPACE SEATS QUERIES\n          self.title = this.$t(\n            'Components.Dashboards.StatsMonthYear.Card_TitleMeetingspaceNrOfSeats'\n          )\n          self.valueIsCurrency = false\n          stats.methods\n            .getSeatsPerYearPerMonth(1, this.selectedChannelId, this.locationId)\n            .then((data) => {\n              self.data = data\n            })\n            .finally(() => {\n              self.isLoading = false\n            })\n\n          break\n        case 8: // WORKSPACE SEATS QUERIES\n          self.title = this.$t(\n            'Components.Dashboards.StatsMonthYear.Card_TitleWorkspaceNrOfSeats'\n          )\n          self.valueIsCurrency = false\n          stats.methods\n            .getSeatsPerYearPerMonth(2, this.selectedChannelId, this.locationId)\n            .then((data) => {\n              self.data = data\n            })\n            .finally(() => {\n              self.isLoading = false\n            })\n\n          break\n      }\n    },\n  },\n}\n</script>\n\n<style scoped>\n.glowing-pulse {\n  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);\n  transform: scale(1);\n  animation: glowing-pulse 2s infinite;\n}\n\n@keyframes glowing-pulse {\n  0% {\n    transform: scale(0.95);\n    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);\n  }\n\n  70% {\n    transform: scale(1);\n    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);\n  }\n\n  100% {\n    transform: scale(0.95);\n    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);\n  }\n}\n</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!./StatsMonthYear.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!./StatsMonthYear.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./StatsMonthYear.vue?vue&type=template&id=2cfeeade&scoped=true\"\nimport script from \"./StatsMonthYear.vue?vue&type=script&lang=js\"\nexport * from \"./StatsMonthYear.vue?vue&type=script&lang=js\"\nimport style0 from \"./StatsMonthYear.vue?vue&type=style&index=0&id=2cfeeade&prod&scoped=true&lang=css\"\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  \"2cfeeade\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StatsMonthYear.vue?vue&type=style&index=0&id=2cfeeade&prod&scoped=true&lang=css\""],"sourceRoot":""}