{"version":3,"sources":["webpack:///./src/components/common/ModuleCreate.vue?ccab","webpack:///./src/components/common/ModuleGrid.vue?5d9b","webpack:///./src/components/common/ModuleGrid.vue","webpack:///../../../src/components/VSpeedDial/VSpeedDial.ts","webpack:///./src/components/common/ModuleFab.vue","webpack:///./src/components/common/ModuleCreate.vue","webpack:///src/components/common/ModuleCreate.vue","webpack:///./src/components/common/ModuleCreate.vue?a896","webpack:///./src/components/common/ModuleCreate.vue?3539","webpack:///src/components/common/ModuleFab.vue","webpack:///./src/components/common/ModuleFab.vue?d5e1","webpack:///./src/components/common/ModuleFab.vue?7de5","webpack:///src/components/common/ModuleGrid.vue","webpack:///./src/components/common/ModuleGrid.vue?a387","webpack:///./src/components/common/ModuleGrid.vue?0144"],"names":["model","callback","expression","_c","attrs","staticClass","staticStyle","whiteLabel","_vm","_v","ref","layout","key","dashboardModuleId","item","on","$event","$set","resized","mode","chooseDashboard","staticRenderFns","render","mixins","Positionable","Toggleable","Transitionable","extend","name","directives","ClickOutside","props","direction","type","String","default","validator","val","includes","openOnHover","Boolean","transition","computed","classes","this","top","right","bottom","left","absolute","fixed","isActive","h","children","data","class","value","click","mouseenter","mouseleave","btnCount","$slots","map","b","i","tag","componentOptions","Ctor","options","style","transitionDelay","list","origin","activator","scopedSlots","fn","fab","permitted","dialog","dialogStatus","close","form","_e","updateStyleMeta","module","updateFrom","typeSelected","meta","valid","valueMatch","deveui","syncChart","styleMetas","metas","moduleTypes","methods","mapActions","getTdKeys","createdEventHandler","setMeta","selectType","mapState","tagStatus","tags","tagDataStatus","keys","currentModule","scriptStatus","scripts","hasStyle","moduleType","created","watch","tagId","components","ModuleTypeSelector","ModulePreview","StylePickerModule","ModuleForm","ControlSliderPicker","component","editMode","Enum","closeCreate","isMode","dMode","Roles","ModuleCreate","updateTimer","timerTick","message","dashboardId","isMobile","rowHeight","sizeTooltip","active","xSize","ySize","modules","moduleStatus","moduleList","get","set","dragCheck","setDashboard","getDashboard","create","update","delete","getModules","setModules","updateIndex","updateModules","newCreated","setMessage","modeChange","nextTick","moved","resizing","setLayout","onResize","mounted","window","passive","Module","ModuleFab","SOMessage","GridLayout","GridItem","updated","setTimeout","self","beforeDestroy","clearInterval"],"mappings":"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eACA,2BAGAC,qBACA,cAGAxG,2BACA,kCAGAsB,UACAmF,iBACA,6BAEAC,iBACA,gBAIAZ,YACAa,iBChGmT,ICO/S,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,4CCwFA,IACfnG,kBAEA0B,gBACA,OACAwB,UACA3D,kCACA6G,eACAC,YACAC,WACAvH,UACAwH,cACAC,YACAC,aACAC,aACAC,UACAC,SACAC,YAKA/F,uFACA2D,uDACAA,6BACA,SACA,mBACA,mBACA,gBAEAA,0BAAAqC,kBAAAC,yBACAtC,4DAEAuC,YACAC,eACA,qBAGAC,gBACA,mBACA,qBAIAC,qBACA,+CAIAhD,wDACAC,6BACAgD,4BACAC,4BACAC,gBACAC,gBACAC,mBAGApD,0BACAqD,wBACAC,wBACAC,0BACAC,iCACA,IAEAC,sBAAA,oKACA,cAAAtB,4BAAA,OACA,wDAFA,IAKAuB,uBACA,gBAGAC,uBACA,aAGAvI,2BACA,gCAGAwI,oBACA,sCAKA,kBACA,kBALA,kBAWAC,iBAEA,qDACA,iCAIA3I,mBAGA,2BACA,sCACA,iCAIA4I,yBAEA,yBACA,yBACA,4BAGAC,qBACA,0CACA,iCACA,eACA,yCACA,QACA,yBACA,8BACA/F,KAIAgG,oBACA,oCACA,sCAIAC,mBAAA,oJAEA,OADA,aACAC,6CAAAC,aAAA,SAEA,wBACA,qCACA,+CACA,gBAAAhC,4BAAA,wBACA,cAAAA,4BAAA,QACA,cACA,kEAEA,uEAZA,IAgBAjB,YACAkD,cACAC,YACAC,iBACAC,2BACAC,wBAGAC,mBACA,mCACA,WACAC,uBACAC,cACA,OAIAC,yBACAC,gCAEA,6BACAX,mDAAAC,eCvRoT,MCQhT,I,UAAY,eACd,GACA,EACA9I,GACA,EACA,KACA,WACA,OAIa,gB","file":"js/chunk-66a70124.f71295dc.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!./ModuleCreate.vue?vue&type=style&index=0&id=2554ed82&prod&lang=css&\"","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!./ModuleGrid.vue?vue&type=style&index=0&id=41afb986&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-main',{attrs:{\"align\":\"center\"}},[_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-dialog',{attrs:{\"transition\":\"slide-x-transition\",\"hide-overlay\":\"\",\"persistent\":\"\",\"fullscreen\":\"\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',{staticClass:\"text-center justify-center\",attrs:{\"color\":this.darkmode ? 'darkDrawer' : 'lightDrawer',\"dark\":\"\"}},[_c('v-container',[_c('v-row',{staticClass:\"mt-12\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-card-text',{staticClass:\"text-uppercase\"},[_c('v-img',{staticStyle:{\"margin\":\"0 auto\"},attrs:{\"max-width\":\"100%\",\"width\":\"400px\",\"src\":_vm.whiteLabel\n                    ? 'so-white-label.png'\n                    : 'sensor-online-animated-logo.gif'}}),_c('span',{staticClass:\"dark--text display-1 headline font-weight-light mt-4\"},[_vm._v(\"LOADING\")]),_c('span',{staticClass:\"dark--text display-1 headline\"},[_vm._v(\" DASHBOARD\")])],1)],1)],1)],1)],1),_c('grid-layout',{ref:\"gridLayout\",staticStyle:{\"width\":\"100% !important\",\"min-height\":\"100% !important\",\"margin-bottom\":\"5rem\",\"overflow-x\":\"hidden\"},attrs:{\"layout\":_vm.layout,\"cols\":{ lg: 24, md: 24, sm: 1, xs: 1, xxs: 1 },\"col-num\":24,\"col-width\":1,\"row-height\":_vm.rowHeight,\"is-draggable\":!_vm.dragCheck,\"is-resizeable\":!_vm.dragCheck,\"responsive\":true},on:{\"update:layout\":function($event){_vm.layout=$event}}},_vm._l((_vm.layout),function(item){return _c('grid-item',{key:item.dashboardModuleId,attrs:{\"static\":_vm.dragCheck,\"x\":item.x,\"y\":item.y,\"w\":item.w,\"h\":item.h,\"i\":item.i,\"resizeable\":true},on:{\"update:x\":function($event){return _vm.$set(item, \"x\", $event)},\"update:y\":function($event){return _vm.$set(item, \"y\", $event)},\"update:w\":function($event){return _vm.$set(item, \"w\", $event)},\"update:h\":function($event){return _vm.$set(item, \"h\", $event)},\"update:i\":function($event){return _vm.$set(item, \"i\", $event)},\"resize\":_vm.resizing,\"resized\":_vm.resized,\"moved\":_vm.moved}},[_c('Module',{key:item.dashboardModuleId,staticClass:\"pb-10 pb-md-1 pb-sm-1 pa-1\",attrs:{\"mode\":_vm.mode,\"item\":item,\"timerTick\":_vm.timerTick},on:{\"update-message\":_vm.setMessage}})],1)}),1),_c('ModuleFab',{staticClass:\"d-none d-sm-none d-md-block\",attrs:{\"mode\":_vm.mode},on:{\"choose-dashboard\":_vm.chooseDashboard,\"mode-change\":_vm.modeChange,\"create-done\":_vm.newCreated}}),(_vm.message != '')?_c('SOMessage',{attrs:{\"message\":_vm.message}}):_vm._e()],1),_c('v-snackbar',{attrs:{\"color\":\"#2196f3\",\"right\":\"\"},model:{value:(_vm.sizeTooltip.active),callback:function ($$v) {_vm.$set(_vm.sizeTooltip, \"active\", $$v)},expression:\"sizeTooltip.active\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"common.height\") + \": \" + _vm.sizeTooltip.ySize)+\" | \"+_vm._s(_vm.$t(\"common.width\") + \": \" + _vm.sizeTooltip.xSize)+\" \")])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// Styles\nimport './VSpeedDial.sass'\n\n// Mixins\nimport Toggleable from '../../mixins/toggleable'\nimport Positionable from '../../mixins/positionable'\nimport Transitionable from '../../mixins/transitionable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { VNode, VNodeData } from 'vue'\nimport { Prop } from 'vue/types/options'\n\n/* @vue/component */\nexport default mixins(Positionable, Toggleable, Transitionable).extend({\n  name: 'v-speed-dial',\n\n  directives: { ClickOutside },\n\n  props: {\n    direction: {\n      type: String as Prop<'top' | 'right' | 'bottom' | 'left'>,\n      default: 'top',\n      validator: (val: string) => {\n        return ['top', 'right', 'bottom', 'left'].includes(val)\n      },\n    },\n    openOnHover: Boolean,\n    transition: {\n      type: String,\n      default: 'scale-transition',\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-speed-dial': true,\n        'v-speed-dial--top': this.top,\n        'v-speed-dial--right': this.right,\n        'v-speed-dial--bottom': this.bottom,\n        'v-speed-dial--left': this.left,\n        'v-speed-dial--absolute': this.absolute,\n        'v-speed-dial--fixed': this.fixed,\n        [`v-speed-dial--direction-${this.direction}`]: true,\n        'v-speed-dial--is-active': this.isActive,\n      }\n    },\n  },\n\n  render (h): VNode {\n    let children: VNode[] = []\n    const data: VNodeData = {\n      class: this.classes,\n      directives: [{\n        name: 'click-outside',\n        value: () => (this.isActive = false),\n      }],\n      on: {\n        click: () => (this.isActive = !this.isActive),\n      },\n    }\n\n    if (this.openOnHover) {\n      data.on!.mouseenter = () => (this.isActive = true)\n      data.on!.mouseleave = () => (this.isActive = false)\n    }\n\n    if (this.isActive) {\n      let btnCount = 0\n      children = (this.$slots.default || []).map((b, i) => {\n        if (b.tag && typeof b.componentOptions !== 'undefined' && (b.componentOptions.Ctor.options.name === 'v-btn' || b.componentOptions.Ctor.options.name === 'v-tooltip')) {\n          btnCount++\n          return h('div', {\n            style: {\n              transitionDelay: btnCount * 0.05 + 's',\n            },\n            key: i,\n          }, [b])\n        } else {\n          b.key = i\n          return b\n        }\n      })\n    }\n\n    const list = h('transition-group', {\n      class: 'v-speed-dial__list',\n      props: {\n        name: this.transition,\n        mode: this.mode,\n        origin: this.origin,\n        tag: 'div',\n      },\n    }, children)\n\n    return h('div', data, [this.$slots.activator, list])\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-speed-dial',{staticStyle:{\"z-index\":\"201\"},attrs:{\"right\":\"\",\"bottom\":\"\",\"color\":\"primary\",\"direction\":\"top\",\"fixed\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(){return [_c('v-btn',{attrs:{\"color\":\"primary\",\"dark\":\"\",\"fab\":\"\"},model:{value:(_vm.fab),callback:function ($$v) {_vm.fab=$$v},expression:\"fab\"}},[(_vm.fab)?_c('v-icon',[_vm._v(\"mdi-close\")]):_c('v-icon',[_vm._v(\"mdi-settings\")])],1)]},proxy:true}]),model:{value:(_vm.fab),callback:function ($$v) {_vm.fab=$$v},expression:\"fab\"}},[(_vm.permitted('DashboardModule.Update'))?_c('v-btn',{attrs:{\"fab\":\"\",\"dark\":\"\",\"small\":\"\",\"color\":\"yellow accent-4\"},on:{\"click\":_vm.editMode}},[(!_vm.isMode(_vm.mode, _vm.dMode.EDIT))?_c('v-icon',[_vm._v(\"mdi-pencil\")]):_c('v-icon',[_vm._v(\"mdi-close\")])],1):_vm._e(),(_vm.permitted('DashboardModule.Create'))?_c('v-btn',{attrs:{\"fab\":\"\",\"dark\":\"\",\"small\":\"\",\"color\":\"success\"},on:{\"click\":function($event){_vm.dialog = true}}},[_c('v-icon',[_vm._v(\"mdi-plus\")])],1):_vm._e(),_c('v-btn',{attrs:{\"fab\":\"\",\"dark\":\"\",\"small\":\"\",\"color\":\"accent dark-3\"},on:{\"click\":_vm.chooseDashboard}},[_c('v-icon',[_vm._v(\"mdi-view-dashboard\")])],1)],1),_c('ModuleCreate',{attrs:{\"dialog\":_vm.dialog},on:{\"close-dialog\":_vm.closeCreate}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-dialog',{attrs:{\"content-class\":\"dialog-fullscreen hide-scrollbar\",\"fullscreen\":\"\",\"hide-overlay\":\"\",\"transition\":\"dialog-top-transition\",\"persistent\":\"\"},model:{value:(_vm.dialogStatus),callback:function ($$v) {_vm.dialogStatus=$$v},expression:\"dialogStatus\"}},[_c('v-toolbar',{attrs:{\"dark\":\"\",\"color\":\"primary\"}},[_c('v-btn',{attrs:{\"icon\":\"\",\"dark\":\"\"},on:{\"click\":_vm.close}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1),_c('v-toolbar-title',[_vm._v(_vm._s(_vm.$t(\"module.create\")))]),_c('v-spacer')],1),_c('v-card',[(_vm.typeSelected)?_c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"0\",\"md\":\"6\"}},[(_vm.type != _vm.ModuleTypes.MAP && _vm.styleMetas)?_c('ModulePreview',{attrs:{\"type\":_vm.type,\"title\":_vm.form.title,\"content\":_vm.form.content,\"deveui\":_vm.form.deveui,\"meta\":_vm.form.metas,\"tagKey\":_vm.form.tagKey}}):_vm._e(),(_vm.form.metas && _vm.hasStyle)?_c('style-picker-module',{attrs:{\"type\":_vm.type,\"metas\":_vm.form.metas},on:{\"update\":_vm.updateStyleMeta}}):_vm._e()],1),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":_vm.hasStyle || _vm.type == _vm.ModuleTypes.CONTROLSLIDERS ? 6 : 12}},[_c('module-form',{attrs:{\"headline\":_vm.$t('module.create'),\"edit\":false,\"type\":_vm.type,\"module\":_vm.module,\"styleMetas\":_vm.styleMetas},on:{\"update-form\":_vm.updateFrom,\"close-dialog-event\":_vm.close,\"update-message-event\":(val) => _vm.$emit('update-message', val),\"created-event\":_vm.createdEventHandler,\"change-type-event\":function($event){_vm.typeSelected = false}}})],1)],1),(_vm.type == _vm.ModuleTypes.CONTROLSLIDERS)?_c('v-row',[_c('v-col',[_c('control-slider-picker',{attrs:{\"metas\":_vm.module.meta},on:{\"update\":_vm.setMeta}})],1)],1):_vm._e()],1):_c('v-col',{attrs:{\"sm\":\"12\",\"md\":\"12\",\"align\":\"center\"}},[_c('ModuleTypeSelector',{on:{\"update\":_vm.selectType}})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-dialog\r\n    v-model=\"dialogStatus\"\r\n    content-class=\"dialog-fullscreen hide-scrollbar\"\r\n    fullscreen\r\n    hide-overlay\r\n    transition=\"dialog-top-transition\"\r\n    persistent\r\n  >\r\n    <v-toolbar dark color=\"primary\">\r\n      <v-btn icon dark @click=\"close\">\r\n        <v-icon>mdi-close</v-icon>\r\n      </v-btn>\r\n      <v-toolbar-title>{{ $t(\"module.create\") }}</v-toolbar-title>\r\n      <v-spacer></v-spacer>\r\n    </v-toolbar>\r\n    <v-card>\r\n      <v-container v-if=\"typeSelected\">\r\n        <v-row>\r\n          <v-col cols=\"12\" sm=\"0\" md=\"6\">\r\n            <ModulePreview\r\n              v-if=\"type != ModuleTypes.MAP && styleMetas\"\r\n              :type=\"type\"\r\n              :title=\"form.title\"\r\n              :content=\"form.content\"\r\n              :deveui=\"form.deveui\"\r\n              :meta=\"form.metas\"\r\n              :tagKey=\"form.tagKey\"\r\n            />\r\n            <style-picker-module\r\n              :type=\"type\"\r\n              :metas=\"form.metas\"\r\n              v-on:update=\"updateStyleMeta\"\r\n              v-if=\"form.metas && hasStyle\"\r\n            />\r\n          </v-col>\r\n\r\n          <v-col\r\n            cols=\"12\"\r\n            sm=\"12\"\r\n            :md=\"hasStyle || type == ModuleTypes.CONTROLSLIDERS ? 6 : 12\"\r\n          >\r\n            <module-form\r\n              :headline=\"$t('module.create')\"\r\n              :edit=\"false\"\r\n              :type=\"type\"\r\n              :module=\"module\"\r\n              :styleMetas=\"styleMetas\"\r\n              v-on:update-form=\"updateFrom\"\r\n              v-on:close-dialog-event=\"close\"\r\n              v-on:update-message-event=\"(val) => $emit('update-message', val)\"\r\n              v-on:created-event=\"createdEventHandler\"\r\n              v-on:change-type-event=\"typeSelected = false\"\r\n            />\r\n          </v-col>\r\n        </v-row>\r\n        <v-row v-if=\"type == ModuleTypes.CONTROLSLIDERS\">\r\n          <v-col>\r\n            <control-slider-picker :metas=\"module.meta\" v-on:update=\"setMeta\" />\r\n          </v-col>\r\n        </v-row>\r\n      </v-container>\r\n      <v-col sm=\"12\" md=\"12\" align=\"center\" v-else>\r\n        <ModuleTypeSelector v-on:update=\"selectType\" />\r\n      </v-col>\r\n    </v-card>\r\n  </v-dialog>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapActions } from \"vuex\";\r\nimport ModuleTypeSelector from \"@/components/tag/ModuleTypeSelector\";\r\nimport ModulePreview from \"@/components/common/ModulePreview\";\r\nimport StylePickerModule from \"@/components/common/StylePickerModule\";\r\nimport ControlSliderPicker from \"@/components/common/ControlSliderPicker\";\r\nimport ModuleTypes from \"@/_helpers/ModuleTypeHelper.js\";\r\nimport ModuleForm from \"@/components/module/ModuleForm.vue\";\r\n\r\nexport default {\r\n  name: \"ModuleCreate\",\r\n\r\n  props: [\"dialog\"],\r\n\r\n  mixins: [ModuleTypes],\r\n\r\n  data() {\r\n    return {\r\n      valid: false,\r\n      typeSelected: false,\r\n\r\n      meta: {\r\n        key: null,\r\n        valueMatch: null,\r\n        value: null,\r\n        deveui: null,\r\n      },\r\n\r\n      form: {},\r\n      module: {},\r\n\r\n      syncChart: false,\r\n      styleMetas: [],\r\n      metas: [],\r\n      type: null,\r\n\r\n      moduleTypes: ModuleTypes.types,\r\n    };\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions(\"tag\", [\"getTags\", \"getKeysForTag\"]),\r\n    ...mapActions(\"tagData\", { getTdKeys: \"getTagDataKeys\" }),\r\n    ...mapActions(\"dashboards\", [\"getDashboards\"]),\r\n\r\n    close() {\r\n      this.typeSelected = false;\r\n      if (this.$refs.moduleForm) this.$refs.moduleForm.reset();\r\n      this.$emit(\"close-dialog\");\r\n    },\r\n\r\n    createdEventHandler() {\r\n      this.form = {};\r\n      this.typeSelected = false;\r\n    },\r\n\r\n    updateFrom(val) {\r\n      this.form = val;\r\n    },\r\n\r\n    updateStyleMeta(styleMetas) {\r\n      // Set stylemeta reactively\r\n      this.styleMetas = styleMetas.slice(0, styleMetas.length);\r\n\r\n      if (this.styleMetas) {\r\n        this.form.metas = this.form.metas.filter(\r\n          (m) => m.key != null && !m.key.startsWith(\"so_style_meta\")\r\n        );\r\n\r\n        if (this.styleMetas.length > 0)\r\n          this.form.metas = this.form.metas.concat(this.styleMetas);\r\n      }\r\n    },\r\n\r\n    setMeta(meta) {\r\n      if (meta && meta.length > 0) {\r\n        this.form.metas = meta;\r\n      }\r\n    },\r\n\r\n    selectType(type) {\r\n      this.metas = [];\r\n      this.styleMetas = [];\r\n      this.type = type;\r\n      this.typeSelected = true;\r\n    },\r\n  },\r\n\r\n  computed: {\r\n    ...mapState(\"tag\", { tagStatus: \"status\", tags: \"tags\" }),\r\n    ...mapState(\"tagData\", { tagDataStatus: \"status\", keys: \"keys\" }),\r\n    ...mapState(\"dashboards\", [\"dashboards\", \"currentDashboard\"]),\r\n    ...mapState(\"modules\", { currentModule: \"currentModule\" }),\r\n    ...mapState(\"scripts\", { scriptStatus: \"status\", scripts: \"scripts\" }),\r\n\r\n    dialogStatus() {\r\n      return this.dialog;\r\n    },\r\n\r\n    hasStyle() {\r\n      let moduleType = this.moduleTypes.find((e) => e.value == this.type);\r\n\r\n      if (!moduleType) return null;\r\n\r\n      if (\r\n        moduleType.hasOwnStyle ||\r\n        moduleType.colorFieldsUsed.find((e) => e == true)\r\n      )\r\n        return true;\r\n      return false;\r\n    },\r\n  },\r\n\r\n  created() {},\r\n\r\n  watch: {\r\n    // eslint-disable-next-line\r\n    async deveui(val, oldVal) {\r\n      if (val != oldVal) {\r\n        await this.getKeysForTag({ tagId: val });\r\n        if (oldVal) this.metas = [];\r\n      }\r\n    },\r\n\r\n    dialog(val) {\r\n      if (val) {\r\n        if (\r\n          this.deveui !== null &&\r\n          this.deveui !== undefined &&\r\n          this.deveui !== \"\"\r\n        ) {\r\n          this.getKeysForTag({ tagId: this.deveui });\r\n        } else {\r\n          this.getTdKeys();\r\n        }\r\n      }\r\n    },\r\n  },\r\n\r\n  components: {\r\n    ModuleTypeSelector,\r\n    ModulePreview,\r\n    StylePickerModule,\r\n    ModuleForm,\r\n    ControlSliderPicker,\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n.preserve-spacing {\r\n  white-space: pre-wrap;\r\n}\r\n\r\n.dialog-fullscreen {\r\n  max-width: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow-x: hidden;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModuleCreate.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModuleCreate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModuleCreate.vue?vue&type=template&id=2554ed82&\"\nimport script from \"./ModuleCreate.vue?vue&type=script&lang=js&\"\nexport * from \"./ModuleCreate.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModuleCreate.vue?vue&type=style&index=0&id=2554ed82&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","<template>\r\n  <div>\r\n    <v-speed-dial\r\n      v-model=\"fab\"\r\n      right\r\n      bottom\r\n      color=\"primary\"\r\n      direction=\"top\"\r\n      fixed\r\n      style=\"z-index: 201\"\r\n    >\r\n      <template v-slot:activator>\r\n        <v-btn v-model=\"fab\" color=\"primary\" dark fab>\r\n          <v-icon v-if=\"fab\">mdi-close</v-icon>\r\n          <v-icon v-else>mdi-settings</v-icon>\r\n        </v-btn>\r\n      </template>\r\n\r\n      <v-btn\r\n        @click=\"editMode\"\r\n        fab\r\n        dark\r\n        small\r\n        color=\"yellow accent-4\"\r\n        v-if=\"permitted('DashboardModule.Update')\"\r\n      >\r\n        <v-icon v-if=\"!isMode(mode, dMode.EDIT)\">mdi-pencil</v-icon>\r\n        <v-icon v-else>mdi-close</v-icon>\r\n      </v-btn>\r\n      <v-btn\r\n        fab\r\n        dark\r\n        small\r\n        color=\"success\"\r\n        @click=\"dialog = true\"\r\n        v-if=\"permitted('DashboardModule.Create')\"\r\n      >\r\n        <v-icon>mdi-plus</v-icon>\r\n      </v-btn>\r\n\r\n      <v-btn fab dark small color=\"accent dark-3\" @click=\"chooseDashboard\">\r\n        <v-icon>mdi-view-dashboard</v-icon>\r\n      </v-btn>\r\n    </v-speed-dial>\r\n\r\n    <ModuleCreate v-on:close-dialog=\"closeCreate\" :dialog=\"dialog\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Enum from \"@/_helpers/Enum\";\r\nimport ModuleCreate from \"@/components/common/ModuleCreate\";\r\n\r\nimport { Roles } from \"@/_helpers/Role\";\r\n\r\nexport default {\r\n  name: \"ModuleFab\",\r\n\r\n  props: [\"mode\"],\r\n\r\n  data() {\r\n    return { fab: false, dialog: false };\r\n  },\r\n\r\n  methods: {\r\n    editMode() {\r\n      let _mode =\r\n        this.mode === Enum.DashboardMode.EDIT\r\n          ? Enum.DashboardMode.DEFAULT\r\n          : Enum.DashboardMode.EDIT;\r\n      this.$emit(\"mode-change\", _mode);\r\n    },\r\n\r\n    closeCreate() {\r\n      this.dialog = false;\r\n      this.$emit(\"create-done\");\r\n    },\r\n\r\n    isMode(currMode, targetMode) {\r\n      return currMode === targetMode;\r\n    },\r\n\r\n    chooseDashboard() {\r\n      this.$router.push(\"/dashboard\");\r\n    },\r\n  },\r\n  computed: {\r\n    dMode() {\r\n      return Enum.DashboardMode;\r\n    },\r\n    Roles() {\r\n      return Roles;\r\n    },\r\n  },\r\n\r\n  components: {\r\n    ModuleCreate,\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModuleFab.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModuleFab.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModuleFab.vue?vue&type=template&id=2c513c8f&\"\nimport script from \"./ModuleFab.vue?vue&type=script&lang=js&\"\nexport * from \"./ModuleFab.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","<template>\r\n  <v-main align=\"center\">\r\n    <v-container fluid>\r\n      <v-dialog\r\n        transition=\"slide-x-transition\"\r\n        v-model=\"dialog\"\r\n        hide-overlay\r\n        persistent\r\n        fullscreen\r\n      >\r\n        <v-card\r\n          :color=\"this.darkmode ? 'darkDrawer' : 'lightDrawer'\"\r\n          dark\r\n          class=\"text-center justify-center\"\r\n        >\r\n          <v-container>\r\n            <v-row align=\"center\" justify=\"center\" class=\"mt-12\">\r\n              <v-card-text class=\"text-uppercase\">\r\n                <v-img\r\n                  max-width=\"100%\"\r\n                  width=\"400px\"\r\n                  :src=\"\r\n                    whiteLabel\r\n                      ? 'so-white-label.png'\r\n                      : 'sensor-online-animated-logo.gif'\r\n                  \"\r\n                  style=\"margin: 0 auto\"\r\n                />\r\n                <span\r\n                  class=\"dark--text display-1 headline font-weight-light mt-4\"\r\n                  >LOADING</span\r\n                >\r\n                <span class=\"dark--text display-1 headline\"> DASHBOARD</span>\r\n              </v-card-text>\r\n            </v-row>\r\n          </v-container>\r\n        </v-card>\r\n      </v-dialog>\r\n\r\n      <grid-layout\r\n        style=\"\r\n          width: 100% !important;\r\n          min-height: 100% !important;\r\n          margin-bottom: 5rem;\r\n          overflow-x: hidden;\r\n        \"\r\n        ref=\"gridLayout\"\r\n        :layout.sync=\"layout\"\r\n        :cols=\"{ lg: 24, md: 24, sm: 1, xs: 1, xxs: 1 }\"\r\n        :col-num=\"24\"\r\n        :col-width=\"1\"\r\n        :row-height=\"rowHeight\"\r\n        :is-draggable=\"!dragCheck\"\r\n        :is-resizeable=\"!dragCheck\"\r\n        :responsive=\"true\"\r\n      >\r\n        <grid-item\r\n          v-for=\"item in layout\"\r\n          :key=\"item.dashboardModuleId\"\r\n          :static=\"dragCheck\"\r\n          :x.sync=\"item.x\"\r\n          :y.sync=\"item.y\"\r\n          :w.sync=\"item.w\"\r\n          :h.sync=\"item.h\"\r\n          :i.sync=\"item.i\"\r\n          :resizeable=\"true\"\r\n          @resize=\"resizing\"\r\n          @resized=\"resized\"\r\n          @moved=\"moved\"\r\n        >\r\n          <Module\r\n            :mode=\"mode\"\r\n            :item=\"item\"\r\n            :key=\"item.dashboardModuleId\"\r\n            :timerTick=\"timerTick\"\r\n            class=\"pb-10 pb-md-1 pb-sm-1 pa-1\"\r\n            v-on:update-message=\"setMessage\"\r\n          />\r\n        </grid-item>\r\n      </grid-layout>\r\n\r\n      <ModuleFab\r\n        class=\"d-none d-sm-none d-md-block\"\r\n        v-on:choose-dashboard=\"chooseDashboard\"\r\n        v-bind:mode=\"mode\"\r\n        v-on:mode-change=\"modeChange\"\r\n        v-on:create-done=\"newCreated\"\r\n      />\r\n\r\n      <SOMessage v-if=\"message != ''\" :message=\"message\" />\r\n    </v-container>\r\n    <v-snackbar v-model=\"sizeTooltip.active\" color=\"#2196f3\" right>\r\n      {{ $t(\"common.height\") + \": \" + sizeTooltip.ySize }}\r\n      | {{ $t(\"common.width\") + \": \" + sizeTooltip.xSize }}\r\n    </v-snackbar>\r\n  </v-main>\r\n</template>\r\n\r\n<script>\r\nimport Module from \"@/components/common/Module\";\r\nimport ModuleFab from \"@/components/common/ModuleFab\";\r\nimport { mapActions, mapState } from \"vuex\";\r\nimport Enum from \"@/_helpers/Enum\";\r\nimport SOMessage from \"@/components/common/SoMessage\";\r\nimport VueGridLayout from \"vue-grid-layout\";\r\n\r\nexport default {\r\n  name: \"ModuleGrid\",\r\n\r\n  data() {\r\n    return {\r\n      dialog: true,\r\n      mode: Enum.DashboardMode.DEFAULT,\r\n      updateTimer: \"\",\r\n      timerTick: 1,\r\n      message: \"\",\r\n      layout: [],\r\n      dashboardId: 0,\r\n      isMobile: false,\r\n      rowHeight: 30,\r\n      sizeTooltip: {\r\n        active: false,\r\n        xSize: \"\",\r\n        ySize: \"\",\r\n      },\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    ...mapState(\"users\", [\"currentUser\", \"userCompany\"]),\r\n    ...mapState(\"dashboards\", [\r\n      \"status\",\r\n      \"currentDashboard\",\r\n      \"defaultDashboard\",\r\n      \"hasDefault\",\r\n    ]),\r\n    ...mapState(\"modules\", { modules: \"modules\", moduleStatus: \"status\" }),\r\n    ...mapState(\"configuration\", [\"darkmode\", \"license\"]),\r\n\r\n    moduleList: {\r\n      get() {\r\n        return this.modules;\r\n      },\r\n\r\n      set(val) {\r\n        this.setModules(val);\r\n        this.updateIndex();\r\n      },\r\n    },\r\n\r\n    dragCheck() {\r\n      return this.mode != Enum.DashboardMode.EDIT;\r\n    },\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions(\"dashboards\", {\r\n      setDashboard: \"setDashboard\",\r\n      getDashboard: \"getDashboard\",\r\n      create: \"create\",\r\n      update: \"update\",\r\n      delete: \"delete\",\r\n    }),\r\n\r\n    ...mapActions(\"modules\", {\r\n      getModules: \"getModules\",\r\n      setModules: \"setModules\",\r\n      updateIndex: \"updateIndex\",\r\n      updateModules: \"updateModules\",\r\n    }),\r\n\r\n    async newCreated() {\r\n      await this.getModules({ dashboardId: this.dashboardId });\r\n      this.setLayout();\r\n    },\r\n\r\n    setMessage(val) {\r\n      this.message = val;\r\n    },\r\n\r\n    modeChange(val) {\r\n      this.mode = val;\r\n    },\r\n\r\n    chooseDashboard() {\r\n      this.$emit(\"choose-dashboard\");\r\n    },\r\n\r\n    nextTick() {\r\n      if (this.mode == Enum.DashboardMode.EDIT) {\r\n        this.timerTick = 1;\r\n        return;\r\n      }\r\n\r\n      if (this.timerTick < 60) {\r\n        this.timerTick += 1;\r\n      } else {\r\n        this.timerTick = 1;\r\n      }\r\n    },\r\n\r\n    moved() {\r\n      // Update the database\r\n      if (this.mode == Enum.DashboardMode.EDIT && !this.isMobile) {\r\n        this.updateModules(this.layout);\r\n      }\r\n    },\r\n\r\n    resized() {\r\n      // Update the database position\r\n      // Take the layout list and update the modules\r\n      this.sizeTooltip.active = false;\r\n      if (this.mode == Enum.DashboardMode.EDIT) {\r\n        this.updateModules(this.layout);\r\n      }\r\n    },\r\n\r\n    resizing(i, newH, newW) {\r\n      // Show tooltip/snackbar when module is being resized\r\n      this.sizeTooltip.xSize = newW;\r\n      this.sizeTooltip.ySize = newH;\r\n      this.sizeTooltip.active = true;\r\n    },\r\n\r\n    setLayout() {\r\n      this.$refs.gridLayout.lastBreakpoint = null;\r\n      this.$refs.gridLayout.layouts = {};\r\n      this.layout = [];\r\n      this.layout = [...this.modules];\r\n      var i = 0;\r\n      for (var j in this.layout) {\r\n        this.layout[j].i = i.toString();\r\n        i++;\r\n      }\r\n    },\r\n\r\n    onResize() {\r\n      this.isMobile = window.innerWidth < 600;\r\n      this.rowHeight = this.isMobile ? 50 : 30;\r\n    },\r\n  },\r\n\r\n  async mounted() {\r\n    this.onResize();\r\n    window.addEventListener(\"resize\", this.onResize, { passive: true });\r\n\r\n    await this.setModules([]);\r\n    this.dashboardId = this.$route.params.id;\r\n    if (this.dashboardId) {\r\n      await this.getDashboard({ dashboardId: this.dashboardId });\r\n      await this.getModules({ dashboardId: this.dashboardId });\r\n      this.setLayout();\r\n      this.updateTimer = setInterval(this.nextTick, 10000);\r\n    } else {\r\n      this.$router.push(\"dashboard\");\r\n    }\r\n  },\r\n\r\n  components: {\r\n    Module,\r\n    ModuleFab,\r\n    SOMessage,\r\n    GridLayout: VueGridLayout.GridLayout,\r\n    GridItem: VueGridLayout.GridItem,\r\n  },\r\n\r\n  updated() {\r\n    if (this.moduleStatus && this.status) {\r\n      let self = this;\r\n      setTimeout(function () {\r\n        self.dialog = false;\r\n      }, 1000);\r\n    }\r\n  },\r\n\r\n  beforeDestroy() {\r\n    clearInterval(this.updateTimer);\r\n\r\n    if (typeof window !== \"undefined\")\r\n      window.removeEventListener(\"resize\", this.onResize, { passive: true });\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.hide-scrollbar-t {\r\n  overflow-y: scroll;\r\n  scrollbar-width: 0px; /* Firefox */\r\n}\r\n.hide-scrollbar-t::-webkit-scrollbar {\r\n  width: 0px;\r\n  background: transparent; /* make scrollbar transparent */\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModuleGrid.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModuleGrid.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModuleGrid.vue?vue&type=template&id=41afb986&scoped=true&\"\nimport script from \"./ModuleGrid.vue?vue&type=script&lang=js&\"\nexport * from \"./ModuleGrid.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModuleGrid.vue?vue&type=style&index=0&id=41afb986&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  \"41afb986\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}