{"version":3,"sources":["webpack:///./src/views/visitasMapa.vue?f5bf","webpack:///./src/views/visitasMapa.vue","webpack:///src/views/visitasMapa.vue","webpack:///./src/views/visitasMapa.vue?c6f0","webpack:///./src/views/visitasMapa.vue?e438"],"names":["attrs","gmapCenter","_vm","poplyLineFlag","ref","strokeWeight","icons","scale","fillColor","fillOpacity","repeat","$event","infoOpened","infoContent","class","fnGetColor","flagPrevVisita","on","fnPrevVisita","_c","fnNextVisita","index","visita","toggleInfo","fnDrawPolyPath","staticRenderFns","render","computed","google","flagNextVisita","name","data","firstDay","lastDay","lat","lng","flagCurrentIndex","figura_camino_polyline","deliveryPath","deliveryPathColor","visitasDelDia","infoPosition","infoCurrentKey","infoOptions","pixelOffset","width","height","methods","findVisitas","fnGetDate","store_visita","textColorClass","fnGetIcon","marker","getParams","params","$gte","$lte","$in","mounted","query","then","result","Visitas","component"],"mappings":"+GAAA,W,yGCA6F,EAAb,W,IAA8CA,EAAM,KAAC,UAAaC,G,OAAoB,YAAc,CAAhD,aAA8DC,MAAIC,OAAmCC,OAAI,Q,MAAkB,CAAwB,SAAU,W,KAC3RC,E,cACaH,Y,GAEbI,cACE,mB,2BAGIC,EAAK,a,QACLC,C,aACAC,E,YALJ,oB,cAAA,G,MAQEC,CAAM,CATH,MAJoR,8BAAzD,QAgB9N,8BAAC,YAAiBC,GAAkC,WAApD,mB,GAAyH,CAA4B,eAAaC,GAA3E,uB,EAA4H,KAACA,qBAAJ,C,MAAuB,CAAtD,sBAA2DV,SAAIW,EAAL,aAAkQC,OAAUC,cAAmUf,IAAO,WAAQ,SAAT,GAAyB,cAAegB,K,CAA0C,cAAlF,uM,MAA4F,EAAQ,+CAA3G,yOAAoHC,MAAG,CAAC,MAAQ,gB,SAA2B,EAACC,eAAe,SAApD,cAAwDC,KAAG,GAAUnB,MAAM,aAAsBE,MAAO,YAAoCF,OAAM,oB,CAA0D,SAAQ,C,MAAG,CAAgB,MAAO,YAAnG,wCAAuHiB,MAAG,CAAC,MAAQ,mB,SAA2B,EAACG,eAAe,SAApD,cAAwDD,KAAG,GAAUnB,MAAM,aAAsBE,MAAO,YAAqCF,OAAM,oB,CAA0D,SAA1D,C,MAAoE,CAApE,kBAAsL,MAAS,sBAAc,a,MAAKqB,CAAMrB,OAAM,S,KAAM,WAAWsB,EAAM,YAAvB,G,KAA2B,G,MAAkBA,Y,GAA7C,yE,OAA2E,eAA3E,C,IAA4F,E,MAAkB,CAA/H,iBAAmL,SAAC,CAAC,MAAQ,IAAiBpB,IAAIqB,OAAoD,WAAY,E,WAA4BC,EAAsB,yCAA3V,IAhBn8C,MAAT,YAA5D,sCAkBIC,UAAe,SAAnB,GAESC,OAAQD,iBAAjB,W,sDCyFe,GACfE,UACAC,SACA,yBAEAC,iBACA,4DAIAb,iBACA,6DAKAc,YACAC,OACA,OACAC,8BACAC,2BACAhC,YAAAiC,cAAAC,eACAC,mBAEAC,4BACAlC,iBACAmC,gBACAC,4BAEAC,iBAEAC,kBACA5B,iBACAD,cACA8B,oBACAC,aACAC,aACAC,QACAC,eAKAC,YACA,0BACAC,qBAEAC,aACA,qDAEAlC,cACA,wCACAmC,YACA,GAAAC,gBAEAC,aACA,wCACAF,YACA,GAAAG,QAIA9B,cACA,mBAAAW,UAAAC,WACA,mBACA,4BAGA,mBACA,2BAGAX,kBACA,sBACA,4BACA,sDAEA,6BACA,qBACA,wBACAU,8BACAC,gCAEA,wBACAD,gCACAC,oCAIAf,oBACA,iDACA,yBACA,kEACA,kEAEA,2DACA,6CAGAF,oBACA,iDACA,yBACA,kEACA,kEAEA,2DACA,6CAGAoC,YACA,WAeA,OAdAC,YACAC,mBACAC,mBAGAF,iBAGA,uDACAA,aACAG,0DAIA,IAIAC,UACA,kBACAC,yBACAC,KAAAC,IACA,4BAKA,cAAAC,GAAA,uBACAA,mBACAzC,2BACAA,2BACA,+BC3PqV,I,wBCQjV0C,EAAY,eACd,EACA,EACAvC,GACA,EACA,KACA,KACA,MAIa,aAAAuC,E","file":"js/visitasmapa.e34c8622.js","sourcesContent":["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!./visitasMapa.vue?vue&type=style&index=0&id=dc949b18&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('GmapMap',{staticStyle:{\"width\":\"100%\",\"height\":\"93vh\"},attrs:{\"center\":_vm.gmapCenter,\"zoom\":7,\"map-type-id\":\"terrain\"}},[(_vm.poplyLineFlag)?_c('gmap-polyline',{ref:\"polyline\",attrs:{\"path\":_vm.deliveryPath,\"options\":{\n      strokeWeight: 5,\n      strokeColor: _vm.deliveryPathColor,\n      strokeOpacity: 0.7,\n      icons: [\n        {\n          icon: {\n            path: _vm.figura_camino_polyline,\n            scale: 3,\n            fillColor: _vm.deliveryPathColor,\n            fillOpacity: 1,\n          },\n          offset: '0',\n          repeat: '100px',\n        },\n      ],\n    }},on:{\"click\":function($event){_vm.poplyLineFlag = false}}}):_vm._e(),_c('gmap-info-window',{attrs:{\"options\":_vm.infoOptions,\"position\":_vm.infoPosition,\"opened\":_vm.infoOpened},on:{\"closeclick\":function($event){_vm.infoOpened = false}}},[(_vm.infoContent)?_c('v-card',{},[_c('v-card-title',[_vm._v(\" \"+_vm._s(_vm.infoContent.consejera_nombre))]),_c('v-card-text',[_c('div',[_c('strong',[_vm._v(\"Visita:\")]),_c('br'),_c('div',[_vm._v(\" \"+_vm._s(_vm.infoContent.motivo_de_visita)+\" \"),_c('v-icon',{class:_vm.fnGetColor(_vm.infoContent.motivo_de_visita_id)},[_vm._v(\"mdi-label-variant\")])],1),_vm._v(\" \"+_vm._s(_vm.fnGetDate(_vm.infoContent.fecha))+\" \")]),_c('div',[_c('strong',[_vm._v(\"Supervisora:\")]),_vm._v(\" \"),_c('br'),_vm._v(\" \"+_vm._s(_vm.infoContent.usuario_nombre)+\" \")])]),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"title\":\"Visita previa\",\"disabled\":_vm.flagPrevVisita,\"small\":\"\",\"elevation\":\"1\",\"text\":\"\",\"color\":\"white\"},on:{\"click\":function($event){return _vm.fnPrevVisita()}}},[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(\"mdi-arrow-left\")])],1),_c('v-btn',{attrs:{\"title\":\"Siguiente visita\",\"disabled\":_vm.flagNextVisita,\"small\":\"\",\"elevation\":\"1\",\"text\":\"\",\"color\":\"white\"},on:{\"click\":function($event){return _vm.fnNextVisita()}}},[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(\"mdi-arrow-right\")])],1),_c('v-btn',{attrs:{\"target\":\"_blank\",\"href\":'/visita/' + _vm.infoContent.id,\"text\":\"\",\"color\":\"primary\"}},[_vm._v(\" Ver mas \")])],1)],1):_vm._e()],1),_vm._l((_vm.visitasDelDia),function(visita,index){return _c('GmapMarker',{key:index,attrs:{\"id\":'visita' + visita.id,\"position\":{ lat: visita.lat, lng: visita.lng },\"clickable\":true,\"draggable\":false,\"icon\":_vm.fnGetIcon(visita.motivo_de_visita_id)},on:{\"click\":function($event){_vm.toggleInfo(visita), (_vm.flagCurrentIndex = index)},\"mouseover\":function($event){return _vm.fnDrawPolyPath(index)}}})})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <GmapMap\n    :center=\"gmapCenter\"\n    :zoom=\"7\"\n    map-type-id=\"terrain\"\n    style=\"width: 100%; height: 93vh\"\n  >\n    <gmap-polyline\n      v-if=\"poplyLineFlag\"\n      :path=\"deliveryPath\"\n      v-bind:options=\"{\n        strokeWeight: 5,\n        strokeColor: deliveryPathColor,\n        strokeOpacity: 0.7,\n        icons: [\n          {\n            icon: {\n              path: figura_camino_polyline,\n              scale: 3,\n              fillColor: deliveryPathColor,\n              fillOpacity: 1,\n            },\n            offset: '0',\n            repeat: '100px',\n          },\n        ],\n      }\"\n      ref=\"polyline\"\n      v-on:click=\"poplyLineFlag = false\"\n    ></gmap-polyline>\n    <gmap-info-window\n      :options=\"infoOptions\"\n      :position=\"infoPosition\"\n      :opened=\"infoOpened\"\n      @closeclick=\"infoOpened = false\"\n    >\n      <v-card v-if=\"infoContent\" class=\"\">\n        <v-card-title> {{ infoContent.consejera_nombre }}</v-card-title>\n        <v-card-text>\n          <div>\n            <strong>Visita:</strong><br />\n            <div>\n              {{ infoContent.motivo_de_visita }}\n              <v-icon :class=\"fnGetColor(infoContent.motivo_de_visita_id)\"\n                >mdi-label-variant</v-icon\n              >\n            </div>\n            {{ fnGetDate(infoContent.fecha) }}\n          </div>\n\n          <div>\n            <strong>Supervisora:</strong> <br />\n            {{ infoContent.usuario_nombre }}\n          </div>\n        </v-card-text>\n        <v-card-actions>\n          <v-spacer></v-spacer>\n          <v-btn\n            title=\"Visita previa\"\n            :disabled=\"flagPrevVisita\"\n            @click=\"fnPrevVisita()\"\n            small\n            elevation=\"1\"\n            text\n            color=\"white\"\n          >\n            <v-icon color=\"primary\">mdi-arrow-left</v-icon>\n          </v-btn>\n          <v-btn\n            title=\"Siguiente visita\"\n            :disabled=\"flagNextVisita\"\n            @click=\"fnNextVisita()\"\n            small\n            elevation=\"1\"\n            text\n            color=\"white\"\n          >\n            <v-icon color=\"primary\">mdi-arrow-right</v-icon>\n          </v-btn>\n\n          <v-btn\n            target=\"_blank\"\n            :href=\"'/visita/' + infoContent.id\"\n            text\n            color=\"primary\"\n          >\n            Ver mas\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </gmap-info-window>\n    <GmapMarker\n      :id=\"'visita' + visita.id\"\n      v-for=\"(visita, index) in visitasDelDia\"\n      :key=\"index\"\n      :position=\"{ lat: visita.lat, lng: visita.lng }\"\n      :clickable=\"true\"\n      :draggable=\"false\"\n      :icon=\"fnGetIcon(visita.motivo_de_visita_id)\"\n      @click=\"toggleInfo(visita), (flagCurrentIndex = index)\"\n      @mouseover=\"fnDrawPolyPath(index)\"\n    ></GmapMarker>\n  </GmapMap>\n  <!-- :key=\"lat\" -->\n</template>\n<script>\nimport moment from 'moment';\nimport { gmapApi } from 'vue2-google-maps';\nimport { mapActions } from 'vuex';\nexport default {\n  computed: {\n    google() {\n      return new gmapApi();\n    },\n    flagNextVisita() {\n      if (this.visitasDelDia[this.flagCurrentIndex + 1] != undefined) {\n        return false;\n      } else return true;\n    },\n    flagPrevVisita() {\n      if (this.visitasDelDia[this.flagCurrentIndex - 1] != undefined) {\n        return false;\n      } else return true;\n    },\n  },\n  name: 'mapa',\n  data() {\n    return {\n      firstDay: moment().startOf('day'),\n      lastDay: moment().endOf('day'),\n      gmapCenter: { lat: 14.599251, lng: -90.55084 },\n      flagCurrentIndex: 0,\n      //\n      figura_camino_polyline: null,\n      poplyLineFlag: false,\n      deliveryPath: [],\n      deliveryPathColor: '#4DD0E1',\n      //\n      visitasDelDia: [],\n      // place detail\n      infoPosition: null,\n      infoContent: null,\n      infoOpened: false,\n      infoCurrentKey: null,\n      infoOptions: {\n        pixelOffset: {\n          width: 0,\n          height: -35,\n        },\n      },\n    };\n  },\n  methods: {\n    ...mapActions('Visitas', {\n      findVisitas: 'find',\n    }),\n    fnGetDate(date) {\n      return date ? moment(date).utc().format('DD-MMMM  HH:mm a') : '';\n    },\n    fnGetColor(motivo) {\n      return this.$store.state.visitas.filter(\n        (store_visita) => store_visita.id == motivo\n      )[0].textColorClass;\n    },\n    fnGetIcon(motivo) {\n      return this.$store.state.visitas.filter(\n        (store_visita) => store_visita.id == motivo\n      )[0].marker;\n    },\n    // polyline and get marker info\n\n    toggleInfo(marker) {\n      this.infoPosition = { lat: marker.lat, lng: marker.lng };\n      this.infoContent = marker;\n      if (this.infoCurrentKey == marker.id) {\n        // this.infoOpened = !this.infoOpened;\n      } else {\n        this.infoOpened = true;\n        this.infoCurrentKey = marker.id;\n      }\n    },\n    fnDrawPolyPath(index) {\n      this.poplyLineFlag = true;\n      this.figura_camino_polyline =\n        this.google.maps.SymbolPath.FORWARD_CLOSED_ARROW;\n\n      if (this.visitasDelDia[index + 1] != undefined) {\n        this.deliveryPath = [];\n        this.deliveryPath.push({\n          lat: this.visitasDelDia[index].lat,\n          lng: this.visitasDelDia[index].lng,\n        });\n        this.deliveryPath.push({\n          lat: this.visitasDelDia[index + 1].lat,\n          lng: this.visitasDelDia[index + 1].lng,\n        });\n      }\n    },\n    fnNextVisita() {\n      if (this.visitasDelDia[this.flagCurrentIndex + 1] != undefined) {\n        this.flagCurrentIndex += 1;\n        this.gmapCenter.lat = this.visitasDelDia[this.flagCurrentIndex].lat;\n        this.gmapCenter.lng = this.visitasDelDia[this.flagCurrentIndex].lng;\n\n        this.toggleInfo(this.visitasDelDia[this.flagCurrentIndex]);\n        this.fnDrawPolyPath(this.flagCurrentIndex);\n      }\n    },\n    fnPrevVisita() {\n      if (this.visitasDelDia[this.flagCurrentIndex - 1] != undefined) {\n        this.flagCurrentIndex -= 1;\n        this.gmapCenter.lat = this.visitasDelDia[this.flagCurrentIndex].lat;\n        this.gmapCenter.lng = this.visitasDelDia[this.flagCurrentIndex].lng;\n\n        this.toggleInfo(this.visitasDelDia[this.flagCurrentIndex]);\n        this.fnDrawPolyPath(this.flagCurrentIndex);\n      }\n    },\n    getParams() {\n      const params = {};\n      params['fecha'] = {\n        $gte: this.firstDay,\n        $lte: this.lastDay,\n      };\n\n      params['$limit'] = 1500;\n\n      /** parametrización de supervisoras asignadas a usuario administrativo */\n      if (this.$store.state.auth.payload.usuario.sesion_rol != 0) {\n        params['sector'] = {\n          $in: this.$store.state.auth.payload.codigos_supervisoras,\n        };\n      }\n      /** parametrización de supervisoras asignadas a usuario administrativo */\n      return params;\n    },\n  },\n\n  mounted() {\n    this.findVisitas({\n      query: this.getParams(),\n    }).then((result) => {\n      this.visitasDelDia = result.data;\n    });\n    /**\n     * escuchar entrega\n     */\n    const { Visitas } = this.$FeathersVuex.api;\n    Visitas.on('created', (visita) => {\n      visita.id_consejera = visita.consejera;\n      visita.id_usuario = visita.supervisora;\n      this.visitasDelDia.push(visita);\n    });\n  },\n};\n</script>\n<style>\n.marker-label {\n  position: absolute;\n  background-color: rgba(0, 0, 0, 0.4);\n  padding: 5px;\n  border-radius: 20px;\n  color: #ffff !important;\n  font-size: 10px;\n  word-break: keep-all;\n  width: 290px;\n  top: 60px;\n  left: -140px;\n  cursor: wait;\n  z-index: 9999;\n}\n.marker-label:hover {\n  background-color: rgba(0, 0, 0, 0.8) !important;\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!./visitasMapa.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!./visitasMapa.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./visitasMapa.vue?vue&type=template&id=dc949b18&\"\nimport script from \"./visitasMapa.vue?vue&type=script&lang=js&\"\nexport * from \"./visitasMapa.vue?vue&type=script&lang=js&\"\nimport style0 from \"./visitasMapa.vue?vue&type=style&index=0&id=dc949b18&prod&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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}