{"version":3,"sources":["webpack:///./src/views/Reports/Live.vue?09e5","webpack:///src/views/Reports/Live.vue","webpack:///./src/views/Reports/Live.vue?0cc1","webpack:///./src/views/Reports/Live.vue?0c24","webpack:///./src/views/Reports/Live.vue?c7fe"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","$route","params","type","_v","_s","$t","attrs","fromKeeper","model","value","callback","$$v","startDate","expression","gateKeeper","endDate","on","downloadCSV","points","$event","callTable","tableFilter","selectedPoint","_e","class","active","newTable","translatable","staticRenderFns","name","components","VueMultiselect","CountsTable","Preloader","JsonCSV","data","loaded","loadedTable","csvData","delimiter","$store","getters","blockedDate","setHours","date","today","fromBlocker","watch","start","end","newValue","groupId","getPoints","then","computed","notEmpty","length","selectedGroup","id","methods","filename","DataRepository","getLiveData","token","dateFrom","dateTo","getCoverData","createCSV","translateKey","Object","keys","response","rows","forEach","countsData","translateObject","attachTable","dto","csvdata","push","component"],"mappings":"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","file":"js/chunk-3a78fd97.5e6cf52e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.loaded)?_c('div',{staticClass:\"container\"},[(_vm.$route.params.type === 'live')?_c('h2',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('general.activityReport')))]):_c('h2',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('general.coverReport')))]),(_vm.notEmpty)?_c('div',{staticClass:\"date-controls\"},[_c('div',{staticClass:\"dates\"},[_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.fromKeeper,\"md-immediately\":\"\"},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\":\"\"},model:{value:(_vm.endDate),callback:function ($$v) {_vm.endDate=$$v},expression:\"endDate\"}})],1)]),_c('button',{staticClass:\"csv-download\",on:{\"click\":_vm.downloadCSV}},[_c('img',{attrs:{\"src\":require(\"../../assets/images/download.svg\")}}),_vm._v(\"\\n            \"+_vm._s(_vm.$t('general.downloadCSV'))+\"\\n        \")]),_c('VueMultiselect',{staticClass:\"device-select\",attrs:{\"options\":_vm.points,\"placeholder\":_vm.$t('general.deviceSelect'),\"searchable\":false,\"show-labels\":false,\"label\":\"name\",\"track-by\":\"id\",\"allow-empty\":false},on:{\"input\":function($event){return _vm.callTable(_vm.tableFilter,_vm.startDate,_vm.endDate)}},model:{value:(_vm.selectedPoint),callback:function ($$v) {_vm.selectedPoint=$$v},expression:\"selectedPoint\"}})],1):_vm._e(),(_vm.notEmpty)?_c('div',{staticClass:\"table-container\"},[_c('div',{staticClass:\"top\"},[_c('button',{class:{active: _vm.tableFilter === 'daysHoursPeriod'},on:{\"click\":function($event){return _vm.callTable('daysHoursPeriod',_vm.startDate,_vm.endDate)}}},[_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){return _vm.callTable('weeksDaysPeriod',_vm.startDate,_vm.endDate)}}},[_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){return _vm.callTable('monthsDaysPeriod',_vm.startDate,_vm.endDate)}}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t('general.monthsDaysPeriod'))+\"\\n            \")])]),(_vm.loadedTable)?_c('CountsTable',{attrs:{\"data\":_vm.newTable,\"translatable\":_vm.translatable}}):_c('Preloader')],1):_c('h2',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('general.noDevices')))])]):_c('Preloader')}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"container\" v-if=\"loaded\">\n        <h2 class=\"title\" v-if=\"$route.params.type === 'live'\">{{$t('general.activityReport')}}</h2>\n        <h2 class=\"title\" v-else>{{$t('general.coverReport')}}</h2>\n        <div class=\"date-controls\" v-if=\"notEmpty\">\n            <div class=\"dates\">\n                <div class=\"picker-container\">\n                    <span class=\"active\">{{$t('general.from')}}:</span>\n                    <md-datepicker :md-disabled-dates=\"fromKeeper\" md-immediately\n                                   v-model=\"startDate\">\n\n                    </md-datepicker>\n                </div>\n                <div class=\"picker-container\">\n                    <span class=\"active\">{{$t('general.to')}}:</span>\n                    <md-datepicker :md-disabled-dates=\"gateKeeper\" md-immediately\n                                   v-model=\"endDate\"></md-datepicker>\n                </div>\n            </div>\n            <!--        <JsonCSV\n                            :data=\"csvData\"\n                            class=\"csv-download\"\n                            :delimiter=\"delimiter\"\n                            name=\"activity.csv\"\n\n                    >\n                        <img src=\"../../assets/images/download.svg\">\n                        {{$t('general.downloadCSV')}}\n                    </JsonCSV>-->\n            <button @click=\"downloadCSV\" class=\"csv-download\"><img src=\"../../assets/images/download.svg\">\n                {{$t('general.downloadCSV')}}\n            </button>\n            <VueMultiselect\n                    :options=\"points\"\n                    :placeholder=\"$t('general.deviceSelect')\"\n                    :searchable=\"false\"\n                    :show-labels=\"false\"\n                    @input=\"callTable(tableFilter,startDate,endDate)\"\n                    class=\"device-select\"\n                    label=\"name\"\n                    track-by=\"id\"\n                    v-model=\"selectedPoint\"\n                    :allow-empty=\"false\"\n            >\n            </VueMultiselect>\n        </div>\n        <div class=\"table-container\" v-if=\"notEmpty\">\n            <div class=\"top\">\n                <button\n                        :class=\"{active: tableFilter === 'daysHoursPeriod'}\"\n                        @click=\"callTable('daysHoursPeriod',startDate,endDate)\"\n                >\n                    {{$t('general.daysHoursPeriod')}}\n                </button>\n                |\n                <button\n                        :class=\"{active: tableFilter === 'weeksDaysPeriod'}\"\n                        @click=\"callTable('weeksDaysPeriod',startDate,endDate)\"\n                >\n                    {{$t('general.weeksDaysPeriod')}}\n                </button>\n                |\n                <button\n                        :class=\"{active: tableFilter === 'monthsDaysPeriod'}\"\n                        @click=\"callTable('monthsDaysPeriod',startDate,endDate)\"\n                >\n                    {{$t('general.monthsDaysPeriod')}}\n                </button>\n            </div>\n            <CountsTable :data=\"newTable\" :translatable=\"translatable\" v-if=\"loadedTable\"></CountsTable>\n            <Preloader v-else></Preloader>\n        </div>\n        <h2 class=\"title\" v-else>{{$t('general.noDevices')}}</h2>\n    </div>\n    <Preloader v-else></Preloader>\n\n</template>\n\n<script>\nimport XLSX from 'xlsx';\n\nimport VueMultiselect from 'vue-multiselect/src/Multiselect';\nimport JsonCSV from 'vue-json-csv';\nimport CountsTable from '@/components/helpers/CountsTable';\nimport Preloader from '@/components/helpers/Preloader';\nimport { RepositoryFactory } from '@/api/RepositoryFactory';\nimport 'vue-material/dist/vue-material.min.css';\n\nconst DataRepository = RepositoryFactory.get('data');\nconst DevicesRepository = RepositoryFactory.get('devices');\n\nexport default {\n  name: 'Live',\n  components: {\n    VueMultiselect,\n    CountsTable,\n    Preloader,\n    JsonCSV,\n  },\n  data() {\n    return {\n      selectedPoint: '',\n      loaded: false,\n      newTable: [],\n      translatable: false,\n      loadedTable: true,\n      tableFilter: 'daysHoursPeriod',\n      startDate: '',\n      endDate: '',\n      csvData: [],\n      delimiter: this.$store.getters.delimiter,\n      points: [],\n      gateKeeper: (date) => {\n        const blockedDate = new Date(this.startDate);\n        blockedDate.setHours(0, 0, 0);\n        const today = new Date().setHours(0, 0, 0);\n        if (date < blockedDate || date > today) {\n          return true;\n        }\n\n        return false;\n      },\n      fromBlocker: (date) => {\n        const today = new Date();\n        if (date > today) {\n          return true;\n        }\n        return false;\n      },\n    };\n  },\n  watch: {\n    startDate(newValue, oldValue) {\n      const start = new Date(newValue);\n      const end = new Date(this.endDate);\n      if (start > end) {\n        this.endDate = newValue;\n      }\n      this.callTable(this.tableFilter, newValue, this.endDate);\n    },\n    endDate(newValue, oldValue) {\n      this.callTable(this.tableFilter, this.startDate, newValue);\n    },\n    groupId(newValue, oldValue) {\n      this.getPoints(newValue).then(() => {\n        this.callTable(this.tableFilter, this.startDate, this.endDate);\n        this.loaded = true;\n      });\n    },\n  },\n  computed: {\n    notEmpty() {\n      return this.points.length > 0;\n    },\n    groupId() {\n      return this.$store.getters.selectedGroup.id;\n    },\n  },\n  async mounted() {\n    this.$material.locale = {\n      startYear: 1900,\n      endYear: 2099,\n      dateFormat: 'yyyy-MM-dd',\n      firstDayOfAWeek: 0,\n      days: this.$t('datepicker.days'),\n      shortDays: this.$t('datepicker.shortDays'),\n      shorterDays: this.$t('datepicker.shorterDays'),\n      months: this.$t('datepicker.months'),\n      shortMonths: this.$t('datepicker.shortMonths'),\n      shorterMonths: this.$t('datepicker.shorterMonths'),\n    };\n    const today = new Date();\n    const dd = String(today.getDate()).padStart(2, '0');\n    const mm = String(today.getMonth() + 1).padStart(2, '0'); // January is 0!\n    const yyyy = today.getFullYear();\n    const nextWeek = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 7);\n    this.startDate = `${yyyy}-${mm}-${dd}`;\n    this.endDate = `${nextWeek.getFullYear()}-${String(nextWeek.getMonth() + 1)\n      .padStart(2, '0')}-${String(nextWeek.getDate())\n      .padStart(2, '0')}`;\n    await this.getPoints(this.$store.getters.selectedGroup.id);\n    await this.callTable(this.tableFilter, this.startDate, this.endDate);\n    this.loaded = true;\n  },\n  methods: {\n    downloadCSV() {\n      let filename = 'data.xls';\n      if (this.$route.params.type === 'live') {\n        filename = `activity_${this.selectedPoint.name}_${this.startDate}_${this.endDate}.xls`;\n      } else {\n        filename = `coverings_${this.selectedPoint.name}_${this.startDate}_${this.endDate}.xls`;\n      }\n      const wb = XLSX.utils.book_new();\n      const sheet = XLSX.utils.json_to_sheet(this.csvData);\n      XLSX.utils.book_append_sheet(wb, sheet);\n      XLSX.writeFile(wb, filename);\n    },\n    callTable(type, dateFrom, dateTo) {\n      this.loadedTable = false;\n      this.tableFilter = type;\n      if (type === 'monthsDaysPeriod') {\n        this.translatable = true;\n      } else {\n        this.translatable = false;\n      }\n      if (this.selectedPoint) {\n        if (this.$route.params.type === 'live') {\n          DataRepository.getLiveData(this.$store.getters.token, this.selectedPoint.id, dateFrom, dateTo, type)\n            .then((response) => {\n              this.newTable = response;\n              this.createCSV(response);\n              this.loadedTable = true;\n            });\n        } else {\n          DataRepository.getCoverData(this.$store.getters.token, this.selectedPoint.id, dateFrom, dateTo, type)\n            .then((response) => {\n              this.newTable = response;\n              this.createCSV(response);\n              this.loadedTable = true;\n            });\n        }\n      }\n    },\n    createCSV(response) {\n      const csvdata = [];\n      let translateKey = '';\n      switch (this.tableFilter) {\n        case 'daysHoursPeriod':\n          translateKey = '';\n          break;\n        case 'monthsDaysPeriod':\n          translateKey = 'general.months.';\n          break;\n        default:\n          translateKey = '';\n          break;\n      }\n      Object.keys(response.rows).forEach((value, index) => {\n        let dto = {};\n\n        let attachTable = [];\n        if (this.tableFilter === 'weeksDaysPeriod') {\n          const translateObject = {};\n          Object.keys(response.rows[value].countsData).forEach((v) => {\n            translateObject[this.$t(`general.days.${v}`)] = response.rows[value].countsData[v];\n          });\n          attachTable = translateObject;\n        } else {\n          attachTable = response.rows[value].countsData;\n        }\n        dto = {\n          [this.$t('csvHeaders.index')]: this.$t(`${translateKey}${value}`),\n          [this.$t('csvHeaders.rowSummary')]: response.rows[value].rowSummary,\n          [this.$t('csvHeaders.minTemp')]: response.rows[value].minTemp,\n          [this.$t('csvHeaders.maxTemp')]: response.rows[value].maxTemp,\n          ...attachTable,\n        };\n\n        csvdata.push(dto);\n      });\n      this.csvData = csvdata;\n    },\n    async getPoints(groupId) {\n      this.loaded = false;\n      if (this.$route.params.type === 'live') {\n        this.points = await DevicesRepository.getDevicesWithShops(this.$store.getters.token, groupId);\n        this.selectedPoint = this.points[0];\n      } else {\n        this.points = await DevicesRepository.deviceMap(this.$store.getters.token, groupId);\n        this.selectedPoint = this.points[0];\n      }\n    },\n  }\n  ,\n};\n</script>\n\n<style lang=\"scss\" scoped>\n    .csv-download {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        color: $peacock-blue;\n        font-weight: bold;\n\n        img {\n            margin-right: 15px;\n        }\n    }\n\n    .date-controls {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n\n\n        @include media('<1025px') {\n            flex-wrap: wrap;\n        }\n    }\n\n    .device-select {\n        max-width: 800px;\n        @include media('<1025px') {\n            width: 100%;\n            max-width: unset;\n        }\n    }\n\n    a {\n        text-decoration: none;\n        font-weight: bold;\n\n        &:visited {\n            color: #002678;\n        }\n    }\n\n    button {\n        cursor: pointer;\n    }\n\n    .switcheroo {\n        align-items: center;\n        display: flex;\n\n        img {\n            padding: 20px;\n        }\n    }\n\n    .raptors-group {\n        /*width: 100%;*/\n        padding-left: 40px;\n        padding-right: 55px;\n        @include media('<1026px') {\n            padding: 0;\n        }\n    }\n\n    .top {\n        margin-bottom: 20px;\n\n        button {\n            margin: 10px;\n        }\n    }\n\n    .table-container {\n        .top {\n            margin-bottom: 20px;\n            display: flex;\n            padding: 25px;\n            align-items: center;\n\n            button {\n                margin: 10px;\n            }\n        }\n    }\n\n    .charts-container, .table-container {\n        background: white;\n        border-radius: 5px;\n        padding: 20px 0;\n        margin-top: 50px;\n        margin-bottom: 50px;\n\n        .top {\n            margin-bottom: 20px;\n        }\n\n        .controls {\n            border-top: 1px solid #E5E5E5;\n            border-bottom: 1px solid #E5E5E5;\n            padding: 40px 50px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            @include media('<755px') {\n                flex-direction: column;\n            }\n        }\n\n        .charts {\n            max-height: 320px;\n            overflow-y: auto;\n        }\n\n    }\n\n    .link {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        img {\n            margin-right: 15px;\n        }\n    }\n\n    h4 {\n        font-size: rem(16px);\n        font-weight: bold;\n        // color: $baseTextColor;\n        text-transform: uppercase;\n        text-align: left;\n        margin-left: 33px;\n        margin-top: 0;\n    }\n\n    /* The switch - the box around the slider */\n    .switch {\n        position: relative;\n        display: inline-block;\n        width: 60px;\n        height: 34px;\n    }\n\n    /* Hide default HTML checkbox */\n    .switch input {\n        opacity: 0;\n        width: 0;\n        height: 0;\n    }\n\n    /* The slider */\n    .slider {\n        position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background-color: #9e9e9e;\n        -webkit-transition: .4s;\n        transition: .4s;\n    }\n\n    .slider:before {\n        position: absolute;\n        content: \"\";\n        height: 26px;\n        width: 26px;\n        left: 4px;\n        bottom: 4px;\n        background-color: #002678;\n        -webkit-transition: .4s;\n        transition: .4s;\n    }\n\n    input:checked + .slider {\n        background-color: #9e9e9e;\n    }\n\n    input:focus + .slider {\n        box-shadow: 0 0 1px #9e9e9e;\n    }\n\n    input:checked + .slider:before {\n        -webkit-transform: translateX(26px);\n        -ms-transform: translateX(26px);\n        transform: translateX(26px);\n    }\n\n    /* Rounded sliders */\n    .slider.round {\n        border-radius: 34px;\n    }\n\n    .slider.round:before {\n        border-radius: 50%;\n    }\n\n    .date-control {\n        /* color: #878a94; */\n        font-size: rem(14px);\n        font-weight: 900;\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n\n    }\n\n    button {\n        background: none;\n        border: none;\n        font-size: rem(14px);\n        font-weight: 900;\n        /* color: #878a94; */\n        color: inherit;\n\n    }\n\n    .table {\n        box-shadow: none;\n    }\n\n    .table-container {\n        box-shadow: 0 5px 6px $baseShadow;\n        overflow: auto;\n\n        .top {\n            button {\n                text-transform: uppercase;\n            }\n\n            border-bottom: 1px solid #e5e5e5;\n        }\n\n        .tr {\n            .td {\n                padding: 13px;\n            }\n\n            &:first-child {\n                .td {\n                    border: none;\n                    border-bottom: 1px solid $border-blue;\n                    font-weight: bold;\n                }\n            }\n\n            &:not(:last-child) {\n                .td {\n                    vertical-align: middle;\n                    // border: 1px solid $border-gray;\n                    border-bottom: 1px solid $border-gray;\n\n                    &:first-child {\n                        border-left: none;\n                        border-right: 1px solid $border-gray;\n                    }\n\n                    &:nth-last-child(-n+4) {\n                        border-right: none;\n                        border-left: 1px solid $border-gray;\n\n                    }\n\n                    .weather-container {\n                        display: flex;\n                        justify-content: center;\n\n                        img {\n                            width: 45px;\n                        }\n                    }\n\n                }\n            }\n\n\n            &:last-child {\n                font-weight: bold;\n\n                .td {\n                    padding: 13px 0;\n                    border-bottom: 1px solid $border-gray;\n\n                    &:first-child, &:last-child {\n                        border-right: 1px solid $border-gray;\n\n                    }\n                }\n            }\n        }\n    }\n\n    .link.download {\n        > div {\n            display: flex;\n            align-items: center;\n            cursor: pointer;\n        }\n    }\n\n    .link.print {\n        cursor: pointer;\n    }\n\n\n    .picker-container {\n        display: flex;\n        align-items: center;\n        color: $peacock-blue !important;\n\n        input {\n            color: $peacock-blue !important;\n        }\n\n    }\n\n    .active {\n        color: $peacock-blue;\n        font-weight: 900;\n    }\n\n    .dates {\n        display: flex;\n        flex-direction: row;\n    }\n\n    .csv-download {\n        cursor: pointer;\n    }\n\n    .container {\n        background-color: transparent;\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!./Live.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!./Live.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Live.vue?vue&type=template&id=50f98c46&scoped=true&\"\nimport script from \"./Live.vue?vue&type=script&lang=js&\"\nexport * from \"./Live.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Live.vue?vue&type=style&index=0&id=50f98c46&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  \"50f98c46\",\n  null\n  \n)\n\nexport default component.exports","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!./Live.vue?vue&type=style&index=0&id=50f98c46&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!./Live.vue?vue&type=style&index=0&id=50f98c46&lang=scss&scoped=true&\""],"sourceRoot":""}