{"version":3,"sources":["webpack:///./src/views/AddPrinter.vue?b428","webpack:///src/views/AddPrinter.vue","webpack:///./src/views/AddPrinter.vue?f689","webpack:///./src/views/AddPrinter.vue","webpack:///./src/views/AddPrinter.vue?7024"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","postPrinter","isAddButtonEnabled","hasChangesBeenMade","loading","warningText","on","$event","closeModal","_e","staticClass","subscriptionSettings","selectedVendor","vendors","e","selectedModel","printerModels","model","value","callback","$$v","printerName","expression","ip","port","availableGroups","groups","staticRenderFns","components","Modal","AssignGroups","GrafokettInput","DropDown","headersUsers","name","vendor","showWarning","computed","length","$store","getters","map","id","p","ipAddress","expandableData","installedPrinters","uniqueModels","maxPrintersReached","list","i","push","v","watch","getPrinterModels","newValue","disabledFlag","methods","installedPrinter","pm","response","$api","get","data","dispatch","payload","printerGroups","groupId","defaultForGroup","checked","console","error","getData","component"],"mappings":"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","file":"js/chunk-02ff3525.190314b6.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('view-wrapper',{attrs:{\"prefix\":\"Add new\",\"name\":\"Printer\",\"path\":\"printers\",\"showCancel\":true,\"addedText\":\"Add printer\",\"addedFunc\":_vm.postPrinter,\"disabledFlag\":!_vm.isAddButtonEnabled,\"hasChangesBeenMade\":_vm.hasChangesBeenMade,\"loading\":_vm.loading}},[(_vm.showWarning)?_c('modal',{attrs:{\"type\":\"warning\",\"heading\":\"Warning\",\"description\":_vm.warningText},on:{\"close\":function($event){return _vm.closeModal()}}}):_vm._e(),_c('wrapper',{staticClass:\"flex justify-between mb-3\"},[_c('drop-down',{staticClass:\"w-96\",attrs:{\"placeholder\":\"Select vendor\",\"disabled\":_vm.subscriptionSettings === null,\"value\":_vm.selectedVendor,\"valueProperty\":\"name\",\"searchProp\":\"name\",\"options\":_vm.vendors},on:{\"input\":function (e) {\n          _vm.selectedVendor = e;\n          _vm.selectedModel = {};\n        }}}),_c('drop-down',{staticClass:\"w-96\",attrs:{\"placeholder\":\"Select model\",\"value\":_vm.selectedModel,\"valueProperty\":\"name\",\"searchProp\":\"name\",\"options\":_vm.printerModels},on:{\"input\":function($event){_vm.selectedModel = $event}}})],1),_c('wrapper',{staticClass:\"px-5 py-10 mb-3\",attrs:{\"checkForChildFocused\":true}},[_c('grafokett-input',{attrs:{\"editable\":true,\"labelPlaceholder\":\"Printer name\"},model:{value:(_vm.printerName),callback:function ($$v) {_vm.printerName=$$v},expression:\"printerName\"}})],1),_c('wrapper',{staticClass:\"px-5 py-10 mb-3\",attrs:{\"checkForChildFocused\":true}},[_c('grafokett-input',{attrs:{\"editable\":true,\"labelPlaceholder\":\"IP-adress\"},model:{value:(_vm.ip),callback:function ($$v) {_vm.ip=$$v},expression:\"ip\"}})],1),_c('wrapper',{staticClass:\"px-5 py-10 mb-20\",attrs:{\"checkForChildFocused\":true,\"focus\":_vm.port !== ''}},[_c('grafokett-input',{attrs:{\"editable\":true,\"labelPlaceholder\":\"Port\"},model:{value:(_vm.port),callback:function ($$v) {_vm.port=$$v},expression:\"port\"}})],1),_c('assign-groups',{staticClass:\"mt-16 mb-5\",attrs:{\"groups\":_vm.availableGroups,\"useCheckbox\":false},model:{value:(_vm.groups),callback:function ($$v) {_vm.groups=$$v},expression:\"groups\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <view-wrapper\n    prefix=\"Add new\"\n    name=\"Printer\"\n    path=\"printers\"\n    :showCancel=\"true\"\n    addedText=\"Add printer\"\n    :addedFunc=\"postPrinter\"\n    :disabledFlag=\"!isAddButtonEnabled\"\n    :hasChangesBeenMade=\"hasChangesBeenMade\"\n    :loading=\"loading\"\n  >\n    <modal\n      v-if=\"showWarning\"\n      @close=\"closeModal()\"\n      type=\"warning\"\n      heading=\"Warning\"\n      :description=\"warningText\"\n    />\n\n    <wrapper class=\"flex justify-between mb-3\">\n      <drop-down\n        class=\"w-96\"\n        placeholder=\"Select vendor\"\n        :disabled=\"subscriptionSettings === null\"\n        :value=\"selectedVendor\"\n        valueProperty=\"name\"\n        searchProp=\"name\"\n        :options=\"vendors\"\n        @input=\"\n          (e) => {\n            selectedVendor = e;\n            selectedModel = {};\n          }\n        \"\n      />\n      <drop-down\n        class=\"w-96\"\n        placeholder=\"Select model\"\n        :value=\"selectedModel\"\n        valueProperty=\"name\"\n        searchProp=\"name\"\n        :options=\"printerModels\"\n        @input=\"selectedModel = $event\"\n      />\n    </wrapper>\n\n    <wrapper :checkForChildFocused=\"true\" class=\"px-5 py-10 mb-3\">\n      <grafokett-input\n        v-model=\"printerName\"\n        :editable=\"true\"\n        labelPlaceholder=\"Printer name\"\n      />\n    </wrapper>\n\n    <wrapper :checkForChildFocused=\"true\" class=\"px-5 py-10 mb-3\">\n      <grafokett-input\n        v-model=\"ip\"\n        :editable=\"true\"\n        labelPlaceholder=\"IP-adress\"\n      />\n    </wrapper>\n\n    <wrapper\n      :checkForChildFocused=\"true\"\n      class=\"px-5 py-10 mb-20\"\n      :focus=\"port !== ''\"\n    >\n      <grafokett-input\n        v-model=\"port\"\n        :editable=\"true\"\n        labelPlaceholder=\"Port\"\n      />\n    </wrapper>\n\n    <assign-groups\n      class=\"mt-16 mb-5\"\n      :groups=\"availableGroups\"\n      v-model=\"groups\"\n      :useCheckbox=\"false\"\n    />\n  </view-wrapper>\n</template>\n\n<script>\nimport Modal from \"../components/Modal\";\nimport AssignGroups from \"../components/datacomponents/AssignGroups\";\nimport DropDown from \"../components/forms/DropDown.vue\";\nimport GrafokettInput from \"../components/forms/Input.vue\";\n\nexport default {\n  components: {\n    Modal,\n    AssignGroups,\n    GrafokettInput,\n    DropDown,\n  },\n  data() {\n    return {\n      selectedVendor: {},\n      printerModels: [],\n      selectedModel: {},\n      printerName: \"\",\n      ip: \"\",\n      port: \"9100\",\n      groups: [],\n      headersUsers: {\n        name: \"Name\",\n        vendor: \"Vendor\",\n        model: \"Model\",\n      },\n      loading: true,\n      showWarning: false,\n    };\n  },\n  computed: {\n    isAddButtonEnabled() {\n      return this.printerName && this.ip && this.groups.length > 0;\n    },\n    isFormComplete() {\n      return this.printerName && this.ip && this.groups.length > 0;\n    },\n    subscriptionSettings() {\n      return this.$store.getters[\"SUBSCRIPTION_SETTINGS/SUBSCRIPTION_SETTINGS\"];\n    },\n    installedPrinters() {\n      return this.$store.getters[\"PRINTERS/INSTALLED_PRINTERS\"].map((p) => {\n        return {\n          id: p.id,\n          name: p.name,\n          ip: p.ipAddress,\n          port: p.port,\n          model: p.model,\n          vendor: p.vendor,\n          expandableData: {},\n        };\n      });\n    },\n    uniquePrinterModels() {\n      const installedPrinters =\n        this.$store.getters[\"PRINTERS/INSTALLED_PRINTERS\"];\n      const uniqueModels = installedPrinters\n        .map((p) => ({ model: p.model, id: p.id }))\n        .filter(\n          (value, index, self) =>\n            index === self.findIndex((t) => t.model === value.model)\n        );\n      return uniqueModels;\n    },\n    vendors() {\n      let maxPrintersReached = true;\n      if (this.subscriptionSettings !== null)\n        maxPrintersReached =\n          this.installedPrinters.length >=\n          this.subscriptionSettings.maxPrinterModels;\n      if (maxPrintersReached) {\n        const list = [];\n        for (let i = 0; i < this.installedPrinters.length; i++) {\n          if (\n            !list.some((value) => {\n              return value.name === this.installedPrinters[i].vendor;\n            })\n          ) {\n            list.push({\n              name: this.installedPrinters[i].vendor,\n            });\n          }\n        }\n        return list;\n      }\n      return this.$store.getters[\"PRINTERS/VENDORS\"].map((v) => {\n        return {\n          name: v,\n        };\n      });\n    },\n    availableGroups() {\n      return this.$store.getters[\"GROUPS/GROUPS\"];\n    },\n  },\n  watch: {\n    selectedVendor() {\n      if (this.selectedVendor.name) {\n        this.getPrinterModels();\n      }\n    },\n    isAddButtonEnabled(newValue) {\n      this.disabledFlag = !newValue;\n    },\n  },\n  methods: {\n    closeModal() {\n      this.showWarning = false;\n    },\n    hasChangesBeenMade() {\n      return (\n        this.selectedVendor.name !== undefined ||\n        this.selectedModel.name !== undefined ||\n        this.printerName !== \"\" ||\n        this.ip !== \"\" ||\n        this.groups.length > 0\n      );\n    },\n    async getPrinterModels() {\n      if (\n        this.installedPrinters.length >=\n        this.subscriptionSettings.maxPrinterModels\n      ) {\n        const list = [];\n        for (let i = 0; i < this.installedPrinters.length; i++) {\n          const installedPrinter = this.installedPrinters[i];\n          if (\n            this.selectedVendor.name === installedPrinter.vendor &&\n            !list.some((value) => {\n              return value.model === installedPrinter.model;\n            })\n          ) {\n            list.push({\n              vendor: installedPrinter.vendor,\n              model: installedPrinter.model,\n            });\n          }\n        }\n        this.printerModels = list.map((pm) => {\n          return {\n            name: pm.model,\n          };\n        });\n      } else {\n        const response = await this.$store.$api.get(\n          `/api/printers/vendors/${this.selectedVendor.name}/models`\n        );\n        this.printerModels = response.data.data.map((pm) => {\n          return {\n            name: pm,\n          };\n        });\n      }\n    },\n    async getData() {\n      await this.$store.dispatch(\n        \"SUBSCRIPTION_SETTINGS/GET_SUBSCRIPTION_SETTINGS\"\n      );\n      await this.$store.dispatch(\"PRINTERS/GET_INSTALLED_PRINTERS\");\n      await this.$store.dispatch(\"PRINTERS/GET_VENDORS\");\n      await this.$store.dispatch(\"GROUPS/GET_AVAILABLE_GROUPS\");\n    },\n    async postPrinter() {\n      this.loading = true;\n      const payload = {\n        name: this.printerName,\n        vendor: this.selectedVendor.name,\n        model: this.selectedModel.name,\n        ipAddress: this.ip,\n        port: this.port,\n        printerGroups: this.groups.map((e) => {\n          return {\n            groupId: e.id,\n            defaultForGroup: e.checked,\n          };\n        }),\n      };\n      try {\n        await this.$store.dispatch(\"PRINTERS/ADD\", payload);\n        this.loading = false;\n      } catch (error) {\n        console.error(error);\n        this.loading = false;\n      }\n    },\n  },\n  async beforeMount() {\n    await this.getData();\n    this.loading = false;\n    if (this.subscriptionSettings !== null) {\n      this.warningText = `Limit of unique printer models reached! (${\n        this.subscriptionSettings.maxPrinterModels\n      })`;\n      this.showWarning =\n        this.uniquePrinterModels.length >=\n        this.subscriptionSettings.maxPrinterModels;\n    }\n  },\n};\n</script>\n\n<style lang=\"postcss\">\n.printer-view {\n  @apply m-8;\n}\n</style>\n","import mod from \"-!../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddPrinter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddPrinter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddPrinter.vue?vue&type=template&id=7e642d19&\"\nimport script from \"./AddPrinter.vue?vue&type=script&lang=js&\"\nexport * from \"./AddPrinter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AddPrinter.vue?vue&type=style&index=0&lang=postcss&\"\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","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/index.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/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddPrinter.vue?vue&type=style&index=0&lang=postcss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/index.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/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddPrinter.vue?vue&type=style&index=0&lang=postcss&\""],"sourceRoot":""}