{"version":3,"sources":["webpack:///./src/components/PanThumb/index.vue","webpack:///src/components/PanThumb/index.vue","webpack:///./src/components/PanThumb/index.vue?297a","webpack:///./src/components/PanThumb/index.vue?107d","webpack:///./src/views/dashboard/admin/index.vue","webpack:///src/views/dashboard/admin/index.vue","webpack:///./src/views/dashboard/admin/index.vue?5897","webpack:///./src/views/dashboard/admin/index.vue?6c2f","webpack:///./src/components/PanThumb/index.vue?991e","webpack:///./src/views/dashboard/admin/index.vue?a8f6"],"names":["render","_vm","this","_c","_self","staticClass","style","zIndex","height","width","_t","attrs","image","staticRenderFns","name","props","type","String","required","Number","default","component","staticStyle","avatar","_v","_l","roles","item","key","_s","emptyGif","components","PanThumb","TravelMap","computed","mapGetters","data","methods"],"mappings":"kHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,WAAWC,MAAO,CAACC,OAAON,EAAIM,OAAOC,OAAOP,EAAIO,OAAOC,MAAMR,EAAIQ,QAAS,CAACN,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACJ,EAAIS,GAAG,YAAY,KAAKP,EAAG,MAAM,CAACE,YAAY,YAAYM,MAAM,CAAC,IAAMV,EAAIW,YAEjUC,EAAkB,GCUP,GACfC,KAAA,WACAC,MAAA,CACAH,MAAA,CACAI,KAAAC,OACAC,UAAA,GAEAX,OAAA,CACAS,KAAAG,OACAC,QAAA,KAEAX,MAAA,CACAO,KAAAC,OACAG,QAAA,SAEAZ,OAAA,CACAQ,KAAAC,OACAG,QAAA,WC7B6V,I,wBCQzVC,EAAY,eACd,EACArB,EACAa,GACA,EACA,KACA,WACA,MAIa,OAAAQ,E,oDCnBf,IAAIrB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,YAAY,CAACmB,YAAY,CAAC,MAAQ,QAAQX,MAAM,CAAC,MAAQV,EAAIsB,SAAS,CAACtB,EAAIuB,GAAG,gBAAgBvB,EAAIwB,GAAIxB,EAAIyB,OAAO,SAASC,GAAM,OAAOxB,EAAG,OAAO,CAACyB,IAAID,EAAKtB,YAAY,kBAAkB,CAACJ,EAAIuB,GAAGvB,EAAI4B,GAAGF,UAAY,GAAGxB,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,OAAO,CAACE,YAAY,gBAAgB,CAACJ,EAAIuB,GAAGvB,EAAI4B,GAAG5B,EAAIa,SAASX,EAAG,OAAO,CAACmB,YAAY,CAAC,YAAY,OAAO,cAAc,OAAO,QAAU,iBAAiB,CAACrB,EAAIuB,GAAG,sBAAsB,GAAGrB,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,WAAWM,MAAM,CAAC,IAAMV,EAAI6B,cAAc3B,EAAG,eAAe,IAEprBU,EAAkB,G,oCCyCP,GACfC,KAAA,kBACAiB,WAAA,CACAC,gBACAC,wBAEAC,SAAA,IACAC,eAAA,CACA,OACA,SACA,WAGAC,OACA,OACAN,SAAA,KAGAO,QAAA,IC7D4W,I,wBCQxWhB,EAAY,eACd,EACArB,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAQ,E,sECnBf,W,2DCAA","file":"js/chunk-7607f81c.f5450e1f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pan-item\",style:({zIndex:_vm.zIndex,height:_vm.height,width:_vm.width})},[_c('div',{staticClass:\"pan-info\"},[_c('div',{staticClass:\"pan-info-roles-container\"},[_vm._t(\"default\")],2)]),_c('img',{staticClass:\"pan-thumb\",attrs:{\"src\":_vm.image}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"pan-item\" :style=\"{zIndex:zIndex,height:height,width:width}\">\r\n\t\t<div class=\"pan-info\">\r\n\t\t\t<div class=\"pan-info-roles-container\">\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<img class=\"pan-thumb\" :src=\"image\">\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'PanThumb',\r\n  props: {\r\n    image: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    zIndex: {\r\n      type: Number,\r\n      default: 100\r\n    },\r\n    width: {\r\n      type: String,\r\n      default: '150px'\r\n    },\r\n    height: {\r\n      type: String,\r\n      default: '150px'\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.pan-item {\r\n\twidth: 200px;\r\n\theight: 200px;\r\n\tborder-radius: 50%;\r\n\tdisplay: inline-block;\r\n\tposition: relative;\r\n\tcursor: default;\r\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.pan-info-roles-container {\r\n\tpadding: 20px;\r\n\ttext-align: center;\r\n}\r\n\r\n.pan-thumb {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground-size: 100%;\r\n\tborder-radius: 50%;\r\n\toverflow: hidden;\r\n\tposition: absolute;\r\n\ttransform-origin: 95% 40%;\r\n\ttransition: all 0.3s ease-in-out;\r\n}\r\n\r\n.pan-thumb:after {\r\n\tcontent: '';\r\n\twidth: 8px;\r\n\theight: 8px;\r\n\tposition: absolute;\r\n\tborder-radius: 50%;\r\n\ttop: 40%;\r\n\tleft: 95%;\r\n\tmargin: -4px 0 0 -4px;\r\n\tbackground: radial-gradient(ellipse at center, rgba(14, 14, 14, 1) 0%, rgba(125, 126, 125, 1) 100%);\r\n\tbox-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\r\n}\r\n\r\n.pan-info {\r\n\tposition: absolute;\r\n\twidth: inherit;\r\n\theight: inherit;\r\n\tborder-radius: 50%;\r\n\toverflow: hidden;\r\n\tbox-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.pan-info h3 {\r\n\tcolor: #fff;\r\n\ttext-transform: uppercase;\r\n\tposition: relative;\r\n\tletter-spacing: 2px;\r\n\tfont-size: 18px;\r\n\tmargin: 0 60px;\r\n\tpadding: 22px 0 0 0;\r\n\theight: 85px;\r\n\tfont-family: 'Open Sans', Arial, sans-serif;\r\n\ttext-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.pan-info p {\r\n\tcolor: #fff;\r\n\tpadding: 10px 5px;\r\n\tfont-style: italic;\r\n\tmargin: 0 30px;\r\n\tfont-size: 12px;\r\n\tborder-top: 1px solid rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n.pan-info p a {\r\n\tdisplay: block;\r\n\tcolor: #333;\r\n\twidth: 80px;\r\n\theight: 80px;\r\n\tbackground: rgba(255, 255, 255, 0.3);\r\n\tborder-radius: 50%;\r\n\tcolor: #fff;\r\n\tfont-style: normal;\r\n\tfont-weight: 700;\r\n\ttext-transform: uppercase;\r\n\tfont-size: 9px;\r\n\tletter-spacing: 1px;\r\n\tpadding-top: 24px;\r\n\tmargin: 7px auto 0;\r\n\tfont-family: 'Open Sans', Arial, sans-serif;\r\n\topacity: 0;\r\n\ttransition: transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s;\r\n\ttransform: translateX(60px) rotate(90deg);\r\n}\r\n\r\n.pan-info p a:hover {\r\n\tbackground: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n.pan-item:hover .pan-thumb {\r\n\ttransform: rotate(-110deg);\r\n}\r\n\r\n.pan-item:hover .pan-info p a {\r\n\topacity: 1;\r\n\ttransform: translateX(0px) rotate(0deg);\r\n}\r\n</style>\r\n","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!./index.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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=530f5f14&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=530f5f14&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  \"530f5f14\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"dashboard-admin-container\"},[_c('div',{staticClass:\"clearfix\"},[_c('pan-thumb',{staticStyle:{\"float\":\"left\"},attrs:{\"image\":_vm.avatar}},[_vm._v(\" Su perfil: \"),_vm._l((_vm.roles),function(item){return _c('span',{key:item,staticClass:\"pan-info-roles\"},[_vm._v(_vm._s(item))])})],2),_c('div',{staticClass:\"info-container\"},[_c('span',{staticClass:\"display_name\"},[_vm._v(_vm._s(_vm.name))]),_c('span',{staticStyle:{\"font-size\":\"20px\",\"padding-top\":\"20px\",\"display\":\"inline-block\"}},[_vm._v(\"Administrador\")])])],1),_c('div',[_c('img',{staticClass:\"emptyGif\",attrs:{\"src\":_vm.emptyGif}})]),_c('travel-map')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"dashboard-admin-container\">\r\n    <div class=\" clearfix\">\r\n      <pan-thumb style=\"float: left\" :image=\"avatar\"> Su perfil:\r\n        <span class=\"pan-info-roles\" :key='item' v-for=\"item in roles\">{{item}}</span>\r\n      </pan-thumb>\r\n      <div class=\"info-container\">\r\n        <span class=\"display_name\">{{name}}</span>\r\n        <span style=\"font-size:20px;padding-top:20px;display:inline-block;\">Administrador</span>\r\n      </div>\r\n    </div>\r\n    <div>\r\n      <img class=\"emptyGif\" :src=\"emptyGif\">\r\n    </div>\r\n<!--     <el-container>\r\n      <el-main>\r\n        <el-row :gutter=\"32\">\r\n          <el-col :xs=\"24\" :sm=\"24\" :lg=\"12\">\r\n            <div class=\"chart-wrapper\">\r\n              <span>REPORTES PENDIENTES</span>\r\n              <p></p>\r\n              <sgrp-chart style=\"height: 400px;\"></sgrp-chart>\r\n            </div>\r\n          </el-col>\r\n          <el-col :xs=\"24\" :sm=\"24\" :lg=\"12\">\r\n            <div class=\"chart-wrapper\">\r\n              <span>REPORTES FUERA DE FECHA</span>\r\n              <p></p>\r\n              <sgrv-chart style=\"height: 400px;\"></sgrv-chart>\r\n            </div>\r\n          </el-col>\r\n        </el-row>\r\n      </el-main>\r\n    </el-container> -->\r\n    <travel-map></travel-map>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport PanThumb from '@/components/PanThumb'\r\nimport TravelMap from './components/TravelMap.vue'\r\n\r\nexport default {\r\n  name: 'dashboard-admin',\r\n  components: {\r\n    PanThumb,\r\n    TravelMap\r\n},\r\n  computed: {\r\n    ...mapGetters([\r\n      'name',\r\n      'avatar',\r\n      'roles'\r\n    ])\r\n  },\r\n  data () {\r\n    return {\r\n      emptyGif: ''\r\n    }\r\n  },\r\n  methods: {\r\n  }\r\n}\r\n</script>\r\n\r\n<style rel=\"stylesheet/scss\" lang=\"scss\" scoped>\r\n.dashboard-admin-container {\r\n  padding: 8px;\r\n  background-color: rgb(240, 242, 245);\r\n  .chart-wrapper {\r\n    background: #fff;\r\n    padding: 8px 8px 0;\r\n    margin-bottom: 8px;\r\n  }\r\n}\r\n\t.emptyGif {\r\n\t\tdisplay: block;\r\n\t\twidth: 45%;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n\r\n\t.dashboard-admin-container {\r\n\t\tbackground-color: #e3e3e3;\r\n\t\tmin-height: 100vh;\r\n\t\tmargin-top: -50px;\r\n\t\tpadding: 100px 60px 0px;\r\n\t\t.pan-info-roles {\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: #333;\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t\t.info-container {\r\n\t\t\tposition: relative;\r\n\t\t\tmargin-left: 190px;\r\n\t\t\theight: 150px;\r\n\t\t\tline-height: 200px;\r\n\t\t\t.display_name {\r\n\t\t\t\tfont-size: 48px;\r\n\t\t\t\tline-height: 48px;\r\n\t\t\t\tcolor: #212121;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 25px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n</style>\r\n","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!./index.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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=e03b454c&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=e03b454c&prod&rel=stylesheet%2Fscss&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  \"e03b454c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=530f5f14&prod&scoped=true&lang=css\"","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!./index.vue?vue&type=style&index=0&id=e03b454c&prod&rel=stylesheet%2Fscss&lang=scss&scoped=true\""],"sourceRoot":""}