{"version":3,"sources":["webpack:///./src/common/components/svg/IconDangerCircle.vue","webpack:///src/common/components/svg/IconDangerCircle.vue","webpack:///./src/common/components/svg/IconDangerCircle.vue?963e","webpack:///./src/common/components/svg/IconDangerCircle.vue?637f","webpack:///./src/common/components/svg/IconCheckCircle.vue","webpack:///src/common/components/svg/IconCheckCircle.vue","webpack:///./src/common/components/svg/IconCheckCircle.vue?14a8","webpack:///./src/common/components/svg/IconCheckCircle.vue?0456","webpack:///./src/modules/delivery/view/Agents.vue?b9ef","webpack:///./src/modules/delivery/view/Agents.vue","webpack:///src/modules/delivery/view/Agents.vue","webpack:///./src/modules/delivery/view/Agents.vue?9418","webpack:///./src/modules/delivery/view/Agents.vue?2fee"],"names":["render","_vm","this","_c","_self","attrs","size","color","staticClass","staticRenderFns","components","IconBase","name","props","type","Number","default","String","component","agents","fields","scopedSlots","_u","key","fn","data","item","is_active","is_available","class","battery_level","_v","_s","nativeOn","$event","seeLocation","longitude","latitude","ref","staticStyle","center","accessToken","mapStyle","on","onMapLoaded","_l","agent","fleet_id","slot","Layout","MglGeolocateControl","MglMap","MglMarker","MglNavigationControl","MglPopup","IconCheckCircle","IconDangerCircle","process","autocompleteOptions","componentRestrictions","country","coordinates","computed","label","sortable","methods","getAgents","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","wrap","_context","prev","next","loading","http","post","api_key","sent","t0","console","log","finish","stop","long","lat","$refs","agentsMap","map","easeTo","zoom","_this2","_callee2","_context2","mapbox","Mapbox","created","_this3","_callee3","_context3"],"mappings":"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","file":"js/chunk-3dc5b952.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('icon-base',{attrs:{\"width\":_vm.size + 'px',\"fill\":_vm.color,\"viewBox\":\"0 0 24 24\"}},[_c('g',{attrs:{\"id\":\"exclamation-circle-Filled\"}},[_c('path',{staticClass:\"cls-1\",attrs:{\"id\":\"exclamation-circle-Filled-2\",\"data-name\":\"exclamation-circle-Filled\",\"d\":\"M12,2A10,10,0,1,0,22,12,10.016,10.016,0,0,0,12,2Zm0,15a1,1,0,1,1,1-1A1,1,0,0,1,12,17Zm1-5a1,1,0,0,1-2,0V8a1,1,0,0,1,2,0Z\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <icon-base :width=\"size + 'px'\" :fill=\"color\" viewBox=\"0 0 24 24\">\n        <g id=\"exclamation-circle-Filled\">\n            <path id=\"exclamation-circle-Filled-2\" data-name=\"exclamation-circle-Filled\" class=\"cls-1\" d=\"M12,2A10,10,0,1,0,22,12,10.016,10.016,0,0,0,12,2Zm0,15a1,1,0,1,1,1-1A1,1,0,0,1,12,17Zm1-5a1,1,0,0,1-2,0V8a1,1,0,0,1,2,0Z\"/>\n        </g>\n    </icon-base>\n</template>\n\n<script>\nimport IconBase from './IconBase.vue'\nexport default {\n    components: { IconBase },\n    name: \"IconDangerCircle\",\n    props:{\n        size:{\n            type: Number,\n            default: 20\n        },\n        color:{\n            type: String,\n        }\n    }\n}\n</script>\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!./IconDangerCircle.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!./IconDangerCircle.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./IconDangerCircle.vue?vue&type=template&id=7bacb36d\"\nimport script from \"./IconDangerCircle.vue?vue&type=script&lang=js\"\nexport * from \"./IconDangerCircle.vue?vue&type=script&lang=js\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('icon-base',{attrs:{\"width\":_vm.size + 'px',\"fill\":_vm.color,\"viewBox\":\"0 0 15.426 15.426\"}},[_c('path',{attrs:{\"id\":\"Path_602\",\"data-name\":\"Path 602\",\"d\":\"M400.97,57.658a7.713,7.713,0,1,1-7.713-7.713,7.713,7.713,0,0,1,7.713,7.713\",\"transform\":\"translate(-385.544 -49.945)\"}}),_c('path',{attrs:{\"id\":\"Path_603\",\"data-name\":\"Path 603\",\"d\":\"M401.08,60.979l-4.316,4.329a.884.884,0,0,1-.6.247.855.855,0,0,1-.587-.247l-2.021-2.021a.842.842,0,0,1,0-1.187.827.827,0,0,1,1.174,0l1.434,1.434,3.729-3.729a.842.842,0,0,1,1.187,0,.826.826,0,0,1,0,1.173\",\"transform\":\"translate(-389.605 -54.845)\",\"fill\":\"#fff\"}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <icon-base :width=\"size + 'px'\" :fill=\"color\" viewBox=\"0 0 15.426 15.426\">\n        <path id=\"Path_602\" data-name=\"Path 602\" d=\"M400.97,57.658a7.713,7.713,0,1,1-7.713-7.713,7.713,7.713,0,0,1,7.713,7.713\" transform=\"translate(-385.544 -49.945)\"/>\n        <path id=\"Path_603\" data-name=\"Path 603\" d=\"M401.08,60.979l-4.316,4.329a.884.884,0,0,1-.6.247.855.855,0,0,1-.587-.247l-2.021-2.021a.842.842,0,0,1,0-1.187.827.827,0,0,1,1.174,0l1.434,1.434,3.729-3.729a.842.842,0,0,1,1.187,0,.826.826,0,0,1,0,1.173\" transform=\"translate(-389.605 -54.845)\" fill=\"#fff\"/> \n    </icon-base>\n</template>\n\n<script>\nimport IconBase from './IconBase.vue'\nexport default {\n    components: { IconBase },\n    name: \"IconCheckCircle\",\n    props:{\n        size:{\n            type: Number,\n            default: 20\n        },\n        color:{\n            type: String\n        }\n    }\n}\n</script>\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!./IconCheckCircle.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!./IconCheckCircle.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./IconCheckCircle.vue?vue&type=template&id=c068c242\"\nimport script from \"./IconCheckCircle.vue?vue&type=script&lang=js\"\nexport * from \"./IconCheckCircle.vue?vue&type=script&lang=js\"\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","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!./Agents.vue?vue&type=style&index=0&id=2f4e3610&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('layout',[_c('b-table',{staticClass:\"mt-4\",attrs:{\"items\":_vm.agents,\"fields\":_vm.fields,\"responsive\":\"\",\"hover\":\"\",\"striped\":\"\",\"thead-class\":\"green-bg bg-primary text-white\"},scopedSlots:_vm._u([{key:\"cell(is_active)\",fn:function(data){return [(data.item.is_active)?_c('icon-check-circle',{attrs:{\"color\":'#02a499'}}):_c('icon-danger-circle',{attrs:{\"color\":'#ec4561'}})]}},{key:\"cell(is_available)\",fn:function(data){return [(data.item.is_available)?_c('icon-check-circle',{attrs:{\"color\":'#02a499'}}):_c('icon-danger-circle',{attrs:{\"color\":'#ec4561'}})]}},{key:\"cell(battery_level)\",fn:function(data){return [_c('div',{class:[data.item.battery_level > 70 ? 'text-success' : data.item.battery_level > 30 ? 'text-warning' : 'text-danger']},[_vm._v(\" \"+_vm._s(data.item.battery_level)+\" % \")])]}},{key:\"cell(actions)\",fn:function(data){return [_c('div',[_c('eva-icon',{attrs:{\"name\":\"pin\",\"fill\":\"#02a499\"},nativeOn:{\"click\":function($event){return _vm.seeLocation(data.item.longitude, data.item.latitude)}}})],1)]}}])}),_c('mgl-map',{ref:\"agentsMap\",staticStyle:{\"height\":\"55vh\"},attrs:{\"center\":_vm.center,\"accessToken\":_vm.accessToken,\"zoom\":7,\"dragRotate\":false,\"mapStyle\":_vm.mapStyle},on:{\"load\":_vm.onMapLoaded}},[_vm._l((_vm.agents),function(agent){return _c('mgl-marker',{key:agent.fleet_id,attrs:{\"coordinates\":[agent.longitude, agent.latitude],\"draggable\":false,\"color\":\"#c40316\"}},[_c('div',{attrs:{\"slot\":\"marker\"},slot:\"marker\"},[_c('svg',{attrs:{\"width\":\"30px\",\"height\":\"30px\",\"viewBox\":\"0 0 24 24\",\"fill\":\"#ec4561\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12ZM14.248 9.75C14.248 10.9926 13.2416 12 12 12C10.7584 12 9.75197 10.9926 9.75197 9.75C9.75197 8.50736 10.7584 7.5 12 7.5C13.2416 7.5 14.248 8.50736 14.248 9.75ZM16.8057 16.9195C17.9737 15.7453 16.6528 14.25 14.9974 14.25H9.00262C7.34722 14.25 6.02632 15.7453 7.19428 16.9195C8.29702 18.0281 10.0569 18.75 12 18.75C13.9431 18.75 15.703 18.0281 16.8057 16.9195Z\"}})])]),_c('mgl-popup',[_c('div',[_c('h4',[_vm._v(_vm._s(agent.name))])])])],1)}),_c('mgl-geolocate-control',{attrs:{\"trackUserLocation\":true,\"position\":\"top-right\"}}),_c('mgl-navigation-control',{attrs:{\"position\":\"top-right\"}})],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <layout>\n        <b-table :items=\"agents\" :fields=\"fields\" responsive hover striped thead-class=\"green-bg bg-primary text-white\" class=\"mt-4\">\n            <template #cell(is_active)=data>\n                <icon-check-circle v-if=\"data.item.is_active\" :color=\"'#02a499'\"/>\n                <icon-danger-circle v-else :color=\"'#ec4561'\"/>\n            </template>\n            <template #cell(is_available)=data>\n                <icon-check-circle v-if=\"data.item.is_available\" :color=\"'#02a499'\"/>\n                <icon-danger-circle v-else :color=\"'#ec4561'\"/>\n            </template>\n            <template #cell(battery_level)=data>\n                <div :class=\"[data.item.battery_level > 70 ? 'text-success' : data.item.battery_level > 30 ? 'text-warning' : 'text-danger']\">\n                    {{data.item.battery_level}} %\n                </div>\n            </template>\n            <template #cell(actions)=data>\n                <div>\n                    <eva-icon name=\"pin\" fill=\"#02a499\" @click.native=\"seeLocation(data.item.longitude, data.item.latitude)\"></eva-icon>\n                </div>\n            </template>\n        </b-table>\n        <mgl-map :center=\"center\" :accessToken=\"accessToken\" :zoom=\"7\" :dragRotate=\"false\" @load=\"onMapLoaded\" :mapStyle=\"mapStyle\" ref=\"agentsMap\" style=\"height: 55vh\">      \n        <mgl-marker :coordinates=\"[agent.longitude, agent.latitude]\" :draggable=\"false\" color=\"#c40316\" v-for=\"agent in agents\" :key=\"agent.fleet_id\">\n            <!-- <div slot=\"marker\"> -->\n                <!-- <icon-delivery :size=\"40\" :color=\"calculateTime(task)\" :class=\"[calculateTime(task) == '#E53935'? 'blink' : '']\" v-if=\"task.messenger_service_type_id == 1 && task.method_id != 3\"/>\n                <icon-bus :size=\"40\" :color=\"calculateTime(task)\" :class=\"[calculateTime(task) == '#E53935'? 'blink' : '']\" v-else-if=\"task.messenger_service_type_id == 2 && task.method_id != 3\"/>\n                <icon-check-list :class=\"[calculateTime(task) == '#E53935'? 'blink' : '']\" :color=\"calculateTime(task)\" v-else-if=\"task.method_id == 3\"/>\n                <icon-delivery :size=\"40\" :color=\"calculateTime(task)\" :class=\"[calculateTime(task) == '#E53935'? 'blink' : '']\" v-else/> -->\n            <!-- </div> -->\n            <div slot=\"marker\">\n                <svg width=\"30px\" height=\"30px\" viewBox=\"0 0 24 24\" fill=\"#ec4561\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12ZM14.248 9.75C14.248 10.9926 13.2416 12 12 12C10.7584 12 9.75197 10.9926 9.75197 9.75C9.75197 8.50736 10.7584 7.5 12 7.5C13.2416 7.5 14.248 8.50736 14.248 9.75ZM16.8057 16.9195C17.9737 15.7453 16.6528 14.25 14.9974 14.25H9.00262C7.34722 14.25 6.02632 15.7453 7.19428 16.9195C8.29702 18.0281 10.0569 18.75 12 18.75C13.9431 18.75 15.703 18.0281 16.8057 16.9195Z\"/>\n                </svg>\n            </div>\n            <mgl-popup>\n                <div>\n                    <h4>{{agent.name}}</h4>\n                </div> \n            </mgl-popup>\n        </mgl-marker>\n            <mgl-geolocate-control :trackUserLocation=\"true\" position=\"top-right\" />\n            <mgl-navigation-control position=\"top-right\"/>\n        </mgl-map>\n    </layout>\n</template>\n\n\n<script>\nimport Layout from \"@/modules/template/layouts/main\";\nimport http from \"axios\"\nimport {MglGeolocateControl, MglMap, MglMarker, MglNavigationControl, MglPopup} from 'v-mapbox'\nimport Mapbox from \"mapbox-gl\";\nimport \"mapbox-gl/dist/mapbox-gl.css\";\nimport \"@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css\";\nimport \"@mapbox/mapbox-gl-geocoder/lib/mapbox-gl-geocoder.css\";\nimport IconCheckCircle from '../../../common/components/svg/IconCheckCircle.vue';\nimport IconDangerCircle from '../../../common/components/svg/IconDangerCircle.vue';\n\nexport default {\n    name: \"Agents\",\n    components: {Layout, MglGeolocateControl, MglMap, MglMarker, MglNavigationControl, MglPopup, IconCheckCircle, IconDangerCircle, },\n    data() {\n        return {\n            agents: [],\n            center: [-70.70238447994983, 19.45556310283655],\n            accessToken: process.env.VUE_APP_MAPBOX_KEY, // your access token. Needed if you using Mapbox maps\n            mapStyle: 'mapbox://styles/mundomovil28/ckgwp0y0g06r219pb8oqihafv',\n            autocompleteOptions: {\n                componentRestrictions: {country: ['do']},\n            },\n            coordinates: [-70.70238447994983, 19.45556310283655]\n        }\n    },\n    computed:{\n        fields(){\n            return [\n                {label: 'ID Tookan', key: 'fleet_id', sortable: true},\n                {label: 'Nombre', key: 'name', sortable: true},\n                {label: 'Activo', key: 'is_active', sortable: true},\n                {label: 'Disponible', key: 'is_available', sortable: true},\n                {label: 'Numero', key: 'phone', sortable: true},\n                {label: 'Email', key: 'email', sortable: true},\n                {label: 'Nivel de Bateria', key: 'battery_level', sortable: true},\n                {label: 'Device', key: 'device_type', sortable: true},\n                {label: 'Device', key: 'transport_type', sortable: true},\n                {label: 'Actions', key: 'actions', sortable: true},\n\n            ]\n        },\n    },\n    methods:{\n        async getAgents(){\n            try {\n                this.loading = true;\n                const response = await http.post('https://api.tookanapp.com/v2/get_all_fleets',\n                {\n                    api_key: \"556a6585f64a4e055d457967495b25401cedc1f92edf7d3b5a1c09\",\n                }   \n                )\n                this.agents = response.data.data\n            } catch (error) {\n                console.log(error);\n            }finally{\n                this.loading = false;\n            }\n        },\n        seeLocation(long, lat){\n            this.$refs.agentsMap.map.easeTo({\n                center: [long, lat],\n                zoom: 15\n            });\n        },\n        async onMapLoaded(){\n            this.mapbox = Mapbox;\n        },\n    },\n    async created() {\n        await this.getAgents()\n    },\n}\n</script>\n<style scoped>\n    .table-responsive::v-deep > table{\n        vertical-align: middle;\n        text-align: center;\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!./Agents.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!./Agents.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Agents.vue?vue&type=template&id=2f4e3610&scoped=true\"\nimport script from \"./Agents.vue?vue&type=script&lang=js\"\nexport * from \"./Agents.vue?vue&type=script&lang=js\"\nimport style0 from \"./Agents.vue?vue&type=style&index=0&id=2f4e3610&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  \"2f4e3610\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}