{"version":3,"sources":["webpack:///./src/views/SmartDisplayBoards.vue","webpack:///src/views/SmartDisplayBoards.vue","webpack:///./src/views/SmartDisplayBoards.vue?30bf","webpack:///./src/views/SmartDisplayBoards.vue?834b"],"names":["_c","_self","staticStyle","attrs","_vm","typeOfBoard","cargando","staticRenderFns","BoardSimple","BoardDoble","BoardCarrusel","components","data","computed","_objectSpread","mapState","smartDisplay","state","smartDisplays","smartDisplayList","methods","mapActions","getSmartDisplay","actions","GET_SMARTDISPLAY","initialize","_initialize","_asyncToGenerator","regeneratorRuntime","mark","_callee","wrap","_context","prev","next","$route","params","id","resize","stop","apply","arguments","undefined","board","type","created","component"],"mappings":"yIAA4CA,EAAOC,WAAS,MAAU,KAAOC,UAAY,G,OAAC,QAAS,C,YAAe,CAAO,cAACC,MAAM,QAAuB,OAAKC,GAAIC,oB,CAAyD,GAAd,gBAAc,S,YAAU,CAAM,aAAIL,OAAG,S,CAAmE,kBAAc,+B,YAAU,CAAM,aAAIA,OAAG,S,CAAkE,iBAAc,+B,YAAU,CAAM,aAAIA,OAAG,S,CAAgE,oBAAoBM,KAAQ,iB,MAAC,CAAiB,yBAAI,MAAK,cAEljBC,M,2qBCkBJ,IAAAC,EAAA,mEACAC,EAAA,mEACAC,EAAA,mEACe,GACfC,WAAA,CACAH,cACAC,aACAC,iBAEAE,KAAA,WACA,OACAN,UAAA,IAGAO,SAAAC,EAAA,GACAC,eAAA,CACAC,aAAA,SAAAC,GAAA,OAAAA,EAAAC,cAAAC,qBAGAC,QAAAN,IAAA,GACAO,eAAA,CACAC,gBAAAC,OAAAC,oBACA,IACAC,WAAA,eAAAC,EAAAC,eAAAC,mBAAAC,MAAA,SAAAC,IAAA,OAAAF,mBAAAG,MAAA,SAAAC,GAAA,eAAAA,EAAAC,KAAAD,EAAAE,MAAA,cAAAF,EAAAE,KAAA,EACA,KAAAZ,gBAAA,KAAAa,OAAAC,OAAAC,IAAA,OACA,KAAAC,SAAA,wBAAAN,EAAAO,UAAAT,EAAA,mBAAAL,IAAA,OAAAC,EAAAc,MAAA,KAAAC,WAAA,OAAAhB,EAFA,GAIApB,YAAA,WACA,QAAAqC,IAAA,KAAA1B,aAAA2B,MAEA,OADA,KAAArC,UAAA,EACA,KAAAU,aAAA2B,MAAAC,KAAAP,IAGAC,OAAA,eAOAO,QAAA,WACA,KAAApB,eC7D2V,I,YCOvVqB,EAAY,eACd,EACA,EACAvC,GACA,EACA,KACA,KACA,MAIa,aAAAuC,E","file":"js/chunk-2d0f0ba4.f73eff9e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"height\":\"100%\",\"width\":\"100%\"},attrs:{\"id\":\"boardsContainer\"}},[(_vm.typeOfBoard() == 1)?_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"}},[_c('BoardSimple')],1):(_vm.typeOfBoard() == 2)?_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"}},[_c('BoardDoble')],1):(_vm.typeOfBoard() == 3)?_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"}},[_c('BoardCarrusel')],1):_c('div',[_c('v-progress-circular',{attrs:{\"indeterminate\":_vm.cargando,\"color\":\"primary\"}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id='boardsContainer' style=\"height: 100%; width: 100%\">\r\n    <div v-if=\"typeOfBoard() == 1\" style=\"width: 100%; height: 100%\">\r\n      <BoardSimple></BoardSimple>\r\n    </div>\r\n    <div v-else-if=\"typeOfBoard() == 2\" style=\"width: 100%; height: 100%\">\r\n      <BoardDoble></BoardDoble>\r\n    </div>\r\n    <div v-else-if=\"typeOfBoard() == 3\" style=\"width: 100%; height: 100%\">\r\n      <BoardCarrusel></BoardCarrusel>\r\n    </div>\r\n    <div v-else>\r\n      <v-progress-circular :indeterminate=\"cargando\" color=\"primary\"></v-progress-circular>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapActions } from 'vuex'\r\nimport { actions } from '../store/types/smartDisplayTypes.js'\r\nconst BoardSimple = () => import('../components/BoardSimple.vue')\r\nconst BoardDoble = () => import('../components/BoardDoble.vue')\r\nconst BoardCarrusel = () => import('../components/BoardCarrusel.vue')\r\nexport default {\r\n  components: {\r\n    BoardSimple,\r\n    BoardDoble,\r\n    BoardCarrusel\r\n  },\r\n  data () {\r\n    return {\r\n      cargando: true\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      smartDisplay: state => state.smartDisplays.smartDisplayList\r\n    })\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      getSmartDisplay: actions.GET_SMARTDISPLAY\r\n    }),\r\n    async initialize () {\r\n      await this.getSmartDisplay(this.$route.params.id)\r\n      this.resize()\r\n    },\r\n    typeOfBoard () {\r\n      if (this.smartDisplay.board !== undefined) {\r\n        this.cargando = false\r\n        return this.smartDisplay.board.type.id\r\n      }\r\n    },\r\n    resize () {\r\n      // var heights = window.innerHeight\r\n      // var widths = window.innerWidth\r\n      // document.getElementById('boardsContainer').style.height = heights + 'px'\r\n      // document.getElementById('boardsContainer').style.width = widths + 'px'\r\n    }\r\n  },\r\n  created () {\r\n    this.initialize()\r\n  }\r\n}\r\n</script>\r\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!./SmartDisplayBoards.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!./SmartDisplayBoards.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SmartDisplayBoards.vue?vue&type=template&id=a2463bc0\"\nimport script from \"./SmartDisplayBoards.vue?vue&type=script&lang=js\"\nexport * from \"./SmartDisplayBoards.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"],"sourceRoot":""}