{"version":3,"sources":["webpack:///./src/views/Reports/Cumulative.vue?4046","webpack:///src/views/Reports/Cumulative.vue","webpack:///./src/views/Reports/Cumulative.vue?68cb","webpack:///./src/views/Reports/Cumulative.vue?c1b4","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js","webpack:///./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js","webpack:///./src/views/Reports/Cumulative.vue?6bb1","webpack:///./src/components/helpers/SubmitButton.vue?848f","webpack:///./node_modules/core-js/modules/es6.regexp.replace.js","webpack:///./src/components/helpers/SubmitButton.vue?46fe","webpack:///src/components/helpers/SubmitButton.vue","webpack:///./src/components/helpers/SubmitButton.vue?0a57","webpack:///./src/components/helpers/SubmitButton.vue?7c17"],"names":["render","_vm","this","_h","$createElement","_c","_self","key","keyD","staticClass","salons","length","_v","_s","$t","_e","loaded","attrs","count","model","value","callback","$$v","selectedSalons","expression","loadedTable","class","active","selectedPredef","on","$event","startDate","dates","today","endDate","yesterday","week","month","fromBlocker","gateKeeper","loadData","printCharts","downloadCSV","state","changeChart","keyDate","predefinedChartData","chartData","chartHeight","style","lineData","lineChartHeight","lineStyle","tableFilter","newTable","translatable","_l","chart","index","printStyle","staticRenderFns","name","components","SubmitButton","CountsTable","ChartSwitcher","VueMultiselect","Preloader","BarChart","LineChart","JsonCSV","data","maxChartValue","barChartTitle","lineChartTitle","chartCount","printing","printChartData","tableCSVData","CSVOrder","currentDay","total","barData","linData","delimiter","$store","getters","barTitle","barTrans","labels","blockedDate","setHours","date","computed","language","$i18n","locale","title","display","text","height","maintainAspectRatio","scales","xAxes","scaleLabel","labelString","yAxes","groupID","selectedGroup","id","csvBarData","hypothetical","selectedSalonsString","forEach","list","layout","padding","left","right","top","bottom","styleObject","cssConfig","period","counters","datasets","watch","methods","generatePrintedCharts","n","pages","undefined","dto","push","switchLoadState","Object","keys","argMax","array","map","createCSV","response","rows","countsData","translateObject","attachTable","rowIndex","split","shop","replace","csvdata","getImgUrl","component","_arrayLikeToArray","arr","len","i","arr2","Array","_arrayWithoutHoles","isArray","_iterableToArray","iter","Symbol","iterator","from","_unsupportedIterableToArray","o","minLen","prototype","toString","call","slice","constructor","test","_nonIterableSpread","TypeError","_toConsumableArray","anObject","toObject","toLength","toInteger","advanceStringIndex","regExpExec","max","Math","min","floor","SUBSTITUTION_SYMBOLS","SUBSTITUTION_SYMBOLS_NO_NAMED","maybeToString","it","String","defined","REPLACE","$replace","maybeCallNative","searchValue","replaceValue","O","fn","regexp","res","done","rx","S","functionalReplace","global","fullUnicode","unicode","lastIndex","results","result","matchStr","accumulatedResult","nextSourcePosition","matched","position","captures","j","namedCaptures","groups","replacerArgs","concat","replacement","apply","getSubstitution","str","tailPos","m","symbols","match","ch","capture","charAt","f","saveChanges","buttonTextC","props","buttonText","type","required","default","$emit","mounted","submitButton"],"mappings":"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","file":"js/chunk-62909254.80d7ca44.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{key:_vm.keyD,staticClass:\"raptors-group\"},[(_vm.salons.length > 0)?_c('h2',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('reports.cummulative.title')))]):_vm._e(),(_vm.salons.length > 0 && _vm.loaded)?_c('div',{staticClass:\"select-container\"},[_c('VueMultiselect',{attrs:{\"close-on-select\":true,\"deselectLabel\":_vm.$t('multiselect.deselectLabel'),\"multiple\":true,\"options\":_vm.salons,\"placeholder\":_vm.$t('multiselect.placeholder'),\"selectLabel\":_vm.$t('multiselect.selectLabel'),\"selectedLabel\":_vm.$t('multiselect.selectedLabel'),\"label\":\"name\",\"track-by\":\"id\",\"limit\":15,\"limit-text\":function (count) { return (\"+ \" + count); }},model:{value:(_vm.selectedSalons),callback:function ($$v) {_vm.selectedSalons=$$v},expression:\"selectedSalons\"}})],1):_vm._e(),(_vm.salons.length > 0)?_c('div',{staticClass:\"charts-container container\"},[_c('div',{staticClass:\"top\"},[_c('h4',[_vm._v(_vm._s(_vm.$t('general.entriesCount')))])]),(_vm.loaded && _vm.loadedTable)?_c('div',{staticClass:\"controls\"},[_c('div',{staticClass:\"date-control\"},[_c('button',{class:{active: _vm.selectedPredef === 'counters'},on:{\"click\":function($event){_vm.selectedPredef = 'counters'\n                            _vm.startDate = _vm.dates.today.startDate\n_vm.endDate = _vm.dates.today.endDate;}}},[_vm._v(\"\\n                        \"+_vm._s(_vm.$t('general.today'))+\"\\n                    \")]),_vm._v(\"\\n                    |\\n                    \"),_c('button',{class:{active: _vm.selectedPredef === 'countersYesterday'},on:{\"click\":function($event){_vm.selectedPredef = 'countersYesterday'\n                            _vm.startDate = _vm.dates.yesterday.startDate\n_vm.endDate = _vm.dates.yesterday.endDate;}}},[_vm._v(_vm._s(_vm.$t('general.yesterday'))+\"\\n                    \")]),_vm._v(\"\\n                    |\\n                    \"),_c('button',{class:{active: _vm.selectedPredef === 'countersWeek'},on:{\"click\":function($event){_vm.selectedPredef = 'countersWeek'\n                            _vm.startDate = _vm.dates.week.startDate\n_vm.endDate = _vm.dates.week.endDate;}}},[_vm._v(_vm._s(_vm.$t('general.week'))+\"\\n                    \")]),_vm._v(\"\\n                    |\\n                    \"),_c('button',{class:{active: _vm.selectedPredef === 'countersMonth'},on:{\"click\":function($event){_vm.selectedPredef = 'countersMonth'\n                            _vm.startDate = _vm.dates.month.startDate\n_vm.endDate = _vm.dates.month.endDate;}}},[_vm._v(_vm._s(_vm.$t('general.month'))+\"\\n                    \")]),_vm._v(\"\\n                    |\\n                    \"),_c('div',{staticClass:\"picker-container\"},[_c('span',{staticClass:\"active\"},[_vm._v(_vm._s(_vm.$t('general.from'))+\":\")]),_c('md-datepicker',{attrs:{\"md-disabled-dates\":_vm.fromBlocker,\"md-immediately\":\"\"},on:{\"md-closed\":function($event){_vm.selectedPredef='period'}},model:{value:(_vm.startDate),callback:function ($$v) {_vm.startDate=$$v},expression:\"startDate\"}})],1),_c('div',{staticClass:\"picker-container\"},[_c('span',{staticClass:\"active\"},[_vm._v(_vm._s(_vm.$t('general.to'))+\":\")]),_c('md-datepicker',{attrs:{\"md-disabled-dates\":_vm.gateKeeper,\"md-immediately\":\"\"},on:{\"md-closed\":function($event){_vm.selectedPredef='period'}},model:{value:(_vm.endDate),callback:function ($$v) {_vm.endDate=$$v},expression:\"endDate\"}})],1)]),_c('button',{staticClass:\"save\",on:{\"click\":_vm.loadData}},[_vm._v(_vm._s(_vm.$t('buttons.refresh')))]),(_vm.loaded && _vm.loadedTable)?_c('div',{staticClass:\"link print\",attrs:{\"title\":_vm.$t('general.printPDF')},on:{\"click\":_vm.printCharts}},[_c('img',{attrs:{\"src\":require(\"../../assets/images/print.svg\")}}),_c('span',[_vm._v(_vm._s(_vm.$t('general.printPDF')))])]):_vm._e(),(_vm.loaded && _vm.loadedTable)?_c('button',{staticClass:\"link download\",attrs:{\"title\":_vm.$t('general.downloadCSV')},on:{\"click\":_vm.downloadCSV}},[_c('img',{attrs:{\"src\":require(\"../../assets/images/download.svg\")}}),_c('span',[_vm._v(_vm._s(_vm.$t('general.downloadCSV')))])]):_vm._e(),_c('ChartSwitcher',{attrs:{\"currentState\":_vm.state},on:{\"changeChart\":_vm.changeChart}})],1):_vm._e(),(_vm.loaded)?_c('div',{key:_vm.keyDate,staticClass:\"charts\"},[(_vm.state===0 && _vm.predefinedChartData && _vm.loaded)?_c('bar-chart',{attrs:{\"chart-data\":_vm.chartData,\"height\":_vm.chartHeight,\"options\":_vm.style}}):_vm._e(),(_vm.state===1 && _vm.loaded)?_c('line-chart',{attrs:{\"chart-data\":_vm.lineData,\"height\":_vm.lineChartHeight,\"options\":_vm.lineStyle}}):_vm._e()],1):_vm._e(),(!_vm.loaded)?_c('Preloader'):_vm._e()],1):_vm._e(),(_vm.salons.length > 0)?_c('div',{staticClass:\"table-container\"},[(_vm.loadedTable)?_c('div',{staticClass:\"top\"},[_c('button',{class:{active: _vm.tableFilter === 'daysHoursPeriod'},on:{\"click\":function($event){_vm.tableFilter = 'daysHoursPeriod'}}},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t('general.daysHoursPeriod'))+\"\\n                \")]),_vm._v(\"\\n                |\\n                \"),_c('button',{class:{active: _vm.tableFilter === 'weeksDaysPeriod'},on:{\"click\":function($event){_vm.tableFilter= 'weeksDaysPeriod'}}},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t('general.weeksDaysPeriod'))+\"\\n                \")]),_vm._v(\"\\n                |\\n                \"),_c('button',{class:{active: _vm.tableFilter === 'monthsDaysPeriod'},on:{\"click\":function($event){_vm.tableFilter = 'monthsDaysPeriod'}}},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t('general.monthsDaysPeriod'))+\"\\n                \")])]):_vm._e(),(_vm.loadedTable)?_c('CountsTable',{attrs:{\"data\":_vm.newTable,\"translatable\":_vm.translatable}}):_vm._e(),(!_vm.loadedTable)?_c('Preloader'):_vm._e()],1):_c('div',[_c('h2',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('messages.noSalons')))])]),_vm._l((_vm.printChartData),function(chart,index){return (_vm.printing)?_c('div',{staticClass:\"printable-charts\",class:\"printable-chart\",attrs:{\"id\":(\"printable-chart-\" + index)}},[_c('bar-chart',{attrs:{\"chart-data\":chart,\"height\":600,\"options\":_vm.printStyle}})],1):_vm._e()}),(_vm.printing)?_c('Preloader',{staticClass:\"printing\"}):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div :key=\"keyD\" class=\"raptors-group\">\r\n        <h2 class=\"title\" v-if=\"salons.length > 0\">{{$t('reports.cummulative.title')}}</h2>\r\n        <div class=\"select-container\" v-if=\"salons.length > 0 && loaded\">\r\n            <!--            <h4>Salony</h4>-->\r\n            <VueMultiselect :close-on-select=\"true\"\r\n                            :deselectLabel=\"$t('multiselect.deselectLabel')\"\r\n                            :multiple=\"true\"\r\n                            :options=\"salons\"\r\n                            :placeholder=\"$t('multiselect.placeholder')\"\r\n                            :selectLabel=\"$t('multiselect.selectLabel')\"\r\n                            :selectedLabel=\"$t('multiselect.selectedLabel')\"\r\n                            label=\"name\"\r\n                            track-by=\"id\"\r\n                            v-model=\"selectedSalons\"\r\n                            :limit=\"15\"\r\n                            :limit-text=\" count => `+ ${count}`\"\r\n            >\r\n            </VueMultiselect>\r\n        </div>\r\n        <div class=\"charts-container container\" v-if=\"salons.length > 0\">\r\n            <div class=\"top\">\r\n                <h4>{{$t('general.entriesCount')}}</h4>\r\n            </div>\r\n            <div class=\"controls\" v-if=\"loaded && loadedTable\">\r\n                <div class=\"date-control\">\r\n                    <button :class=\"{active: selectedPredef === 'counters'}\" @click=\"selectedPredef = 'counters'\r\n                            startDate = dates.today.startDate\r\nendDate = dates.today.endDate;\r\n\">\r\n                        {{$t('general.today')}}\r\n                    </button>\r\n                    |\r\n                    <button :class=\"{active: selectedPredef === 'countersYesterday'}\"\r\n                            @click=\"selectedPredef = 'countersYesterday'\r\n                            startDate = dates.yesterday.startDate\r\nendDate = dates.yesterday.endDate;\r\n\">{{$t('general.yesterday')}}\r\n                    </button>\r\n                    |\r\n                    <button :class=\"{active: selectedPredef === 'countersWeek'}\"\r\n                            @click=\"selectedPredef = 'countersWeek'\r\n                            startDate = dates.week.startDate\r\nendDate = dates.week.endDate;\r\n\r\n\">{{$t('general.week')}}\r\n                    </button>\r\n                    |\r\n                    <button :class=\"{active: selectedPredef === 'countersMonth'}\"\r\n                            @click=\"selectedPredef = 'countersMonth'\r\n                            startDate = dates.month.startDate\r\nendDate = dates.month.endDate;\r\n\">{{$t('general.month')}}\r\n                    </button>\r\n                    |\r\n                    <div class=\"picker-container\">\r\n                        <span class=\"active\">{{$t('general.from')}}:</span>\r\n                        <md-datepicker :md-disabled-dates=\"fromBlocker\" @md-closed=\"selectedPredef='period'\"\r\n                                       md-immediately\r\n                                       v-model=\"startDate\">\r\n                        </md-datepicker>\r\n                    </div>\r\n\r\n                    <div class=\"picker-container\">\r\n                        <span class=\"active\">{{$t('general.to')}}:</span>\r\n                        <md-datepicker :md-disabled-dates=\"gateKeeper\" @md-closed=\"selectedPredef='period'\"\r\n                                       md-immediately v-model=\"endDate\"></md-datepicker>\r\n                    </div>\r\n                </div>\r\n                <button @click=\"loadData\" class=\"save\">{{$t('buttons.refresh')}}</button>\r\n                <div :title=\"$t('general.printPDF')\" @click=\"printCharts\" class=\"link print\"\r\n                     v-if=\"loaded && loadedTable\">\r\n                    <img src=\"../../assets/images/print.svg\">\r\n                    <span>{{$t('general.printPDF')}}</span>\r\n                </div>\r\n\r\n                <button :title=\"$t('general.downloadCSV')\" @click=\"downloadCSV\" class=\"link download\"\r\n                        v-if=\"loaded && loadedTable\"><img\r\n                        src=\"../../assets/images/download.svg\"><span>{{$t('general.downloadCSV')}}</span>\r\n                </button>\r\n                <ChartSwitcher :currentState=\"state\" @changeChart=\"changeChart\"></ChartSwitcher>\r\n\r\n            </div>\r\n            <div :key=\"keyDate\" class=\"charts\" v-if=\"loaded\">\r\n                <bar-chart :chart-data=\"chartData\"\r\n                           :height=\"chartHeight\" :options=\"style\"\r\n                           v-if=\"state===0 && predefinedChartData && loaded\"></bar-chart>\r\n                <line-chart :chart-data=\"lineData\" :height=\"lineChartHeight\" :options=\"lineStyle\"\r\n                            v-if=\"state===1 && loaded\"\r\n                ></line-chart>\r\n            </div>\r\n            <Preloader v-if=\"!loaded\"></Preloader>\r\n        </div>\r\n\r\n        <!--<pre class=\"language-json\"><code>{{ value  }}</code></pre>-->\r\n        <div class=\"table-container\" v-if=\"salons.length > 0\">\r\n            <div class=\"top\" v-if=\"loadedTable\">\r\n                <button\r\n                        :class=\"{active: tableFilter === 'daysHoursPeriod'}\"\r\n                        @click=\"tableFilter = 'daysHoursPeriod'\"\r\n                >\r\n                    {{$t('general.daysHoursPeriod')}}\r\n                </button>\r\n                |\r\n                <button\r\n                        :class=\"{active: tableFilter === 'weeksDaysPeriod'}\"\r\n                        @click=\"tableFilter= 'weeksDaysPeriod'\"\r\n                >\r\n                    {{$t('general.weeksDaysPeriod')}}\r\n                </button>\r\n                |\r\n                <button\r\n                        :class=\"{active: tableFilter === 'monthsDaysPeriod'}\"\r\n                        @click=\"tableFilter = 'monthsDaysPeriod'\"\r\n                >\r\n                    {{$t('general.monthsDaysPeriod')}}\r\n                </button>\r\n            </div>\r\n            <CountsTable :data=\"newTable\" :translatable=\"translatable\"\r\n                         v-if=\"loadedTable\"></CountsTable>\r\n            <Preloader v-if=\"!loadedTable\"></Preloader>\r\n        </div>\r\n        <div v-else>\r\n            <h2 class=\"title\">{{$t('messages.noSalons')}}</h2>\r\n        </div>\r\n        <div :class=\"`printable-chart`\" :id=\"`printable-chart-${index}`\" class=\"printable-charts\"\r\n             v-for=\"(chart,index) in printChartData\"\r\n             v-if=\"printing\">\r\n            <bar-chart :chart-data=\"chart\" :height=\"600\" :options=\"printStyle\"></bar-chart>\r\n        </div>\r\n        <Preloader class=\"printing\" v-if=\"printing\"></Preloader>\r\n    </div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport VueMultiselect from 'vue-multiselect/src/Multiselect';\r\nimport JsonCSV from 'vue-json-csv';\r\nimport jsPDF from 'jspdf';\r\nimport LineChart from '@/components/charts/LineChart.js';\r\nimport BarChart from '@/components/charts/BarChart.js';\r\nimport { RepositoryFactory } from '@/api/RepositoryFactory';\r\nimport Preloader from '@/components/helpers/Preloader';\r\nimport ChartSwitcher from '@/components/helpers/ChartSwitcher';\r\nimport CountsTable from '@/components/helpers/CountsTable';\r\nimport 'vue-material/dist/vue-material.min.css';\r\nimport 'jspdf-autotable';\r\nimport XLSX from 'xlsx';\r\nimport SubmitButton from '@/components/helpers/SubmitButton';\r\n\r\nconst DataRepository = RepositoryFactory.get('data');\r\nconst SalonsRepository = RepositoryFactory.get('salons');\r\n\r\nexport default {\r\n  name: 'Cumulative',\r\n  components: {\r\n    SubmitButton,\r\n    CountsTable,\r\n    ChartSwitcher,\r\n    VueMultiselect,\r\n    Preloader,\r\n    BarChart,\r\n    LineChart,\r\n    JsonCSV,\r\n  },\r\n  data() {\r\n    return {\r\n      maxChartValue: 200,\r\n      salons: [],\r\n      barChartTitle: '',\r\n      lineChartTitle: '',\r\n      chartCount: 1,\r\n      printing: false,\r\n      printChartData: [],\r\n      tableCSVData: [],\r\n      CSVOrder: [],\r\n      keyD: 0,\r\n      value: [],\r\n      loadedTable: false,\r\n      state: 0,\r\n      tableFilter: 'daysHoursPeriod',\r\n      // options: [],\r\n      startDate: '',\r\n      endDate: '',\r\n      selectedSalons: [],\r\n      // salons: [],\r\n      loaded: false,\r\n      today: '',\r\n      currentDay: '',\r\n      total: 0,\r\n      barData: {},\r\n      linData: [],\r\n      newTable: {},\r\n      selectedPredef: 'counters',\r\n      translatable: false,\r\n      predefinedChartData: [],\r\n      delimiter: this.$store.getters.delimiter,\r\n      barTitle: '',\r\n      barTrans: '',\r\n      lineData: {\r\n        labels: ['loading'],\r\n        data: [0],\r\n      },\r\n      dates: {\r\n        today: {\r\n          startDate: '',\r\n          endDate: '',\r\n        },\r\n        yesterday: {\r\n          startDate: '',\r\n          endDate: '',\r\n        },\r\n        week: {\r\n          startDate: '',\r\n          endDate: '',\r\n        },\r\n        month: {\r\n          startDate: '',\r\n          endDate: '',\r\n        },\r\n      },\r\n      keyDate: 0,\r\n      gateKeeper: (date) => {\r\n        const blockedDate = new Date(this.startDate);\r\n        blockedDate.setHours(0, 0, 0);\r\n        const today = new Date().setHours(0, 0, 0);\r\n        if (date < blockedDate || date > today) {\r\n          return true;\r\n        }\r\n\r\n        return false;\r\n      },\r\n      fromBlocker: (date) => {\r\n        const today = new Date();\r\n        if (date > today) {\r\n          return true;\r\n        }\r\n        return false;\r\n      },\r\n    };\r\n  },\r\n  computed: {\r\n    language() {\r\n      return this.$i18n.locale;\r\n    },\r\n    lineStyle() {\r\n      return {\r\n        title: {\r\n          display: true,\r\n          text: this.lineChartTitle,\r\n        },\r\n        height: 320,\r\n        maintainAspectRatio: false,\r\n        scales: {\r\n          xAxes: [{\r\n            display: true,\r\n            scaleLabel: {\r\n              display: true,\r\n              labelString: this.$t('general.hour'),\r\n            },\r\n          }],\r\n          yAxes: [{\r\n            display: true,\r\n            scaleLabel: {\r\n              display: true,\r\n              labelString: this.$t('general.counts'),\r\n            },\r\n          }],\r\n        },\r\n      };\r\n    },\r\n    groupID() {\r\n      return this.$store.getters.selectedGroup.id;\r\n    },\r\n    csvBarData() {\r\n      if (this.loaded) {\r\n        return this.barData[this.selectedPredef];\r\n      }\r\n      return [];\r\n    },\r\n    chartHeight() {\r\n      if (this.loaded) {\r\n        const hypothetical = this.chartData.labels.length * 75;\r\n        if (hypothetical > 320) {\r\n          return hypothetical;\r\n        }\r\n      }\r\n      return 320;\r\n    },\r\n    lineChartHeight() {\r\n      const hypothetical = this.chartHeight / 8;\r\n      if (hypothetical > 320) {\r\n        return hypothetical;\r\n      }\r\n      return 320;\r\n    },\r\n    selectedSalonsString() {\r\n      let list = '';\r\n      this.selectedSalons.forEach((v) => {\r\n        list += `${v.id},`;\r\n      });\r\n      return list;\r\n    },\r\n    style() {\r\n      return {\r\n        maintainAspectRatio: false,\r\n        title: {\r\n          display: true,\r\n          text: this.barChartTitle,\r\n        },\r\n        layout: {\r\n          padding: {\r\n            left: 50,\r\n            right: 50,\r\n            top: 50,\r\n            bottom: 50,\r\n          },\r\n        },\r\n        scales:\r\n          {\r\n            xAxes: [{\r\n              minBarLength: 2,\r\n              gridLines: {\r\n                offsetGridLines: true,\r\n              },\r\n              ticks: {\r\n                beginAtZero: true,\r\n                min: 0,\r\n              },\r\n            }],\r\n            yAxes:\r\n              [{\r\n                yAxes: [{\r\n                  barPercentage: 0.95,\r\n                  categoryPercentage: 1.0,\r\n                  ticks: {\r\n                    beginAtZero: true,\r\n                    min: 0,\r\n                  },\r\n                },\r\n                ],\r\n              }],\r\n          },\r\n      };\r\n    },\r\n    printStyle() {\r\n      return {\r\n        maintainAspectRatio: false,\r\n        title: {\r\n          display: true,\r\n          text: this.barChartTitle,\r\n        },\r\n        layout: {\r\n          padding: {\r\n            left: 50,\r\n            right: 50,\r\n            top: 50,\r\n            bottom: 50,\r\n          },\r\n        },\r\n        scales:\r\n          {\r\n            xAxes: [{\r\n              minBarLength: 2,\r\n              gridLines: {\r\n                offsetGridLines: true,\r\n              },\r\n              ticks: {\r\n                beginAtZero: true,\r\n                min: 0,\r\n                max: Math.ceil(this.maxChartValue / 100) * 100,\r\n              },\r\n            }],\r\n            yAxes:\r\n              [{\r\n                yAxes: [{\r\n                  barPercentage: 0.95,\r\n                  categoryPercentage: 1.0,\r\n                  ticks: {\r\n                    beginAtZero: true,\r\n                    min: 0,\r\n                  },\r\n                },\r\n                ],\r\n              }],\r\n          },\r\n      };\r\n    },\r\n    styleObject() {\r\n      return this.$store.getters.cssConfig;\r\n    },\r\n    chartData() {\r\n      if (this.loaded) {\r\n        return this.predefinedChartData.period;\r\n      }\r\n      return {\r\n        counters: {\r\n          datasets: [],\r\n          labels: ['loading'],\r\n        },\r\n      };\r\n    },\r\n  },\r\n  watch: {\r\n    async groupID(newV) {\r\n      this.salons = await SalonsRepository.getShopsGroup(this.$store.getters.token, newV);\r\n      this.selectedSalons = this.salons;\r\n      if (this.salons.length > 0) {\r\n        await this.loadData();\r\n      }\r\n    },\r\n    language() {\r\n      if (this.loaded) {\r\n        this.barTrans = this.$t('general.reportsTitles.titles.bar.1');\r\n      }\r\n    },\r\n  },\r\n\r\n  async mounted() {\r\n    this.barTrans = this.$t('general.reportsTitles.titles.bar.1');\r\n    this.$store.commit('set_api_call', true);\r\n    const salons = await SalonsRepository.getShopsGroup(this.$store.getters.token, this.$store.getters.selectedGroup.id);\r\n    await this.$store.dispatch('setSalons', salons);\r\n    this.salons = salons;\r\n    this.selectedSalons = salons;\r\n    this.$material.locale = {\r\n      startYear: 1900,\r\n      endYear: 2099,\r\n      dateFormat: 'yyyy-MM-dd',\r\n      firstDayOfAWeek: 0,\r\n      days: this.$t('datepicker.days'),\r\n      shortDays: this.$t('datepicker.shortDays'),\r\n      shorterDays: this.$t('datepicker.shorterDays'),\r\n      months: this.$t('datepicker.months'),\r\n      shortMonths: this.$t('datepicker.shortMonths'),\r\n      shorterMonths: this.$t('datepicker.shorterMonths'),\r\n    };\r\n    const today = new Date();\r\n    const dd = String(today.getDate()).padStart(2, '0');\r\n    const mm = String(today.getMonth() + 1).padStart(2, '0');\r\n    const yyyy = today.getFullYear();\r\n    const nextWeek = new Date(today.getFullYear(), today.getMonth(), today.getDate() + -7);\r\n    const prevMonth = new Date(today.getFullYear(), today.getMonth() - 1, today.getDate());\r\n    const yesterday = new Date(today.getFullYear(), today.getMonth(), today.getDate() + -1);\r\n    let list = '';\r\n    this.selectedSalons.forEach((v) => {\r\n      list += `${v.id},`;\r\n    });\r\n\r\n    this.today = `${yyyy}-${mm}-${dd}`;\r\n    this.dates.today.startDate = this.today;\r\n    this.dates.today.endDate = this.today;\r\n    this.dates.month.endDate = this.today;\r\n    this.dates.week.endDate = this.today;\r\n    this.dates.week.startDate = `${nextWeek.getFullYear()}-${String(nextWeek.getMonth() + 1)\r\n      .padStart(2, '0')}-${String(nextWeek.getDate())\r\n      .padStart(2, '0')}`;\r\n    /*   this.dates.month.startDate = `${prevMonth.getFullYear()}-${String(prevMonth.getMonth() + 1)\r\n                 .padStart(2, '0')}-${String(prevMonth.getDate())\r\n                 .padStart(2, '0')}`; */\r\n    this.dates.month.startDate = `${yyyy}-${mm}-01`;\r\n    this.dates.yesterday.startDate = `${yesterday.getFullYear()}-${String(yesterday.getMonth() + 1)\r\n      .padStart(2, '0')}-${String(yesterday.getDate())\r\n      .padStart(2, '0')}`;\r\n    this.dates.yesterday.endDate = this.dates.yesterday.startDate;\r\n\r\n    this.currentDay = `${yyyy}/${mm}/${dd}`;\r\n    this.startDate = this.dates.today.startDate;\r\n    this.endDate = this.dates.today.endDate;\r\n    if (list.length > 0) {\r\n      await this.getTable(list, this.startDate, this.endDate, 'daysHoursPeriod');\r\n      await this.getLineData(list, this.startDate, this.endDate);\r\n      await this.getPeriodData(list, this.startDate, this.endDate);\r\n    }\r\n    this.barTitle = `${this.$t('general.reportsTitles.titles.bar.1') + this.startDate} - ${this.endDate}`;\r\n    this.$store.commit('set_api_call', false);\r\n    // this.switchLoadState();\r\n    this.barChartTitle = `${this.barTrans} ${this.startDate} - ${this.endDate}`;\r\n    this.lineChartTitle = `${this.$t('general.reportsTitles.titles.line.1') + this.startDate} - ${this.endDate}`;\r\n    this.loaded = true;\r\n    this.loadedTable = true;\r\n  },\r\n\r\n  methods: {\r\n    async loadData() {\r\n      this.switchLoadState();\r\n      this.$store.commit('set_api_call', true);\r\n      const stateBuffer = this.state;\r\n      await this.getPeriodData(this.selectedSalonsString, this.startDate, this.endDate);\r\n      await this.callTable(this.tableFilter);\r\n      await this.getLineData(this.selectedSalonsString, this.startDate, this.endDate);\r\n      this.state = stateBuffer;\r\n      this.barChartTitle = `${this.barTrans} ${this.startDate} - ${this.endDate}`;\r\n      this.lineChartTitle = `${this.$t('general.reportsTitles.titles.line.1') + this.startDate} - ${this.endDate}`;\r\n      this.$store.commit('set_api_call', false);\r\n      this.switchLoadState();\r\n    },\r\n    generatePrintedCharts() {\r\n      const elements = this.barData[this.selectedPredef];\r\n      const elementsCount = this.barData[this.selectedPredef].length;\r\n      const pages = Math.ceil(elementsCount / 15);\r\n      let n = 0;\r\n      for (n = 0; n < pages; n += 1) {\r\n        const dto = {\r\n          labels: [],\r\n          datasets: [\r\n            {\r\n              label: this.$t('general.entries'),\r\n              backgroundColor: `${this.styleObject.chartPrimaryColor}99`,\r\n              data: [],\r\n            }, {\r\n              label: this.$t('general.exits'),\r\n              backgroundColor: `${this.styleObject.chartSecondaryColor}78`,\r\n              data: [],\r\n            }, {\r\n              label: this.$t('general.unknowns'),\r\n              data: [],\r\n            },\r\n          ],\r\n        };\r\n        for (let i = 0; i < 15; i += 1) {\r\n          const index = (14 * n) + i;\r\n          const data = elements[index];\r\n          if (data !== undefined) {\r\n            dto.labels.push(data[this.$t('csvHeaders.name')]);\r\n            dto.datasets[0].data.push(data[this.$t('csvHeaders.entries')]);\r\n            dto.datasets[1].data.push(data[this.$t('csvHeaders.exits')]);\r\n            dto.datasets[2].data.push(data[this.$t('csvHeaders.unknowns')]);\r\n          }\r\n        }\r\n        this.printChartData.push(dto);\r\n      }\r\n      return pages;\r\n    },\r\n    switchLoadState() {\r\n      this.loaded = !this.loaded;\r\n      this.loadedTable = !this.loadedTable;\r\n    },\r\n    downloadCSV() {\r\n      if (this.loaded && this.loadedTable) {\r\n        const wb = XLSX.utils.book_new();\r\n        const tableSheet = XLSX.utils.json_to_sheet(this.tableCSVData, { header: this.CSVOrder });\r\n        XLSX.utils.book_append_sheet(wb, tableSheet, this.$t('general.tableData'));\r\n        if (this.state === 0) {\r\n          Object.keys(this.barData).forEach((v) => {\r\n            const sheet = XLSX.utils.json_to_sheet(this.barData[v]);\r\n            XLSX.utils.book_append_sheet(wb, sheet, this.$t(`general.reportLabels.${v}`));\r\n          });\r\n          XLSX.writeFile(wb, 'barChart.xlsx');\r\n        } else {\r\n          const sheet = XLSX.utils.json_to_sheet(this.linData);\r\n          XLSX.utils.book_append_sheet(wb, sheet, this.$t('general.reportLabels.period'));\r\n          XLSX.writeFile(wb, 'lineChart.xlsx');\r\n        }\r\n      }\r\n    },\r\n    async getLineData(selectedSalons, startDate, endDate) {\r\n      if (selectedSalons.length > 0) {\r\n        const colorArray = ['#f63', '#ffb399', '#f3f', '#ff9', '#00b3e6',\r\n          '#e6b333', '#3366e6', '#996', '#9f9', '#b34d4d',\r\n          '#80b300', '#809900', '#e6b3b3', '#6680b3', '#66991a',\r\n          '#ff99e6', '#ccff1a', '#ff1a66', '#e6331a', '#3fc',\r\n          '#66994d', '#b366cc', '#4d8000', '#b33300', '#cc80cc',\r\n          '#66664d', '#991aff', '#e666ff', '#4db3ff', '#1ab399',\r\n          '#e666b3', '#33991a', '#c99', '#b3b31a', '#00e680',\r\n          '#4d8066', '#809980', '#e6ff80', '#1aff33', '#993',\r\n          '#ff3380', '#cc0', '#66e64d', '#4d80cc', '#9900b3',\r\n          '#e64d66', '#4db380', '#ff4d4d', '#99e6e6', '#66f'];\r\n        const retrievedData = await DataRepository.getAnalysisData(this.$store.getters.token, selectedSalons, startDate, endDate);\r\n        const dataCollection = {\r\n          labels: [],\r\n          datasets: [],\r\n        };\r\n        Object.keys(retrievedData.rows[Object.keys(retrievedData.rows)[0]].countsData).forEach((val) => {\r\n          dataCollection.labels[val] = val;\r\n        });\r\n        let k = 0;\r\n        Object.keys(retrievedData.rows).forEach((val) => {\r\n          // eslint-disable-next-line eqeqeq\r\n          const currentSalon = this.selectedSalons.find(salon => salon.name === val);\r\n          if (currentSalon !== undefined) {\r\n            const dataset = {\r\n              label: currentSalon.name,\r\n              data: [],\r\n              borderColor: colorArray[k],\r\n            };\r\n            Object.keys(retrievedData.rows[val].countsData).forEach((value) => {\r\n              dataset.data[value] = retrievedData.rows[val].countsData[value];\r\n            });\r\n            dataCollection.datasets.push(dataset);\r\n            k += 1;\r\n            if (k > colorArray.length - 1) {\r\n              k = 0;\r\n            }\r\n            const flatData = {};\r\n            flatData[this.$t('csvHeaders.name')] = currentSalon.name;\r\n            dataset.data.forEach((w, key) => {\r\n              flatData[key] = w;\r\n            });\r\n            this.linData.push(flatData);\r\n          }\r\n        });\r\n        this.lineData = dataCollection;\r\n      }\r\n    },\r\n    async getPeriodData(selectedSalons, dateFrom, dateTo) {\r\n      // this.loaded = false;\r\n      const retrievedData = await DataRepository.getBarChartPeriod(this.$store.getters.token, selectedSalons, dateFrom, dateTo);\r\n      const dataCollection = {\r\n        labels: [],\r\n        datasets: [\r\n          {\r\n            label: this.$t('general.entries'),\r\n            backgroundColor: `${this.styleObject.chartPrimaryColor}99`,\r\n            data: [],\r\n          }, {\r\n            label: this.$t('general.exits'),\r\n            backgroundColor: `${this.styleObject.chartSecondaryColor}78`,\r\n            data: [],\r\n          }, {\r\n            label: this.$t('general.unknowns'),\r\n            data: [],\r\n          },\r\n        ],\r\n      };\r\n      const rawData = [];\r\n      const data = [];\r\n      const entries = [];\r\n      Object.keys(retrievedData.counters).forEach((val) => {\r\n        dataCollection.labels.push(val);\r\n        dataCollection.datasets[1].data.push(retrievedData.counters[val].outSum);\r\n        dataCollection.datasets[2].data.push(retrievedData.counters[val].unknownSum);\r\n        entries.push(retrievedData.counters[val].inSum);\r\n        rawData.push(retrievedData.counters[val].inSum);\r\n        rawData.push(retrievedData.counters[val].outSum);\r\n        rawData.push(retrievedData.counters[val].unknownSum);\r\n        data.push({\r\n          [this.$t('csvHeaders.name')]: val,\r\n          [this.$t('csvHeaders.entries')]: retrievedData.counters[val].inSum,\r\n          [this.$t('csvHeaders.exits')]: retrievedData.counters[val].outSum,\r\n          [this.$t('csvHeaders.unknowns')]: retrievedData.counters[val].unknownSum,\r\n        });\r\n      });\r\n      const color = entries.map(x => `${this.styleObject.chartPrimaryColor}99`);\r\n      color[this.argMax(entries)] = 'red';\r\n      dataCollection.datasets[0] = {\r\n        label: this.$t('general.entries'),\r\n        backgroundColor: color,\r\n        data: entries,\r\n      };\r\n      this.predefinedChartData.period = dataCollection;\r\n      this.barData.period = JSON.parse(JSON.stringify(data));\r\n      this.maxChartValue = rawData[this.argMax(rawData)];\r\n    },\r\n    async callTable(type) {\r\n      this.tableFilter = type;\r\n      if (type === 'monthsDaysPeriod') {\r\n        this.translatable = true;\r\n      } else {\r\n        this.translatable = false;\r\n      }\r\n      await this.getTable(this.selectedSalonsString, this.startDate, this.endDate, type);\r\n    },\r\n    argMax(array) {\r\n      return array.map((x, i) => [x, i]).reduce((r, a) => (a[0] > r[0] ? a : r))[1];\r\n    },\r\n    async getTable(shops, dateStart, dateEnd, type) {\r\n      // this.loadedTable = false;\r\n      this.newTable = await DataRepository.getTableData(this.$store.getters.token, shops, dateStart, dateEnd, type);\r\n      this.createCSV(this.newTable);\r\n      // this.loadedTable = true;\r\n    },\r\n    createCSV(response) {\r\n      const csvdata = [];\r\n      // console.log(response.rows);\r\n      let translateKey = '';\r\n      switch (this.tableFilter) {\r\n        case 'daysHoursPeriod':\r\n          translateKey = '';\r\n          break;\r\n        case 'monthsDaysPeriod':\r\n          translateKey = 'general.months.';\r\n          break;\r\n        default:\r\n          translateKey = '';\r\n          break;\r\n      }\r\n      Object.keys(response.rows).forEach((value, index) => {\r\n        let attachTable = [];\r\n        let rowIndex = '';\r\n        let shop = '';\r\n        if (this.tableFilter === 'weeksDaysPeriod') {\r\n          const translateObject = {};\r\n          Object.keys(response.rows[value].countsData).forEach((v) => {\r\n            translateObject[this.$t(`general.days.${v}`)] = response.rows[value].countsData[v];\r\n          });\r\n          attachTable = translateObject;\r\n          rowIndex = value.split(' ')[0];\r\n          shop = value.replace(value.split(' ')[0], '');\r\n        } else if (this.tableFilter === 'monthsDaysPeriod') {\r\n          const translatable = value.split(' ')[0];\r\n          rowIndex = `${this.$t(`general.months.${translatable}`)}`;\r\n          shop = value.replace(value.split(' ')[0], '');\r\n          attachTable = response.rows[value].countsData;\r\n        } else {\r\n          attachTable = response.rows[value].countsData;\r\n          rowIndex = value.split(' ')[0];\r\n          shop = value.replace(value.split(' ')[0], '');\r\n        }\r\n        const dto = {\r\n          [this.$t('csvHeaders.date')]: rowIndex,\r\n          [this.$t('csvHeaders.shop')]: shop,\r\n          [this.$t('csvHeaders.rowSummary')]: response.rows[value].rowSummary,\r\n          [this.$t('csvHeaders.minTemp')]: response.rows[value].minTemp,\r\n          [this.$t('csvHeaders.maxTemp')]: response.rows[value].maxTemp,\r\n          ...attachTable,\r\n        };\r\n        this.CSVOrder = [\r\n          ...[this.$t('csvHeaders.date'), this.$t('csvHeaders.shop')],\r\n          ...Object.keys(attachTable),\r\n          ...[this.$t('csvHeaders.minTemp'), this.$t('csvHeaders.maxTemp'), this.$t('csvHeaders.rowSummary')]];\r\n        csvdata.push(dto);\r\n      });\r\n      this.tableCSVData = csvdata;\r\n    },\r\n    getImgUrl() {\r\n      return require('@/assets/images/weather/04.svg');\r\n    },\r\n    changeChart() {\r\n      if (this.state === 0) {\r\n        this.state = 1;\r\n      } else {\r\n        this.state = 0;\r\n      }\r\n    },\r\n    async printCharts() {\r\n      //  return false;\r\n      this.printing = true;\r\n      const font = require('@/styles/font.json');\r\n      const canvasEle = [];\r\n      if (this.state === 0) {\r\n        this.chartCount = this.generatePrintedCharts();\r\n        this.keyD += 1;\r\n      }\r\n      this.$nextTick(() => {\r\n        const doc = new jsPDF({\r\n          orientation: 'landscape',\r\n          compress: true,\r\n        });\r\n        doc.addFileToVFS('nunito.ttf', font.nunito);\r\n        doc.addFont('nunito.ttf', 'nunito', 'normal');\r\n        doc.setFont('nunito', 'normal');\r\n        doc.setFontSize(12);\r\n        if (this.state === 0) {\r\n          for (let i = 0; i < this.chartCount; i += 1) {\r\n            canvasEle.push(document.getElementById(`printable-chart-${i}`).getElementsByTagName('canvas')[0]);\r\n          }\r\n        } else {\r\n          canvasEle.push(document.getElementById('line-chart'));\r\n        }\r\n        setTimeout(() => {\r\n          canvasEle.forEach((value, index) => {\r\n            const imgData = value.toDataURL('image/jpg', 1.0);\r\n            doc.addImage(imgData, 'JPEG', 30, 10, 250, 150, '', 'FAST');\r\n            if (index < canvasEle.length - 1) {\r\n              doc.addPage();\r\n            }\r\n          });\r\n          // doc.addImage(logo, 126, 21);\r\n          doc.autoTable({\r\n            html: '#counts-table',\r\n            startY: 300,\r\n            styles: {\r\n              font: 'nunito',\r\n              fontStyle: 'normal',\r\n              fontSize: 6,\r\n              cellWidth: 3,\r\n            },\r\n            columnStyles: {\r\n              0: {\r\n                cellWidth: 5,\r\n              },\r\n              1: {\r\n                cellWidth: 10,\r\n              },\r\n              25: { columnWidth: 5 },\r\n              26: { columnWidth: 5 },\r\n              27: { columnWidth: 5 },\r\n              28: { columnWidth: 5 },\r\n            },\r\n          });\r\n          doc.save();\r\n          this.printChartData = [];\r\n          this.printing = false;\r\n        }, 5000);\r\n      });\r\n    },\r\n    async getLogo(url, callback) {\r\n      const xhr = new XMLHttpRequest();\r\n      xhr.onload = function () {\r\n        const reader = new FileReader();\r\n        reader.onloadend = function () {\r\n          callback(reader.result);\r\n        };\r\n        reader.readAsDataURL(xhr.response);\r\n      };\r\n      xhr.open('GET', url);\r\n      xhr.responseType = 'blob';\r\n      xhr.send();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    a {\r\n        text-decoration: none;\r\n        font-weight: bold;\r\n\r\n        &:visited {\r\n            color: #002678;\r\n        }\r\n    }\r\n\r\n    button {\r\n        cursor: pointer;\r\n        text-transform: capitalize;\r\n    }\r\n\r\n    .switcheroo {\r\n        align-items: center;\r\n        display: flex;\r\n\r\n        img {\r\n            padding: 20px;\r\n        }\r\n    }\r\n\r\n    .raptors-group {\r\n        /*width: 100%;*/\r\n        padding-left: 40px;\r\n        padding-right: 55px;\r\n        @include media('<1026px') {\r\n            padding: 0;\r\n        }\r\n\r\n    }\r\n\r\n    .top {\r\n        margin-bottom: 20px;\r\n\r\n        button {\r\n            margin: 10px;\r\n        }\r\n    }\r\n\r\n    .table-container {\r\n        overflow: auto;\r\n\r\n        .top {\r\n            margin-bottom: 20px;\r\n            display: flex;\r\n            padding: 25px;\r\n            align-items: center;\r\n\r\n            button {\r\n                margin: 10px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .charts-container, .table-container {\r\n        background: white;\r\n        border-radius: 5px;\r\n        padding: 20px 0;\r\n        margin-top: 50px;\r\n        margin-bottom: 50px;\r\n\r\n        .top {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .controls {\r\n            border-top: 1px solid #e5e5e5;\r\n            border-bottom: 1px solid #e5e5e5;\r\n            padding: 40px 50px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n            @include media('<755px') {\r\n                flex-direction: column;\r\n            }\r\n        }\r\n\r\n        .charts {\r\n            max-height: 320px;\r\n            overflow-y: auto;\r\n        }\r\n\r\n    }\r\n\r\n    .link {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n\r\n        img {\r\n            margin-right: 15px;\r\n        }\r\n    }\r\n\r\n    h4 {\r\n        font-size: rem(16px);\r\n        font-weight: bold;\r\n        // color: $baseTextColor;\r\n        text-transform: uppercase;\r\n        text-align: left;\r\n        margin-left: 33px;\r\n        margin-top: 0;\r\n    }\r\n\r\n    /* The switch - the box around the slider */\r\n    .switch {\r\n        position: relative;\r\n        display: inline-block;\r\n        width: 60px;\r\n        height: 34px;\r\n    }\r\n\r\n    /* Hide default HTML checkbox */\r\n    .switch input {\r\n        opacity: 0;\r\n        width: 0;\r\n        height: 0;\r\n    }\r\n\r\n    /* The slider */\r\n    .slider {\r\n        position: absolute;\r\n        cursor: pointer;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background-color: #9e9e9e;\r\n        -webkit-transition: .4s;\r\n        transition: .4s;\r\n    }\r\n\r\n    .slider:before {\r\n        position: absolute;\r\n        content: \"\";\r\n        height: 26px;\r\n        width: 26px;\r\n        left: 4px;\r\n        bottom: 4px;\r\n        background-color: #002678;\r\n        -webkit-transition: .4s;\r\n        transition: .4s;\r\n    }\r\n\r\n    input:checked + .slider {\r\n        background-color: #9e9e9e;\r\n    }\r\n\r\n    input:focus + .slider {\r\n        box-shadow: 0 0 1px #9e9e9e;\r\n    }\r\n\r\n    input:checked + .slider:before {\r\n        -webkit-transform: translateX(26px);\r\n        -ms-transform: translateX(26px);\r\n        transform: translateX(26px);\r\n    }\r\n\r\n    /* Rounded sliders */\r\n    .slider.round {\r\n        border-radius: 34px;\r\n    }\r\n\r\n    .slider.round:before {\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .date-control {\r\n        /* color: #878a94; */\r\n        font-size: rem(14px);\r\n        font-weight: 900;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n        @include media('<755px') {\r\n            flex-direction: column;\r\n        }\r\n\r\n    }\r\n\r\n    button {\r\n        background: none;\r\n        border: none;\r\n        font-size: rem(14px);\r\n        font-weight: 900;\r\n        /* color: #878a94; */\r\n        color: inherit;\r\n        text-transform: capitalize;\r\n\r\n        &:hover {\r\n            color: $peacock-blue;\r\n        }\r\n\r\n    }\r\n\r\n    .table {\r\n        box-shadow: none;\r\n    }\r\n\r\n    .table-container {\r\n        box-shadow: 0 5px 6px $baseShadow;\r\n        overflow-x: auto;\r\n\r\n        .top {\r\n            button {\r\n                text-transform: uppercase;\r\n            }\r\n\r\n            border-bottom: 1px solid #e5e5e5;\r\n        }\r\n\r\n        .tr {\r\n            .td {\r\n                padding: 13px;\r\n            }\r\n\r\n            &:first-child {\r\n                .td {\r\n                    border: none;\r\n                    border-bottom: 1px solid $border-blue;\r\n                    font-weight: bold;\r\n                }\r\n            }\r\n\r\n            &:not(:last-child) {\r\n                .td {\r\n                    vertical-align: middle;\r\n                    // border: 1px solid $border-gray;\r\n                    border-bottom: 1px solid $border-gray;\r\n\r\n                    &:first-child {\r\n                        border-left: none;\r\n                        border-right: 1px solid $border-gray;\r\n                    }\r\n\r\n                    &:nth-last-child(-n+4) {\r\n                        border-right: none;\r\n                        border-left: 1px solid $border-gray;\r\n\r\n                    }\r\n\r\n                    .weather-container {\r\n                        display: flex;\r\n                        justify-content: center;\r\n\r\n                        img {\r\n                            width: 45px;\r\n                        }\r\n                    }\r\n\r\n                }\r\n            }\r\n\r\n\r\n            &:last-child {\r\n                font-weight: bold;\r\n\r\n                .td {\r\n                    padding: 13px 0;\r\n                    border-bottom: 1px solid $border-gray;\r\n\r\n                    &:first-child, &:last-child {\r\n                        border-right: 1px solid $border-gray;\r\n\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .link.download {\r\n        font-weight: normal;\r\n\r\n        > div {\r\n            display: flex;\r\n            align-items: center;\r\n            cursor: pointer;\r\n        }\r\n\r\n        text-transform: capitalize;\r\n\r\n        &:hover {\r\n            color: $peacock-blue;\r\n        }\r\n    }\r\n\r\n    .link.print {\r\n        cursor: pointer;\r\n        text-transform: capitalize;\r\n\r\n        &:hover {\r\n            color: $peacock-blue;\r\n        }\r\n    }\r\n\r\n    .active {\r\n        color: $peacock-blue;\r\n    }\r\n\r\n    .picker-container {\r\n        padding-left: 15px;\r\n        display: flex;\r\n        align-items: center;\r\n        color: $peacock-blue !important;\r\n\r\n        input {\r\n            color: $peacock-blue !important;\r\n        }\r\n\r\n    }\r\n\r\n    .printing {\r\n        height: 100vh;\r\n        width: 100vw;\r\n        position: fixed;\r\n        background-color: white;\r\n        top: 0;\r\n        left: 0;\r\n        z-index: 20000;\r\n    }\r\n\r\n    .save {\r\n        padding: 10px 15px;\r\n        color: white;\r\n        border-radius: 15px;\r\n        margin: 0 10px;\r\n        font-weight: bold;\r\n        text-transform: capitalize;\r\n    }\r\n</style>\r\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!./Cumulative.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!./Cumulative.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Cumulative.vue?vue&type=template&id=fd10aac8&scoped=true&\"\nimport script from \"./Cumulative.vue?vue&type=script&lang=js&\"\nexport * from \"./Cumulative.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Cumulative.vue?vue&type=style&index=0&id=fd10aac8&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  \"fd10aac8\",\n  null\n  \n)\n\nexport default component.exports","export default function _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) {\n    arr2[i] = arr[i];\n  }\n\n  return arr2;\n}","import arrayLikeToArray from \"./arrayLikeToArray\";\nexport default function _arrayWithoutHoles(arr) {\n  if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n  if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter);\n}","import arrayLikeToArray from \"./arrayLikeToArray\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","export default function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithoutHoles from \"./arrayWithoutHoles\";\nimport iterableToArray from \"./iterableToArray\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray\";\nimport nonIterableSpread from \"./nonIterableSpread\";\nexport default function _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Cumulative.vue?vue&type=style&index=0&id=fd10aac8&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Cumulative.vue?vue&type=style&index=0&id=fd10aac8&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubmitButton.vue?vue&type=style&index=0&id=20fa378e&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubmitButton.vue?vue&type=style&index=0&id=20fa378e&lang=scss&scoped=true&\"","'use strict';\n\nvar anObject = require('./_an-object');\nvar toObject = require('./_to-object');\nvar toLength = require('./_to-length');\nvar toInteger = require('./_to-integer');\nvar advanceStringIndex = require('./_advance-string-index');\nvar regExpExec = require('./_regexp-exec-abstract');\nvar max = Math.max;\nvar min = Math.min;\nvar floor = Math.floor;\nvar SUBSTITUTION_SYMBOLS = /\\$([$&`']|\\d\\d?|<[^>]*>)/g;\nvar SUBSTITUTION_SYMBOLS_NO_NAMED = /\\$([$&`']|\\d\\d?)/g;\n\nvar maybeToString = function (it) {\n  return it === undefined ? it : String(it);\n};\n\n// @@replace logic\nrequire('./_fix-re-wks')('replace', 2, function (defined, REPLACE, $replace, maybeCallNative) {\n  return [\n    // `String.prototype.replace` method\n    // https://tc39.github.io/ecma262/#sec-string.prototype.replace\n    function replace(searchValue, replaceValue) {\n      var O = defined(this);\n      var fn = searchValue == undefined ? undefined : searchValue[REPLACE];\n      return fn !== undefined\n        ? fn.call(searchValue, O, replaceValue)\n        : $replace.call(String(O), searchValue, replaceValue);\n    },\n    // `RegExp.prototype[@@replace]` method\n    // https://tc39.github.io/ecma262/#sec-regexp.prototype-@@replace\n    function (regexp, replaceValue) {\n      var res = maybeCallNative($replace, regexp, this, replaceValue);\n      if (res.done) return res.value;\n\n      var rx = anObject(regexp);\n      var S = String(this);\n      var functionalReplace = typeof replaceValue === 'function';\n      if (!functionalReplace) replaceValue = String(replaceValue);\n      var global = rx.global;\n      if (global) {\n        var fullUnicode = rx.unicode;\n        rx.lastIndex = 0;\n      }\n      var results = [];\n      while (true) {\n        var result = regExpExec(rx, S);\n        if (result === null) break;\n        results.push(result);\n        if (!global) break;\n        var matchStr = String(result[0]);\n        if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);\n      }\n      var accumulatedResult = '';\n      var nextSourcePosition = 0;\n      for (var i = 0; i < results.length; i++) {\n        result = results[i];\n        var matched = String(result[0]);\n        var position = max(min(toInteger(result.index), S.length), 0);\n        var captures = [];\n        // NOTE: This is equivalent to\n        //   captures = result.slice(1).map(maybeToString)\n        // but for some reason `nativeSlice.call(result, 1, result.length)` (called in\n        // the slice polyfill when slicing native arrays) \"doesn't work\" in safari 9 and\n        // causes a crash (https://pastebin.com/N21QzeQA) when trying to debug it.\n        for (var j = 1; j < result.length; j++) captures.push(maybeToString(result[j]));\n        var namedCaptures = result.groups;\n        if (functionalReplace) {\n          var replacerArgs = [matched].concat(captures, position, S);\n          if (namedCaptures !== undefined) replacerArgs.push(namedCaptures);\n          var replacement = String(replaceValue.apply(undefined, replacerArgs));\n        } else {\n          replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);\n        }\n        if (position >= nextSourcePosition) {\n          accumulatedResult += S.slice(nextSourcePosition, position) + replacement;\n          nextSourcePosition = position + matched.length;\n        }\n      }\n      return accumulatedResult + S.slice(nextSourcePosition);\n    }\n  ];\n\n    // https://tc39.github.io/ecma262/#sec-getsubstitution\n  function getSubstitution(matched, str, position, captures, namedCaptures, replacement) {\n    var tailPos = position + matched.length;\n    var m = captures.length;\n    var symbols = SUBSTITUTION_SYMBOLS_NO_NAMED;\n    if (namedCaptures !== undefined) {\n      namedCaptures = toObject(namedCaptures);\n      symbols = SUBSTITUTION_SYMBOLS;\n    }\n    return $replace.call(replacement, symbols, function (match, ch) {\n      var capture;\n      switch (ch.charAt(0)) {\n        case '$': return '$';\n        case '&': return matched;\n        case '`': return str.slice(0, position);\n        case \"'\": return str.slice(tailPos);\n        case '<':\n          capture = namedCaptures[ch.slice(1, -1)];\n          break;\n        default: // \\d\\d?\n          var n = +ch;\n          if (n === 0) return match;\n          if (n > m) {\n            var f = floor(n / 10);\n            if (f === 0) return match;\n            if (f <= m) return captures[f - 1] === undefined ? ch.charAt(1) : captures[f - 1] + ch.charAt(1);\n            return match;\n          }\n          capture = captures[n - 1];\n      }\n      return capture === undefined ? '' : capture;\n    });\n  }\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"button-container\"},[_c('button',{staticClass:\"save\",style:(_vm.styleObject),on:{\"click\":_vm.saveChanges}},[_vm._v(_vm._s(_vm.buttonTextC))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"button-container\">\n        <button :style=\"styleObject\" class=\"save\" v-on:click=\"saveChanges\">{{buttonTextC}}</button>\n    </div>\n</template>\n\n<script>\nexport default {\n  name: 'SubmitButton',\n  props: {\n    buttonText: {\n      type: String,\n      required: false,\n      default: '',\n    },\n  },\n  methods: {\n    saveChanges() {\n      this.$emit('save');\n    },\n  },\n  mounted() {\n    /*    if (this.buttonText.length <= 0) {\n          this.buttonText = this.$t('buttons.submit');\n        } */\n  },\n  computed: {\n    styleObject() {\n      const { cssConfig } = this.$store.getters;\n      return {\n        '--button-color': 'white',\n        '--button-background-color': cssConfig.submitButton,\n        '--button-border-color': cssConfig.submitButton,\n      };\n    },\n    buttonTextC() {\n      if (this.buttonText) {\n        return this.buttonText;\n      }\n      return this.$t('buttons.submit');\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n    button {\n        border: none;\n        background: none;\n        cursor: pointer;\n        color: var(--button-border-color);\n        font-size: rem(18px);\n        font-weight: bold;\n\n        &.cancel, &.save {\n\n            color: var(--button-color);\n            font-size: rem(18px);\n            font-weight: bold;\n            padding: 12px 50px;\n            border-radius: 30px;\n            transition: 300ms all ease-in;\n\n        }\n\n        &.save {\n            background: var(--button-background-color);\n            border: 1px solid var(--button-border-color);\n\n            &:hover {\n                color: var(--button-border-color);\n                background: white !important;\n            }\n        }\n    }\n\n    .validation-error {\n        button {\n            filter: grayscale(100%) !important;\n\n            &:hover {\n                cursor: not-allowed;\n                background: var(--button-background-color);\n                color: white;\n            }\n        }\n\n    }\n</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!./SubmitButton.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!./SubmitButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubmitButton.vue?vue&type=template&id=20fa378e&scoped=true&\"\nimport script from \"./SubmitButton.vue?vue&type=script&lang=js&\"\nexport * from \"./SubmitButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubmitButton.vue?vue&type=style&index=0&id=20fa378e&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  \"20fa378e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}