{"version":3,"sources":["webpack:///./src/View/setting/location/location.vue","webpack:///src/View/setting/location/location.vue","webpack:///./src/View/setting/location/location.vue?0fe5","webpack:///./src/View/setting/location/location.vue?845d","webpack:///./src/View/setting/location/location.vue?2421"],"names":["render","_vm","this","_c","_self","staticClass","_m","_v","_l","empStatusList","status","index","key","class","attrs","selected","fullName","length","on","$event","toggleActiveAndInactiveB","ref","staticStyle","center","userLocation","marker","latitude","locationObj","longitude","_s","firstName","lastName","_f","addedDate","staticRenderFns","Vue","load","libraries","props","name","components","StatusBtn","data","orgId","isSocketLoaded","selectedEmpId","lat","lng","places","currentPlace","created","mounted","navigator","alert","beforeDestroy","methods","a","filter","getActivityList","MyJobApp","response","temp","setTimeout","message","setBound","bounds","fitBoud","map","getEmployeeList","userDetailId","loadSocket","updateStaffLocation","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACJ,EAAIK,GAAG,GAAGH,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,6CAA6C,CAACF,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACJ,EAAIM,GAAG,eAAeN,EAAIO,GAAIP,EAAIQ,eAAe,SAASC,EAAOC,GAAO,OAAOR,EAAG,MAAM,CAACS,IAAID,EAAME,MAAO,IAAY,IAAVF,EAAc,yBAA2B,KAAM,CAACR,EAAG,YAAY,CAACE,YAAY,yBAAyBS,MAAM,CAAC,SAAWJ,EAAOK,SAAS,QAAUL,EAAOM,SAAS,WAAaf,EAAIQ,cAAcQ,SAAWN,EAAQ,GAAGO,GAAG,CAAC,aAAe,SAASC,GAAQ,OAAOlB,EAAImB,yBAAyBT,QAAY,OAAM,KAAKR,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,WAAW,CAACkB,IAAI,OAAOC,YAAY,CAAC,MAAQ,OAAO,OAAS,SAASR,MAAM,CAAC,OAASb,EAAIsB,OAAO,KAAO,KAAK,CAACpB,EAAG,cAAc,CAACW,MAAM,CAAC,SAAWb,EAAIsB,OAAO,WAAY,IAAOtB,EAAIO,GAAIP,EAAIuB,cAAc,SAASC,EAAOd,GAAO,OAAOR,EAAG,qBAAqB,CAACS,IAAID,EAAMG,MAAM,CAAC,OAAS,CAACY,SAAUD,EAAOE,YAAYD,SAAUE,UAAWH,EAAOE,YAAYC,aAAa,CAACzB,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,IAAI,CAACE,YAAY,wBAAwB,CAACJ,EAAIM,GAAGN,EAAI4B,GAAGJ,EAAOK,WAAW,IAAI7B,EAAI4B,GAAGJ,EAAOM,aAAa5B,EAAG,IAAI,CAACE,YAAY,cAAc,CAACJ,EAAIM,GAAGN,EAAI4B,GAAG5B,EAAI+B,GAAG,wBAAP/B,CAAgCwB,EAAOQ,sBAAqB,IAAI,IAAI,UAEr8CC,EAAkB,CAAC,WAAY,IAAIjC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,gGAAgG,CAACJ,EAAIM,GAAG,oB,gGC6CxO4B,OAAIA,IAAIA,EAAeA,CACvBC,MACAxB,mCACAyB,8BAGe,OACfC,kBACAC,iBACAC,YACAC,iBACA,6BAEAC,OACA,OACAC,QACAC,kBACApB,gBACAf,iBACAoC,iBACAtB,QAAAuB,sBAAAC,uBAEAC,UACAC,oBAGAC,YAEAC,UACA,uBACA,uBAEA,kDACA,kDACA,kCACA,SACA,aAAAL,eAAAC,iBAEA,sBACAK,6CACA,aACAN,sBACAC,0BAKAM,uDAIAC,gBACA,cACA,iCACA,sBAGAC,SACAnC,4BACA,SACA,yDACA,kCACA,sBACA,4CACA,uCAGA,+DACA,sBACA,mCACA,+BACA,aACAoC,cAEA,QACAA,cACA,yCAIA,aACAC,UACA,2CAIA,kCAEA,2CACA,kCACA,sBACA,4CACA,kCAGA,oCACA,gBAEA,yCACA,kCACA,sBACA,4CACA,kCAGA,wBAEAC,mBACAC,uBACA,mBACAC,IACA,8BACA,2BACAC,8CAEA,oBACA,GACAC,gBACA,iBACA,KAEA,kCAAApD,UAAAqD,cAEA,KACA,8BACA,kCAAArD,UAAAqD,gBAIAC,WACA,qCACA,SACA,4CACA,OACAlB,kCACAC,mCAEAkB,YACA,+BACA,2CACAC,KACA,OAAApB,uCAAAC,yCACAkB,aAGA,OACAE,kBAIAC,kBACAT,uBACA,SACAC,IACA,gDACA,2BACAC,iBACAA,uDAEA,SACAQ,eACArD,eACAD,aAEA,iCACA,qBACA,kBAEA,kCAAAL,UAAAqD,cAEA,KACA,8BACA,kCAAArD,UAAAqD,gBAIAO,aACA,uBACA,sDACA,wBACA,wBACA,oBACA,0BAGA,wBAAA5B,WACA,oBACA,iCACA,WAEA,gBAGA,4BAKA6B,uBACA,2BAEA,4CACA,2BACA,yCACA,oDACA,qDACA,4DC7PgX,I,wBCQ5WC,EAAY,eACd,EACAxE,EACAkC,GACA,EACA,KACA,WACA,MAIa,aAAAsC,E,2CCnBf,W","file":"js/chunk-c0d894d0.3fe88d07.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mt-12\"},[_c('div',{staticClass:\"card bg-white rounded-xl p-4\"},[_vm._m(0),_c('div',{staticClass:\"mt-8\"},[_c('div',{staticClass:\"flex overflow-auto mb-2 items-center mt-4\"},[_c('div',{staticClass:\"pr-2 text-gray4 heading-5\"},[_vm._v(\"Employee:\")]),_vm._l((_vm.empStatusList),function(status,index){return _c('div',{key:index,class:`${index === 0 ? 'left-0 sticky bg-white' : ''}`},[_c('StatusBtn',{staticClass:\"whitespace-nowrap my-1\",attrs:{\"selected\":status.selected,\"btnText\":status.fullName,\"lastInlist\":_vm.empStatusList.length === index + 1},on:{\"buttonAction\":function($event){return _vm.toggleActiveAndInactiveB(index)}}})],1)})],2)]),_c('div',{staticClass:\"card bg-white rounded-xl p-2 mt-4\"},[_c('div',{staticClass:\"relative\"},[_c('gmap-map',{ref:\"gmap\",staticStyle:{\"width\":\"100%\",\"height\":\"700px\"},attrs:{\"center\":_vm.center,\"zoom\":11}},[_c('gmap-marker',{attrs:{\"position\":_vm.center,\"clickable\":true}},_vm._l((_vm.userLocation),function(marker,index){return _c('gmap-custom-marker',{key:index,attrs:{\"marker\":{latitude: marker.locationObj.latitude, longitude: marker.locationObj.longitude}}},[_c('div',{staticClass:\"staff-popup card rounded bg-white\"},[_c('p',{staticClass:\"text-text2 heading-6\"},[_vm._v(_vm._s(marker.firstName)+\" \"+_vm._s(marker.lastName))]),_c('p',{staticClass:\"text-text2\"},[_vm._v(_vm._s(_vm._f(\"filterForLocationTime\")(marker.addedDate)))])])])}),1)],1)],1)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"relative\"},[_c('div',{staticClass:\"card top_primary_card bg-primary font-bold text-white p-4 rounded-xl absolute -top-11 w-full\"},[_vm._v(\" Location \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mt-12\">\n    <div class=\"card bg-white rounded-xl p-4 \">\n      <div class=\"relative\">\n        <div class=\"card top_primary_card bg-primary font-bold text-white p-4 rounded-xl absolute -top-11 w-full\">\n          Location\n        </div>\n      </div>\n      <div class=\"mt-8\">\n        <div class=\"flex overflow-auto mb-2 items-center mt-4\">\n          <div class=\"pr-2 text-gray4 heading-5\">Employee:</div>\n          <div class=\"\" v-for=\"(status, index) in empStatusList\" :key=\"index\" :class=\"`${index === 0 ? 'left-0 sticky bg-white' : ''}`\">\n            <StatusBtn class=\" whitespace-nowrap my-1\" @buttonAction=\"toggleActiveAndInactiveB(index)\" :selected=\"status.selected\" :btnText=\"status.fullName\" :lastInlist=\"empStatusList.length === index + 1\"/>     \n          </div>\n        </div>\n      </div>\n      <div class=\"card bg-white rounded-xl p-2 mt-4\">\n       <div class=\"relative\">\n         <gmap-map\n         ref=\"gmap\"\n           :center=\"center\"\n           :zoom=\"11\"\n           style=\"width: 100%; height: 700px\">\n           <gmap-marker :position=\"center\" :clickable=\"true\">\n             <gmap-custom-marker v-for=\"(marker, index) in userLocation\" :key=\"index\"\n             :marker=\"{latitude: marker.locationObj.latitude, longitude: marker.locationObj.longitude}\">\n               <div class=\"staff-popup card rounded bg-white\">\n                 <p class=\"text-text2 heading-6\">{{marker.firstName}} {{marker.lastName}}</p>\n                 <p class=\"text-text2\">{{marker.addedDate | filterForLocationTime}}</p>\n               </div>\n             </gmap-custom-marker>\n           </gmap-marker>\n         </gmap-map>\n       </div>\n     </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport * as config from '@/config.js'\nimport GmapCustomMarker from './vue2-gmap-custom-marker/gmap-custom-marker.vue'\nimport store from '@/store'\nimport Vue from 'vue'\nimport * as VueGoogleMaps from 'vue2-google-maps'\nimport StatusBtn from \"@/View/components/statu-filter-btn.vue\";\nimport MyJobApp from '@/api/MyJobApp.js'\nVue.use(VueGoogleMaps, {\n  load: {\n    key: store.getters.googleMapApiKey,\n    libraries: 'places,drawing' // necessary for places input\n  }\n})\nexport default {\n  props: ['markers'],\n  name: 'GoogleMap',\n  components: {\n    StatusBtn,\n    'gmap-custom-marker': GmapCustomMarker,\n  },\n  data () {\n    return {\n      orgId: 0,\n      isSocketLoaded: false,\n      userLocation: [],\n      empStatusList: [],\n      selectedEmpId: [],\n      center: { lat: 18.60215033927151, lng: 73.75374753105622},\n      // markers: [],\n      places: [],\n      currentPlace: null\n    }\n  },\n  created () {\n  },\n  mounted () {\n    this.getEmployeeList()\n    this.getActivityList()\n\n    let orgDetail = JSON.parse(localStorage.getItem('orgInfo'))\n    let jobUserInfo = JSON.parse(localStorage.getItem('jobUserInfo'))\n    this.orgId = jobUserInfo.organizationDetailId\n    if (orgDetail !== null) {\n      this.center = { lat: orgDetail.latitude, lng: orgDetail.longitude}\n    } else {\n      if (navigator.geolocation) {\n        navigator.geolocation.getCurrentPosition(currentPosition => {\n          this.center = {\n            lat : currentPosition.coords.latitude,\n            lng : currentPosition.coords.longitude,\n          }\n        })\n      }\n      else {\n        alert('Geolocation is not supported in this browser')\n      }\n    }\n  },\n  beforeDestroy () {\n    if (this.socket) {\n      this.socket.onclose = function () {}\n      this.socket.close()\n    }\n  },\n  methods: {\n    toggleActiveAndInactiveB (index) {\n      let filter = []\n      if (this.empStatusList[index].fullName.toLowerCase() === 'all') {\n        this.empStatusList[0].selected = true\n        this.selectedEmpId = []\n        for (let index = 0; index < this.empStatusList.length; index++) {\n          this.empStatusList[index].selected = true\n        }\n      } else {\n        this.empStatusList[index].selected = !this.empStatusList[index].selected\n        this.selectedEmpId = []\n        this.empStatusList.forEach((a, id) => {\n          if (this.empStatusList[0].selected) {\n            if (id !== index && id !== 0) {\n              a.selected = false\n            } else {\n              if (id !== 0) {\n                a.selected = true\n                this.selectedEmpId.push(a.userDetailId)\n              }\n            }\n          } else {\n            if (a.selected) {\n              filter.push(a)\n              this.selectedEmpId.push(a.userDetailId)\n            }\n          }\n        })\n        this.empStatusList[0].selected = false\n      }\n      if (filter.length === this.empStatusList.length - 1) {\n        this.empStatusList[0].selected = true\n        this.selectedEmpId = []\n        for (let index = 0; index < this.empStatusList.length; index++) {\n          this.empStatusList[index].selected = true\n        }\n      }\n      let arry = this.empStatusList.filter(a => {\n        return a.selected === false\n      })\n      if (arry.length === this.empStatusList.length) {\n        this.empStatusList[0].selected = true\n        this.selectedEmpId = []\n        for (let index = 0; index < this.empStatusList.length; index++) {\n          this.empStatusList[index].selected = true\n        }\n      }\n      this.getActivityList()\n    },\n    getActivityList (noBound) {\n      MyJobApp.getUserLocation(\n        this.selectedEmpId,\n        response => {\n          let temp = response.Data !== null ? response.Data : []\n          for (let index = 0; index < temp.length; index++) {\n            temp[index].locationObj = JSON.parse(temp[index].locationObj)\n          }\n          this.userLocation = temp\n          if (!noBound) {\n            setTimeout(() => {\n            this.setBound()\n          }, 100)\n          }\n          this.$store.dispatch('SetLoader', {status: false, message: ''})\n        },\n        () => {\n          this.resetPaginationValues = false\n          this.$store.dispatch('SetLoader', {status: false, message: ''})\n        }\n      )\n    },\n    setBound () {\n      this.$refs.gmap.$mapPromise.then((map) => {\n        let fitBoud = false\n        const bounds = new window.google.maps.LatLngBounds()\n        let position = {\n          lat: parseFloat(18.60215033927151),\n          lng: parseFloat(73.75374753105622)\n        }\n        bounds.extend(position)\n        for (let m of this.userLocation) {\n          if (parseFloat(m.locationObj.latitude) !== 0) {\n            fitBoud = true\n            let position = {lat: parseFloat(m.locationObj.latitude), lng: parseFloat(m.locationObj.longitude)}\n            bounds.extend(position)\n          }\n        }\n        if (fitBoud === true) {\n          map.fitBounds(bounds)\n        }\n      })\n    },\n    getEmployeeList () {\n      MyJobApp.getEmployeeList(\n        'active',\n        response => {\n          let temp = response.Data.tableRow !== null ? response.Data.tableRow : []\n          for (let index = 0; index < temp.length; index++) {\n            temp[index].selected = true\n            temp[index].fullName = temp[index].firstName + temp[index].lastName.substr(0, 1)\n          }\n          const newFirstElement = {\n            userDetailId: 0,\n            fullName: \"All\",\n            selected: true\n          }\n          this.empStatusList = [newFirstElement].concat(temp)\n          if (!this.isSocketLoaded) {\n            this.loadSocket()\n          }\n          this.$store.dispatch('SetLoader', {status: false, message: ''})\n        },\n        () => {\n          this.resetPaginationValues = false\n          this.$store.dispatch('SetLoader', {status: false, message: ''})\n        }\n      )\n    },\n    loadSocket () {\n      this.isSocketLoaded = true\n      this.socket = new WebSocket(config.SOCKET_API + '/api/v1/notify/ws')\n      this.socket.onopen = () => {\n            let data = 'org-' + this.orgId\n        this.socket.send(data)\n        this.socket.onerror = (error) => {\n          console.error('WebSocket error:', error);\n        };\n        this.socket.onmessage = ({data}) => {\n          let receivedData = JSON.parse(data)\n          let slug = receivedData.data.communication_type_slug\n          if (slug === 'job') {\n            console.log('job slug load');\n          } else if (slug === 'location') {\n            // console.log('check 22 receivedData', receivedData);\n            //   this.updateStaffLocation(receivedData)\n            this.getActivityList(true)\n          }\n        }\n      }\n    },\n    updateStaffLocation (receivedData) {\n      let notifyObj = receivedData.data.notify_object\n      console.log('notifyObj', notifyObj)\n      for (let index = 0; index < this.userLocation.length; index++) {\n        let staffLocation = this.userLocation[index]        \n        if (staffLocation.userDetailId === receivedData.data.user_detail_id) {          \n          this.userLocation[index].addedDate = receivedData.data.expire_on +'Z'\n          this.userLocation[index].locationObj.latitude = notifyObj.latitude\n          this.userLocation[index].locationObj.longitude = notifyObj.longitude\n        }\n      }\n    },\n  }\n}\n</script>\n<style scoped>\n.staff-popup {\n    -webkit-transition: none!important;\n    transition: none!important;\n    color: #000;\n    background-color: #ffffff;\n    border-color: #626f80;\n    width: 160px;\n    min-width: 38px;\n    border-radius: 12px;\n    padding: 4px 8px 4px 12px;\n    position: absolute;\n    border-width: 2px;\n    border-style: solid;\n    height: auto;\n    -webkit-transition: .3s all cubic-bezier(.39,.575,.565,1);\n    transition: .3s all cubic-bezier(.39,.575,.565,1);\n    font-size: 13px;\n    text-align: center;\n    left: -57px;\n    top: -45px;\n}\n.staff-popup img {\n    height: 35px;\n    border-radius: 50%;\n}\n.staff-popup:before {\n  background-color: inherit;\n  border-color: inherit;\n  display: inline-block;\n  margin: 0;\n  content: '';\n  width: 10px;\n  height: 10px;\n  position: absolute;\n  top: 36px;\n  left: calc(50% - 5px);\n  border-width: 0 2px 2px 0;\n  border-style: solid;\n  -webkit-transform: rotate(45deg);\n  -moz-transform: rotate(45deg);\n  -ms-transform: rotate(45deg);\n  -o-transform: rotate(45deg);\n  transform: rotate(45deg);\n}\n</style>","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!./location.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!./location.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./location.vue?vue&type=template&id=35edaac5&scoped=true&\"\nimport script from \"./location.vue?vue&type=script&lang=js&\"\nexport * from \"./location.vue?vue&type=script&lang=js&\"\nimport style0 from \"./location.vue?vue&type=style&index=0&id=35edaac5&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  \"35edaac5\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./location.vue?vue&type=style&index=0&id=35edaac5&prod&scoped=true&lang=css&\""],"sourceRoot":""}