{"version":3,"sources":["webpack:///./src/helpers/locationHelpers.js","webpack:///./src/views/CompanyLocations.vue","webpack:///src/views/CompanyLocations.vue","webpack:///./src/views/CompanyLocations.vue?8bbb","webpack:///./src/views/CompanyLocations.vue?2708","webpack:///./src/assets/img/map_icon.svg","webpack:///./src/views/CompanyLocations.vue?d3ea"],"names":["bgEnums","require","enum","locationPerimeterType","location","parseLatLng","loc","latLng","split","length","lat","Number","lng","parsePerimetersFromDb","dbPerimeters","perimeters","forEach","perimeter","index","type","POLYGON","value","dbValue","push","name","paths","center","radius","MARKER","parsePerimetersToDb","map","x","verifyPerimeters","every","setPolygonPaths","mvcPaths","i","getLength","path","j","getAt","point","render","_vm","this","_c","_self","attrs","_v","staticStyle","slot","staticClass","gettingLocations","ref","mapCenter","_l","filter","key","refInFor","parseFloat","markers","marker","position","on","$event","toggleInfoWindow","infoWindowPos","infoWinOpen","params","deviceId","infoContent","id","tab","_s","address","staticRenderFns","reportsNames","planCapabilities","metaInfo","title","components","card","mixins","data","currentMidx","currentMap","currentMarkers","totalLocaltions","computed","currentCompany","seedMap","findDeviceGroupsInStore","google","query","companyId","mounted","methods","seedMapFromAPI","findDeviceGroups","$skip","$limit","skipDeviceGroups","skipDevices","updatedMarkers","allDevicesLocations","bounds","contentInfo","setTimeout","component","module","exports"],"mappings":"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","file":"js/chunk-7b411d6c.48d717ff.js","sourcesContent":["const bgEnums = require('../../../cross/index').enum;\n\nconst { locationPerimeterType } = bgEnums.location;\nexport default {\n  parseLatLng(loc) {\n    const latLng = loc.split(',');\n    if (latLng.length === 2) return { lat: Number(latLng[0]), lng: Number(latLng[1]) };\n    if (latLng.length === 4) {\n      return { lat: Number(`${latLng[0]}.${latLng[1]}`), lng: Number(`${latLng[2]}.${latLng[3]}`) };\n    }\n    return null;\n  },\n  parsePerimetersFromDb(dbPerimeters) {\n    const perimeters = [];\n    dbPerimeters.forEach((perimeter, index) => {\n      if (perimeter.type === locationPerimeterType.POLYGON.value.dbValue) {\n        perimeters.push({\n          name: `Geo-fence ${index + 1}`,\n          value: index,\n          type: locationPerimeterType.POLYGON.value,\n          paths: perimeter.paths,\n          center: { lat: null, lng: null },\n          radius: null,\n        });\n      }\n      if (perimeter.type === locationPerimeterType.MARKER.value.dbValue) {\n        perimeters.push({\n          name: `Geo-fence ${index + 1}`,\n          value: index,\n          type: locationPerimeterType.MARKER.value,\n          paths: [],\n          center: perimeter.center,\n          radius: perimeter.radius,\n        });\n      }\n    });\n    return perimeters;\n  },\n  parsePerimetersToDb(perimeters) {\n    return perimeters.map((x) => {\n      if (x.type.dbValue === locationPerimeterType.POLYGON.value.dbValue) {\n        return {\n          type: x.type.dbValue,\n          paths: x.paths,\n        };\n      }\n      return {\n        type: x.type.dbValue,\n        center: x.center,\n        radius: x.radius,\n      };\n    });\n  },\n  verifyPerimeters(perimeters) {\n    return perimeters.every(((perimeter) => {\n      if (perimeter.type === locationPerimeterType.POLYGON.value.dbValue) {\n        return perimeter.paths.length > 0;\n      }\n      return perimeter.center && perimeter.radius;\n    }));\n  },\n  setPolygonPaths(mvcPaths) {\n    const paths = [];\n    // eslint-disable-next-line no-plusplus\n    for (let i = 0; i < mvcPaths.getLength(); i++) {\n      const path = [];\n      // eslint-disable-next-line no-plusplus\n      for (let j = 0; j < mvcPaths.getAt(i).getLength(); j++) {\n        const point = mvcPaths.getAt(i).getAt(j);\n        path.push({ lat: point.lat(), lng: point.lng() });\n      }\n      paths.push(path);\n    }\n    return paths;\n  },\n};\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('portal',{attrs:{\"to\":\"breadcrumb\"}},[_c('Breadcrumb',[_c('b-breadcrumb-item',{attrs:{\"active\":\"\"}},[_vm._v(\" Map \")])],1)],1),_c('card',{staticStyle:{\"overflow\":\"visible\"},attrs:{\"slot\":\"external-body\",\"external-card\":\"material-card-content\",\"internal-card\":\"material-card\",\"style-internal-card\":\"flex:auto\"},slot:\"external-body\"},[_c('div',{staticClass:\"map-view\",attrs:{\"slot\":\"header\",\"id\":\"companyMapContainer\"},slot:\"header\"},[_c('div',{staticStyle:{\"height\":\"85vh\",\"z-index\":\"0\"},attrs:{\"slot\":\"body\"},slot:\"body\"},[_c('b-loading',{attrs:{\"is-full-page\":false,\"active\":_vm.gettingLocations,\"can-cancel\":false}}),_c('GmapMap',{ref:\"map\",staticStyle:{\"height\":\"85vh\",\"z-index\":\"0\"},attrs:{\"center\":_vm.mapCenter,\"zoom\":2,\"options\":{\n            'minZoom': 2,\n            'maxZoom': 20,\n            'streetViewControl': false,\n            'mapTypeControl': false,\n            'clickableIcons': false\n          }}},[_vm._l((_vm.perimeters.filter(\n              (x) => x.type.dbValue === _vm.locationPerimeterType.POLYGON.value.dbValue)),function(perimeter,index){return _c('gmap-polygon',{key:index,ref:\"polygon\",refInFor:true,attrs:{\"paths\":perimeter.paths}})}),_vm._l((_vm.perimeters.filter((x) =>\n              x.type.dbValue === _vm.locationPerimeterType.MARKER.value.dbValue\n              && x.center.lat && x.center.lng\n              && x.radius)),function(perimeter){return _c('GmapCircle',{key:perimeter.name,attrs:{\"center\":{lat: parseFloat(perimeter.center.lat),\n                      lng: parseFloat(perimeter.center.lng)},\"radius\":parseFloat(perimeter.radius),\"visible\":true,\"options\":{'fillColor':'red', 'fillOpacity':0.2}}})}),_vm._l((_vm.markers),function(marker,index){return _c('gmap-marker',{key:index,attrs:{\"position\":marker.position,\"icon\":{'url': require('@/assets/img/map_icon.svg')}},on:{\"click\":function($event){return _vm.toggleInfoWindow(marker,index)}}})}),_c('gmap-info-window',{attrs:{\"position\":_vm.infoWindowPos,\"opened\":_vm.infoWinOpen},on:{\"closeclick\":function($event){_vm.infoWinOpen=false}}},[_c('div',[_c('router-link',{attrs:{\"to\":{ name: 'device', params: { deviceId: _vm.infoContent.id, tab: 'location' } }}},[_c('strong',[_vm._v(_vm._s(_vm.infoContent.name))]),_c('br')]),_vm._v(\" \"+_vm._s(_vm.infoContent.address)+\" \")],1)])],2)],1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <portal to=\"breadcrumb\">\n      <Breadcrumb>\n        <b-breadcrumb-item active>\n          Map\n        </b-breadcrumb-item>\n      </Breadcrumb>\n    </portal>\n    <card\n      slot=\"external-body\"\n      external-card=\"material-card-content\"\n      internal-card=\"material-card\"\n      style-internal-card=\"flex:auto\"\n      style=\"overflow: visible\"\n    >\n      <div\n        id=\"companyMapContainer\"\n        slot=\"header\"\n        class=\"map-view\"\n      >\n        <div\n          slot=\"body\"\n          style=\"height:85vh;z-index:0;\"\n        >\n          <b-loading\n            :is-full-page=\"false\"\n            :active=\"gettingLocations\"\n            :can-cancel=\"false\"\n          />\n          <GmapMap\n            ref=\"map\"\n            :center=\"mapCenter\"\n            :zoom=\"2\"\n            :options=\"{\n              'minZoom': 2,\n              'maxZoom': 20,\n              'streetViewControl': false,\n              'mapTypeControl': false,\n              'clickableIcons': false\n            }\"\n            style=\"height:85vh;z-index:0;\"\n          >\n            <gmap-polygon\n              v-for=\"(perimeter, index) in perimeters.filter(\n                (x) => x.type.dbValue === locationPerimeterType.POLYGON.value.dbValue)\"\n              :key=\"index\"\n              ref=\"polygon\"\n              :paths=\"perimeter.paths\"\n            />\n            <GmapCircle\n              v-for=\"(perimeter) in perimeters.filter((x) =>\n                x.type.dbValue === locationPerimeterType.MARKER.value.dbValue\n                && x.center.lat && x.center.lng\n                && x.radius)\"\n              :key=\"perimeter.name\"\n              :center=\"{lat: parseFloat(perimeter.center.lat),\n                        lng: parseFloat(perimeter.center.lng)}\"\n              :radius=\"parseFloat(perimeter.radius)\"\n              :visible=\"true\"\n              :options=\"{'fillColor':'red', 'fillOpacity':0.2}\"\n            />\n            <gmap-marker\n              v-for=\"(marker, index) in markers\"\n              :key=\"index\"\n              :position=\"marker.position\"\n              :icon=\"{'url': require('@/assets/img/map_icon.svg')}\"\n              @click=\"toggleInfoWindow(marker,index)\"\n            />\n            <gmap-info-window\n              :position=\"infoWindowPos\"\n              :opened=\"infoWinOpen\"\n              @closeclick=\"infoWinOpen=false\"\n            >\n              <div>\n                <router-link\n                  :to=\"{ name: 'device', params: { deviceId: infoContent.id, tab: 'location' } }\"\n                >\n                  <strong>{{ infoContent.name }}</strong><br>\n                </router-link>\n                {{ infoContent.address }}\n              </div>\n            </gmap-info-window>\n          </GmapMap>\n        </div>\n      </div>\n    </card>\n  </div>\n</template>\n\n<script>\nimport { mapGetters, mapActions, mapState } from 'vuex';\nimport { gmapApi } from 'vue2-google-maps';\nimport card from '@/components/cross/Card.vue';\nimport locationHelpers from '@/helpers/locationHelpers';\nimport CompanyMixin from '@/mixins/company';\n\nimport bgEnums from '../../../cross/index';\n\nconst { reportsNames } = bgEnums.enum.report;\nconst { planCapabilities } = bgEnums.enum.planCapabilities;\nconst { locationPerimeterType } = bgEnums.enum.location;\n\nexport default {\n  name: 'CompanyLocations',\n  metaInfo: {\n    title: 'Map - Boardgent',\n  },\n  components: {\n    card,\n  },\n  mixins: [CompanyMixin],\n  data() {\n    return {\n      reportsNames,\n      planCapabilities,\n      gettingLocations: true,\n      infoContent: '',\n      infoWindowPos: {\n        lat: 0,\n        lng: 0,\n      },\n      infoWinOpen: false,\n      currentMidx: null,\n      currentMap: null,\n      currentMarkers: [],\n      totalLocaltions: 0,\n      mapCenter: { lat: 0, lng: 0 },\n      locationPerimeterType,\n    };\n  },\n  computed: {\n    ...mapGetters('companies', { currentCompany: 'getCurrentCompany' }),\n    ...mapGetters('seed-map', { seedMap: 'find' }),\n    ...mapGetters('employee-profiles', { findDeviceGroupsInStore: 'find' }),\n    ...mapState(['mainLayoutStyle']),\n    google: gmapApi,\n    markers() {\n      if (!this.google || !this.currentMap) {\n        return [];\n      }\n\n      const allDevicesLocations = this.seedMap({\n        query: {\n          companyId: this.currentCompany.id,\n        },\n      });\n      return this.updatedMarkers(allDevicesLocations);\n    },\n    perimeters() {\n      // The code was temporarily commented while ticket EAW-768 is resolved.\n      return [];\n      // if (!this.validateIfHasCapability([planCapabilities.GEOFENCING.value])) {\n      //   return [];\n      // }\n      // const allDeviceGroups = this.findDeviceGroupsInStore({\n      //   query: {\n      //     companyId: this.currentCompany.id,\n      //   },\n      // });\n\n      // const { data } = allDeviceGroups;\n      // const groupsWithPerimeter = data.filter((group) => group.locationBounds.enabled);\n      // let perimeters = [];\n      // groupsWithPerimeter.forEach((group) => {\n      //   perimeters = perimeters.concat(perimeters,\n      //     locationHelpers.parsePerimetersFromDb(group.locationBounds.perimeters));\n      // });\n      // return perimeters;\n    },\n  },\n  async created() {\n    await this.fetchApi();\n  },\n  mounted() {\n    this.currentMap = this.$refs.map;\n  },\n  methods: {\n    ...mapActions('seed-map', { seedMapFromAPI: 'find' }),\n    ...mapActions('employee-profiles', { findDeviceGroups: 'find' }),\n    async fetchApi() {\n      if (!this.currentCompany) return;\n      await this.fetchDeviceGroups();\n      await this.fetchSeedMap();\n    },\n    async fetchDeviceGroups(skip = 0) {\n      let skipDeviceGroups = skip;\n      const deviceGroupsAnswer = await this.findDeviceGroups({\n        query: {\n          companyId: this.currentCompany.id,\n          $skip: skipDeviceGroups,\n          $limit: 500,\n        },\n      });\n      skipDeviceGroups += 500;\n      this.totalLocaltions = deviceGroupsAnswer.total;\n      if (deviceGroupsAnswer.total > skipDeviceGroups) {\n        await this.findDeviceGroups(skipDeviceGroups);\n      }\n    },\n    async fetchSeedMap(skip = 0) {\n      let skipDevices = skip;\n      const deviceAnswer = await this.seedMapFromAPI({\n        query: {\n          companyId: this.currentCompany.id,\n          $skip: skipDevices,\n        },\n      });\n      skipDevices += 500;\n      this.totalLocaltions = deviceAnswer.total;\n      if (deviceAnswer.total > skipDevices) {\n        await this.fetchSeedMap(skipDevices);\n      }\n    },\n    toggleInfoWindow(marker, idx) {\n      this.infoWindowPos = marker.position;\n      this.infoContent = marker.contentInfo;\n\n      if (this.currentMidx === idx) {\n        this.infoWinOpen = !this.infoWinOpen;\n      } else {\n        this.infoWinOpen = true;\n        this.currentMidx = idx;\n      }\n    },\n    updatedMarkers(allDevicesLocations) {\n      if (allDevicesLocations.data.length === 0) {\n        this.gettingLocations = false;\n        return [];\n      }\n      this.gettingLocations = true;\n      const bounds = new this.google.maps.LatLngBounds();\n      const markers = [];\n      allDevicesLocations.data.forEach((device) => {\n        const position = locationHelpers.parseLatLng(device.lastLocation);\n        const myLatLng = new this.google.maps.LatLng(position.lat, position.lng);\n        bounds.extend(myLatLng);\n        markers.push({\n          position,\n          contentInfo: {\n            id: device.id,\n            name: device.name,\n            address: device.address,\n          },\n        });\n      });\n      setTimeout(() => {\n        this.$refs.map.fitBounds(bounds);\n        if (allDevicesLocations.total >= this.totalLocaltions) {\n          this.gettingLocations = false;\n        }\n      }, 500);\n      return markers;\n    },\n  },\n};\n</script>\n\n<style scoped>\n.map-view {\n  width: 100%; /* 30% */\n  overflow: hidden;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompanyLocations.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompanyLocations.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CompanyLocations.vue?vue&type=template&id=5bcc9c12&scoped=true&\"\nimport script from \"./CompanyLocations.vue?vue&type=script&lang=js&\"\nexport * from \"./CompanyLocations.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CompanyLocations.vue?vue&type=style&index=0&id=5bcc9c12&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5bcc9c12\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/map_icon.b14380e1.svg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompanyLocations.vue?vue&type=style&index=0&id=5bcc9c12&prod&scoped=true&lang=css&\""],"sourceRoot":""}