{"version":3,"sources":["webpack:///./src/views/pages/ProductModels/Device.vue?ba24","webpack:///src/views/pages/ProductModels/Device.vue","webpack:///./src/views/pages/ProductModels/Device.vue?6f58","webpack:///./src/views/pages/ProductModels/Device.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","on","$event","stopPropagation","toggleEmailSidebar","model","value","callback","$$v","searchQuery","expression","_l","account","selectAccount","_s","name","organizationName","organizationType","selectedAccount","staticStyle","_e","submitForm","cancel","staticRenderFns","Vue","data","id","modelId","list","accounts","matchingAccounts","components","vSelect","mounted","$route","params","deviceId","load","loadAccounts","watch","handler","searchAccounts","methods","result","console","comp","query","$paginate","$store","dispatch","then","catch","$router","push","_id","title","text","cancelButtonColor","type","icon","confirmButtonText","showCancelButton","cancelButtonText","confirm","accountId","state","array","Swal","showConfirmButton","timer","component"],"mappings":"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","file":"js/chunk-23f0f46c.390e388a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-3/4 w-full mb-base\"},[_c('vx-card',[_c('form',[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Account\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('div',{staticClass:\"flex border d-theme-dark-bg items-center\"},[_c('feather-icon',{staticClass:\"md:inline-flex lg:hidden ml-4 mr-4 cursor-pointer\",attrs:{\"icon\":\"MenuIcon\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.toggleEmailSidebar(true)}}}),_c('vs-input',{staticClass:\"vs-input vs-input-no-shdow-focus w-full\",attrs:{\"icon-no-border\":\"\",\"icon\":\"icon-search\",\"size\":\"large\",\"icon-pack\":\"feather\",\"placeholder\":\"search account..\"},model:{value:(_vm.searchQuery),callback:function ($$v) {_vm.searchQuery=$$v},expression:\"searchQuery\"}}),_vm._v(\" \\n          \")],1)])]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-2/3 w-full ml-auto\"},_vm._l((_vm.matchingAccounts),function(account){return _c('vx-card',[_c('div',{staticClass:\"post-header flex justify-between mb-4\",on:{\"click\":function($event){return _vm.selectAccount(account)}}},[_c('div',{staticClass:\"flex items-center\"},[_c('div',[_c('span',[_c('h2',[_c('i',{staticClass:\"fa fa-university fa-lg\",attrs:{\"aria-hidden\":\"true\"}})])])]),_c('div',{staticClass:\"ml-4\"},[_c('h3',[_vm._v(_vm._s(account.name))]),_c('medium',[_c('h5',[_vm._v(_vm._s(account.organizationName)+\"  \"+_vm._s(account.organizationType))])])],1)]),_c('div',{staticClass:\"flex\"})])])}),1)]),(_vm.selectedAccount != '')?_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-2/3 w-full ml-auto\"},[_c('vx-card',{staticStyle:{\"border\":\"1px solid\",\"padding\":\"10px\",\"box-shadow\":\"2px 5px 4px #888888\",\"border-radius\":\"25px\"}},[_c('div',{staticClass:\"post-header flex justify-between mb-4\"},[_c('div',{staticClass:\"flex items-center\"},[_c('div',[_c('span',[_c('h2',[_c('i',{staticClass:\"fa fa-university fa-lg\",attrs:{\"aria-hidden\":\"true\"}})])])]),_c('div',{staticClass:\"ml-4\"},[_c('h3',[_vm._v(_vm._s(_vm.selectedAccount.name))]),_c('medium',[_c('h5',[_vm._v(_vm._s(_vm.selectedAccount.organizationName)+\"  \"+_vm._s(_vm.selectedAccount.organizationType))])])],1)]),_c('div',{staticClass:\"flex\"})])])],1)]):_vm._e(),_c('br'),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-2/3 w-full ml-auto\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\",on:{\"click\":_vm.submitForm}},[_vm._v(\"Submit\")]),_c('vs-button',{staticClass:\"mb-2\",attrs:{\"color\":\"dark\",\"type\":\"border\"},on:{\"click\":_vm.cancel}},[_vm._v(\"Cancel\")])],1)])])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vx-row\">\n\n    <!-- HORIZONTAL LAYOUT -->\n    <div class=\"vx-col md:w-3/4 w-full mb-base\">\n      <vx-card >\n        <form>\n        <div class=\"vx-row mb-6\">\n          <div class=\"vx-col sm:w-1/3 w-full\">\n            <span>Account</span>\n          </div>\n          <div class=\"vx-col sm:w-2/3 w-full\">\n            <div class=\"flex border d-theme-dark-bg items-center\">\n                <feather-icon class=\"md:inline-flex lg:hidden ml-4 mr-4 cursor-pointer\" icon=\"MenuIcon\" @click.stop=\"toggleEmailSidebar(true)\"/>\n                <vs-input icon-no-border icon=\"icon-search\" size=\"large\" icon-pack=\"feather\" placeholder=\"search account..\" v-model=\"searchQuery\" class=\"vs-input vs-input-no-shdow-focus w-full\" />&nbsp;\n            </div>\n          </div>\n        </div>\n        <div class=\"vx-row\">\n          <div class=\"vx-col sm:w-2/3 w-full ml-auto\">\n            <vx-card v-for=\"account in matchingAccounts\">\n              <div class=\"post-header flex justify-between mb-4\" @click=\"selectAccount(account)\">\n                  <div class=\"flex items-center\">\n                      <div>\n                            <span><h2><i class=\"fa fa-university fa-lg\" aria-hidden=\"true\"></i></h2></span>\n                      </div>\n                      <div class=\"ml-4\">\n                          <h3>{{account.name}}</h3>\n                          <medium><h5>{{account.organizationName}}  {{ account.organizationType }}</h5></medium>\n                      </div>\n                  </div>\n               <div class=\"flex\">\n              </div>\n             </div>\n            </vx-card>\n\n          </div>\n        </div>\n        <div class=\"vx-row\" v-if=\"selectedAccount != ''\">\n          <div class=\"vx-col sm:w-2/3 w-full ml-auto\">\n            <vx-card style=\"border: 1px solid;padding: 10px;box-shadow: 2px 5px 4px #888888;border-radius:25px;\">\n              <div class=\"post-header flex justify-between mb-4\">\n                <div class=\"flex items-center\">\n                    <div>\n                          <span><h2><i class=\"fa fa-university fa-lg\" aria-hidden=\"true\"></i></h2></span>\n                    </div>\n                    <div class=\"ml-4\">\n                        <h3>{{selectedAccount.name}}</h3>\n                        <medium><h5>{{selectedAccount.organizationName}}  {{ selectedAccount.organizationType }}</h5></medium>\n                    </div>\n                </div>\n               <div class=\"flex\">\n              </div>\n            </div>\n            </vx-card>\n\n          </div>\n        </div><br/>\n        <div class=\"vx-row\">\n          <div class=\"vx-col sm:w-2/3 w-full ml-auto\">\n            <vs-button class=\"mr-3 mb-2\" @click=\"submitForm\">Submit</vs-button>\n            <vs-button color=\"dark\" type=\"border\" class=\"mb-2\" @click=\"cancel\">Cancel</vs-button>\n\n          </div>\n        </div>\n          </form>\n      </vx-card>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Vue from 'vue'\nimport vSelect from 'vue-select'\nVue.component('v-select', vSelect)\nimport 'vue-select/dist/vue-select.css'\nimport 'vue-select/src/scss/vue-select.scss'\nimport Swal from 'sweetalert2'\nexport default{\n  name: 'AssignDevice',\n  data () {\n    return {\n      id:'',\n      modelId:'',\n      list:'',\n      account:'',\n      accounts:[],\n      selectedAccount:'',\n      searchQuery:'',\n      matchingAccounts:[],\n    }\n  },\n  components:{\n    vSelect\n  },\n  mounted () {\n    this.id = this.$route.params.deviceId\n    this.load()\n    this.loadAccounts()\n  },\n  watch : {\n    searchQuery:{\n      handler () {\n        if (this.searchQuery != '') {\n          this.selectedAccount = ''\n          this.searchAccounts()\n        } else {\n          this.matchingAccounts = []\n        }\n      }\n    }\n  },\n  methods: {\n    async load(){\n      var comp = this\n      var result = await this.$store.dispatch('devices/get', this.id)\n      console.log(\"result\"+JSON.stringify(result))\n      if(result){\n        this.modelId = result.modelId\n      }\n    },\n    searchAccounts () {\n      const comp = this\n      comp.matchingAccounts = comp.accounts.filter(function (account) {\n        return (account.name.toLowerCase().includes(comp.searchQuery.toLowerCase()) || account.organizationName.toLowerCase().includes(comp.searchQuery.toLowerCase())\n        || account.organizationType.toLowerCase().includes(comp.searchQuery.toLowerCase()) )\n      })\n\n      console.log(comp.matchingAccounts)\n    },\n    selectAccount (account) {\n      this.searchQuery = ''\n      this.matchingAccounts = []\n      this.selectedAccount = account\n    },\n    loadAccounts () {\n      const comp = this\n      const query = {\n        query:{\n          $paginate:false,\n          // assigned:{$ne:true}\n        }\n      }\n      this.$store\n        .dispatch('accounts/find', query)\n        .then(result => {\n          comp.accounts = result\n        }).catch(err => {\n          console.log(`err--${err}`)\n        })\n    },\n    cancel () {\n      this.$router.push(`/modelDeviceList/${this.modelId}`)\n    },\n    submitForm () {\n      const comp = this\n      if (comp.selectedAccount && comp.selectedAccount._id){\n      comp.$swal({\n          title: 'Are you sure?',\n          text: 'You are trying to Assigning Device to this Account ',\n          cancelButtonColor: '#d33',\n          type: 'warning',\n          icon: 'warning',\n          confirmButtonText: 'Yes, Go ahead!',\n          showCancelButton: true,\n          cancelButtonText: 'No'\n        })\n        .then(confirm => {\n          if (confirm.value) {\n      if (comp.selectedAccount && comp.selectedAccount._id) {\n        const data = {\n          accountId:this.selectedAccount._id,\n          state:\"ASSIGNED\"\n        }\n        this.$store.dispatch('devices/patch', [this.id, data, {}])\n          .then((response) => {\n            console.log(response)\n            var array = [];\n            if(this.selectedAccount.devices && this.selectedAccount.devices.length>0){\n              array = this.selectedAccount.devices;\n            }\n            array.push(response)\n            comp.$store.dispatch('accounts/patch', [this.selectedAccount._id, {'devices': array}, {}]).then(res => {\n              console.log(res)\n            })\n            Swal.fire({\n              icon: 'success',\n              title: 'Assigned successfully',\n              showConfirmButton: false,\n              timer: 1500})\n            this.$router.push(`/modelDeviceList/${this.modelId}`)\n          })\n          .catch((error)   => {\n            console.log(error)\n            Swal.fire({\n              icon: 'error',\n              title: 'Error',\n              showConfirmButton: false,\n              timer: 1500})\n          })\n\n          }\n        }\n      })\n      }\n      else\n        {\n          Swal.fire({\n              icon: 'error',\n              title: 'No account found',\n              text: 'You are trying to assign device to invalid account'\n              })\n        }\n    }\n  }\n}\n</script>\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!./Device.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!./Device.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Device.vue?vue&type=template&id=0515adb7&\"\nimport script from \"./Device.vue?vue&type=script&lang=js&\"\nexport * from \"./Device.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":""}