{"version":3,"sources":["webpack:///./src/views/driversMap/DriversMap.vue?dccc","webpack:///./src/views/driversMap/DriversMap.vue?0f66","webpack:///src/views/driversMap/DriversMap.vue","webpack:///./src/views/driversMap/DriversMap.vue?93c2","webpack:///./src/views/driversMap/DriversMap.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","attrs","organizerColumns","scopedSlots","_u","key","fn","filtersPermissions","orders","on","$event","search","model","value","filter","callback","$$v","$set","expression","_e","ref","storesFilter","trasporterFilter","transporters","length","proxy","allTags","removeTag","clearAllTags","mappedTracking","_v","staticRenderFns","name","components","data","order_number","store_id","transporter_id","timeOutUpdate","time","computed","calcPosition","parsedTime","stores","transporter","beforeDestroy","clearTimeout","methods","updateMap","setTimeout","updateTags","component"],"mappings":"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","file":"js/DriversMap.f805db6c.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./DriversMap.vue?vue&type=style&index=0&id=15ae061c&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"DriversMap\",style:(_vm.calcPosition)},[_c('TheSubHeader',{attrs:{\"icon\":\"map-pin\",\"title\":\"Mapa de Motoristas\",\"page-title-tag\":\"Drivers Map\",\"type\":\"filter\",\"organizer-gap\":\"1rem\",\"organizer-columns\":_vm.organizerColumns},scopedSlots:_vm._u([{key:\"filter\",fn:function(){return [(_vm.filtersPermissions.orders ? _vm.filtersPermissions.orders : true)?_c('BaseTreeSelect',{attrs:{\"name\":\"Nº de pedido\",\"label\":\"Nº de pedido\",\"placeholder\":\"Pesquisar\",\"multiple\":\"\",\"enable-paste\":true,\"allow-create\":true,\"no-options-text\":\"Nº de pedido\"},on:{\"input\":function($event){return _vm.search(true)}},model:{value:(_vm.filter.order_number),callback:function ($$v) {_vm.$set(_vm.filter, \"order_number\", $$v)},expression:\"filter.order_number\"}}):_vm._e(),_c('BaseTreeSelect',{ref:\"lojista\",attrs:{\"name\":\"Lojista\",\"label\":\"Lojista\",\"placeholder\":\"Selecione a Loja\",\"multiple\":\"\",\"read-only\":_vm.filtersPermissions ? !_vm.filtersPermissions.storesFilter : true,\"select-options\":null,\"fetch-options\":'stores/fetchStoresImportAsync'},on:{\"input\":function($event){return _vm.search(true)}},model:{value:(_vm.filter.store_id),callback:function ($$v) {_vm.$set(_vm.filter, \"store_id\", $$v)},expression:\"filter.store_id\"}}),_c('BaseTreeSelect',{attrs:{\"name\":\"Transportadora\",\"label\":\"Transportadora\",\"placeholder\":\"Selecione a Transportadora\",\"multiple\":\"\",\"read-only\":_vm.filtersPermissions ? !_vm.filtersPermissions.trasporterFilter : true,\"select-options\":_vm.transporters,\"is-loading\":_vm.transporters.length === 0},on:{\"input\":function($event){return _vm.search(true)}},model:{value:(_vm.filter.transporter_id),callback:function ($$v) {_vm.$set(_vm.filter, \"transporter_id\", $$v)},expression:\"filter.transporter_id\"}})]},proxy:true},(_vm.allTags.length)?{key:\"tag\",fn:function(){return [_c('div',{staticClass:\"Orders__tags\"},[_c('FiltersTag',{attrs:{\"tags\":_vm.allTags},on:{\"removeTag\":_vm.removeTag,\"clear\":_vm.clearAllTags}})],1)]},proxy:true}:null],null,true)}),_c('div',{staticClass:\"DriversMap__content\"},[_c('BaseMap',{ref:\"map\",attrs:{\"markers\":_vm.mappedTracking,\"hide-details-button\":_vm.filtersPermissions.orders ? !_vm.filtersPermissions.orders : false,\"zoom\":12}}),(_vm.mappedTracking.length === 0)?_c('div',{staticClass:\"DriversMap__nocontent\"},[_vm._v(\" Nenhum motorista encontrado \")]):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <main class=\"DriversMap\" :style=\"calcPosition\">\n    <TheSubHeader\n      icon=\"map-pin\"\n      title=\"Mapa de Motoristas\"\n      page-title-tag=\"Drivers Map\"\n      type=\"filter\"\n      organizer-gap=\"1rem\"\n      :organizer-columns=\"organizerColumns\"\n    >\n      <template #filter>\n        <!-- Pedido -->\n        <BaseTreeSelect\n          v-if=\"filtersPermissions.orders ? filtersPermissions.orders : true\"\n          v-model=\"filter.order_number\"\n          name=\"Nº de pedido\"\n          label=\"Nº de pedido\"\n          placeholder=\"Pesquisar\"\n          multiple\n          :enable-paste=\"true\"\n          :allow-create=\"true\"\n          no-options-text=\"Nº de pedido\"\n          @input=\"search(true)\"\n        />\n\n        <!-- Lojista -->\n        <BaseTreeSelect\n          ref=\"lojista\"\n          v-model=\"filter.store_id\"\n          name=\"Lojista\"\n          label=\"Lojista\"\n          placeholder=\"Selecione a Loja\"\n          multiple\n          :read-only=\"filtersPermissions ? !filtersPermissions.storesFilter : true\" \n          :select-options=\"null\"\n          :fetch-options=\"'stores/fetchStoresImportAsync'\"\n          @input=\"search(true)\"\n        />\n\n        <!-- Transportadora -->\n        <BaseTreeSelect\n          v-model=\"filter.transporter_id\"\n          name=\"Transportadora\"\n          label=\"Transportadora\"\n          placeholder=\"Selecione a Transportadora\"\n          multiple\n          :read-only=\"filtersPermissions ? !filtersPermissions.trasporterFilter : true\"\n          :select-options=\"transporters\"\n          :is-loading=\"transporters.length === 0\"\n          @input=\"search(true)\"\n        />\n      </template>\n      <template v-if=\"allTags.length\" #tag>\n        <div class=\"Orders__tags\">\n          <FiltersTag :tags=\"allTags\" @removeTag=\"removeTag\" @clear=\"clearAllTags\" />\n        </div>\n      </template>\n    </TheSubHeader>\n    <div class=\"DriversMap__content\">\n      <BaseMap ref=\"map\" :markers=\"mappedTracking\" :hide-details-button=\"filtersPermissions.orders ? !filtersPermissions.orders : false\" :zoom=\"12\" />\n      <div v-if=\"mappedTracking.length === 0\" class=\"DriversMap__nocontent\">\n        Nenhum motorista encontrado\n      </div>\n    </div>\n  </main>\n</template>\n\n<script>\nimport { BaseTreeSelect } from '@/components/atoms'\nimport { BaseMap, FiltersTag } from '@/components/molecules'\nimport { TheSubHeader } from '@/components/organisms'\nimport { mapActions, mapState, mapGetters } from 'vuex'\n\nexport default {\n  name: 'DriversMap',\n  components: { BaseMap, BaseTreeSelect, TheSubHeader,FiltersTag },\n  data() {\n    return {\n      filter:{\n        order_number: [],\n        store_id: [],\n        transporter_id: [],\n      },\n      allTags: [],\n      timeOutUpdate: 30,\n      time: null\n    }\n  },\n  computed:{\n    ...mapState({\n      transporters: state => state.transporters.transporters,\n      driversTracking: state => state.drivers.driversTracking,\n      permissions: state => state.auth.permissions\n    }),\n\n    ...mapGetters({\n      mappedTracking: 'drivers/mappedTracking',\n    }),\n\n    calcPosition(){\n      return {\n        '--base-positions' : this.allTags.length ?  '-141px' : '-85px'\n      }\n    },\n\n    parsedTime(){\n      return this.timeOutUpdate ? this.timeOutUpdate * 1000 : null\n    },\n\n    organizerColumns() {\n      return this.permissions?.map?.ordersFilter ? 'repeat(3, 1fr)' : 'repeat(2, 1fr)'\n    },\n\n    filtersPermissions() {\n      return {\n        orders: this.permissions?.map?.ordersFilter,\n        stores: this.permissions?.map?.storesFilter,\n        transporter: this.permissions?.map?.trasporterFilter\n      }\n    }\n  },\n\n  beforeDestroy(){\n    clearTimeout(this.time)\n  },\n\n  async mounted(){\n    this.setLoading(true)\n    \n    this.fetchTransporters()\n\n    await this.fetchDriversTracking()\n    if (this.$refs.map) {\n      this.$refs.map.fitBounds()\n    }\n\n    if (this.parsedTime) this.updateMap()\n\n    this.setLoading(false)\n  },\n\n  methods:{\n    ...mapActions({\n      setLoading: 'loading/setLoading',\n      fetchTransporters: 'transporters/fetchTransporters',\n      fetchDriversTracking: 'drivers/fetchDriversTracking',\n    }),\n\n    updateMap(){\n      clearTimeout(this.time)\n      this.time = setTimeout(() => {\n        if (this.$route.name === 'map') {\n          this.search(false)\n          this.updateMap()\n        } else {\n          clearTimeout(this.time)\n        }\n      }, this.parsedTime)\n    },\n\n    updateTags(){\n      this.allTags = [...this.filter.order_number, ...this.filter.store_id, ...this.filter.transporter_id]\n    },\n\n    removeTag(name, id){\n      this.allTags = this.allTags.filter((tag) => tag.id !== id)\n      this.filter.order_number = this.filter.order_number.filter((tag) => tag.name !== name)\n      this.filter.store_id = this.filter.store_id.filter((tag) => tag.name !== name)\n      this.filter.transporter_id = this.filter.transporter_id.filter((tag) => tag.name !== name)\n      \n      this.search(true)\n    },\n\n    clearAllTags(){\n      this.allTags = []\n      this.filter.order_number = []\n      this.filter.store_id = []\n      this.filter.transporter_id = []\n      this.search(true)\n    },\n\n\n    async search(fitBounds){\n      this.$nextTick(async () => {\n        const obj = {\n          order_number: this.filter.order_number,\n          store_id: this.$refs.lojista.checkSelectAll ? [] : this.filter.store_id,\n          transporter_id: this.filter.transporter_id\n        }\n        \n        this.updateTags()\n        if (fitBounds) {\n          this.setLoading(true)\n          await this.fetchDriversTracking(obj)\n          this.$refs.map.fitBounds()\n          this.setLoading(false)\n        } else {\n          await this.fetchDriversTracking(obj)\n        }\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  .DriversMap {\n    &__content{\n      height: calc(100vh - (104px - var(--base-positions)) );\n      position: relative;\n      margin-top: -96px;\n\n      @media #{$mobile-view} {\n        height: calc(100vh - (-26px - var(--base-positions)))\n      }\n    }\n    &__nocontent {\n      background: #fff;\n      border-radius: 4px;\n      padding: 20px;\n      position: absolute;\n      color: #333;\n      top: calc(50% - 28px);\n      right: calc(50% - 115px);\n      z-index: 2;\n      font-size: $font-size-3xsmall;\n      box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3);\n    }\n  }\n</style>","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!./DriversMap.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!./DriversMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DriversMap.vue?vue&type=template&id=15ae061c&scoped=true&\"\nimport script from \"./DriversMap.vue?vue&type=script&lang=js&\"\nexport * from \"./DriversMap.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DriversMap.vue?vue&type=style&index=0&id=15ae061c&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  \"15ae061c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}