{"version":3,"sources":["webpack:///./src/components/Model/Overview.vue?1974","webpack:///src/components/Model/Overview.vue","webpack:///./src/components/Model/Overview.vue?545d","webpack:///./src/components/Model/Overview.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","ref","headers","models","options","totalItems","on","$event","onRowClicked","scopedSlots","_u","key","fn","props","headerSelects","getModels","staticRenderFns","name","components","DataTableSearchHeader","data","text","value","type","class","loading","search","productGroups","methods","tableSearch","$api","getModelsOverview","then","resp","items","finally","getProductGroups","getProductGroupProductSubGroups","onProductGroupSelect","find","pg","productSubGroups","row","$router","push","params","id","mounted","$watch","watch","component","VCard","VCardText","VCardTitle","VDataTable"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,YAAY,gBAAgBC,MAAM,CAAC,SAAW,KAAK,CAACH,EAAG,eAAe,CAACE,YAAY,kDAAkD,CAACN,EAAIQ,GAAG,gDAAgDJ,EAAG,cAAc,CAACA,EAAG,eAAe,CAACK,IAAI,QAAQF,MAAM,CAAC,QAAUP,EAAIU,QAAQ,MAAQV,EAAIW,OAAO,WAAW,KAAK,MAAQ,GAAG,iBAAiB,GAAG,QAAUX,EAAIY,QAAQ,eAAe,CAC/c,yBAA0B,CAAC,GAAI,GAAI,KAAM,IAC3C,sBAAsBZ,EAAIa,WAAW,aAAa,WAAc,MAAO,mBAAqBC,GAAG,CAAC,iBAAiB,SAASC,GAAQf,EAAIY,QAAQG,GAAQ,YAAYf,EAAIgB,cAAcC,YAAYjB,EAAIkB,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,SAASX,GACpO,IAAIC,EAAUD,EAAIY,MAAMX,QACpC,MAAO,CAACN,EAAG,2BAA2B,CAACG,MAAM,CAAC,QAAUG,EAAQ,cAAgBV,EAAIsB,eAAeR,GAAG,CAAC,OAASd,EAAIuB,qBAAqB,IAAI,IACzIC,EAAkB,GC0BP,GACfC,KAAA,iBACAC,WAAA,CACAC,0BAAA,iDAEAN,MAAA,GAEAO,OACA,OACAlB,QAAA,CACA,CAAAmB,KAAA,iBAAAC,MAAA,SAAAC,KAAA,OAAAC,MAAA,oCACA,CAAAH,KAAA,WAAAC,MAAA,UAAAC,KAAA,OAAAC,MAAA,oCACA,CAAAH,KAAA,WAAAC,MAAA,WAAAC,KAAA,OAAAC,MAAA,oCACA,CAAAH,KAAA,gBAAAC,MAAA,eAAAC,KAAA,SAAAC,MAAA,oCACA,CAAAH,KAAA,mBAAAC,MAAA,kBAAAC,KAAA,SAAAC,MAAA,qCAEAV,cAAA,GACAX,OAAA,GAEAsB,SAAA,EACAC,OAAA,GACAtB,QAAA,GACAC,WAAA,EAEAsB,cAAA,KAGAC,QAAA,CACAb,UAAAc,GACA,KAAAJ,SAAA,EACAI,IACAA,EAAA,IAEA,KAAAH,OAAAG,EAEA,KAAAC,KAAAC,kBAAA,KAAA3B,QAAAyB,GACAG,KAAAC,IACA,KAAA9B,OAAA8B,EAAAb,KAAAc,MACA,KAAA7B,WAAA4B,EAAAb,KAAAf,aAEA8B,QAAA,SAAAV,SAAA,IAGAW,mBACA,KAAAN,KAAAO,kCAAAL,KAAAC,IACA,KAAAN,cAAAM,EAAAb,KACA,KAAAN,cAAA,gBAAAmB,EAAAb,QAGAkB,uBACA,KAAAZ,OAAA,sBAAAC,gBACA,KAAAb,cAAA,wBAAAa,cAAAY,KACAC,KAAAlB,OAAA,KAAAI,OAAA,iBACAe,mBAIAjC,aAAAkC,GACA,KAAAC,QAAAC,KAAA,CAAA3B,KAAA,YAAA4B,OAAA,CAAAC,GAAAJ,EAAAI,QAGAC,UACA,KAAAhC,YACA,KAAAqB,mBAEA,KAAAY,OAAA,SAAAtB,OAAA,qBAAAY,uBAEAW,MAAA,CACA7C,UACA,KAAAW,UAAA,KAAAW,WCpGiW,I,qECO7VwB,EAAY,eACd,EACA3D,EACAyB,GACA,EACA,KACA,KACA,MAIa,aAAAkC,EAAiB,QAQhC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,UAAA,OAAUC,WAAA,OAAWC,aAAA","file":"js/chunk-2d0c95e7.4e7d65ec.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{staticClass:\"mb-16 ma-sm-3\",attrs:{\"outlined\":\"\"}},[_c('v-card-title',{staticClass:\"text-subtitle-1 grey lighten-4 text-break py-2\"},[_vm._v(\"\\n          Defined Model overview\\n      \")]),_c('v-card-text',[_c('v-data-table',{ref:\"table\",attrs:{\"headers\":_vm.headers,\"items\":_vm.models,\"item-key\":\"id\",\"dense\":\"\",\"items-per-page\":15,\"options\":_vm.options,\"footer-props\":{\n                'items-per-page-options': [15, 50, 100, -1],\n            },\"server-items-length\":_vm.totalItems,\"item-class\":function () { return 'cursor-pointer'; }},on:{\"update:options\":function($event){_vm.options=$event},\"click:row\":_vm.onRowClicked},scopedSlots:_vm._u([{key:\"header\",fn:function(ref){\n            var headers = ref.props.headers;\nreturn [_c('data-table-search-header',{attrs:{\"headers\":headers,\"headerSelects\":_vm.headerSelects},on:{\"search\":_vm.getModels}})]}}])})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-card class=\"mb-16 ma-sm-3\" outlined>\r\n          <v-card-title class=\"text-subtitle-1 grey lighten-4 text-break py-2\">\r\n              Defined Model overview\r\n          </v-card-title>\r\n          <v-card-text>\r\n              <v-data-table ref=\"table\"\r\n                :headers=\"headers\"\r\n                :items=\"models\"\r\n                item-key=\"id\"\r\n                dense\r\n                :items-per-page=\"15\"\r\n                :options.sync=\"options\"\r\n                :footer-props=\"{\r\n                    'items-per-page-options': [15, 50, 100, -1],\r\n                }\"\r\n                :server-items-length=\"totalItems\"\r\n                @click:row=\"onRowClicked\"\r\n                :item-class=\"() => 'cursor-pointer'\"\r\n              >\r\n                <template v-slot:header=\"{ props: { headers } }\">\r\n                  <data-table-search-header :headers=\"headers\" :headerSelects=\"headerSelects\" @search=\"getModels\"></data-table-search-header>\r\n                </template>\r\n              </v-data-table>\r\n          </v-card-text>\r\n      </v-card>\r\n</template>\r\n\r\n<script>\r\n// @ is an alias to /src\r\n\r\nexport default {\r\n  name: 'ModelsOverview',\r\n  components: {\r\n    DataTableSearchHeader: () => import('@/components/common/DataTableSearchHeader.vue')\r\n  },\r\n  props: {\r\n  },\r\n  data () {\r\n      return {\r\n        headers: [\r\n            { text: 'Product Number', value: 'number', type: \"text\", class: \"text-subtitle-1 font-weight-bold\" },\r\n            { text: 'POS Code', value: 'posCode', type: \"text\", class: \"text-subtitle-1 font-weight-bold\" },\r\n            { text: 'Material', value: 'material', type: \"text\", class: \"text-subtitle-1 font-weight-bold\" },\r\n            { text: 'Product Group', value: 'productGroup', type: \"select\", class: \"text-subtitle-1 font-weight-bold\" },\r\n            { text: 'Product Subgroup', value: 'productSubGroup', type: \"select\", class: \"text-subtitle-1 font-weight-bold\" },\r\n        ],\r\n        headerSelects: [],\r\n        models: [],\r\n\r\n        loading: false,\r\n        search: [],\r\n        options: {},\r\n        totalItems: 0,\r\n\r\n        productGroups: []\r\n      }\r\n  },\r\n  methods: {\r\n    getModels(tableSearch){\r\n      this.loading = true;\r\n      if (!tableSearch) {\r\n        tableSearch = [];\r\n      }\r\n      this.search = tableSearch;\r\n        \r\n      this.$api.getModelsOverview(this.options, tableSearch)\r\n        .then(resp => {\r\n          this.models = resp.data.items;\r\n          this.totalItems = resp.data.totalItems;\r\n        })\r\n        .finally(() => (this.loading = false));\r\n    },\r\n\r\n    getProductGroups() {\r\n      this.$api.getProductGroupProductSubGroups().then((resp) => {\r\n          this.productGroups = resp.data;\r\n        this.headerSelects[\"productGroup\"] = resp.data;\r\n      });\r\n    },\r\n    onProductGroupSelect() {\r\n      if (this.search[\"productGroup\"] && this.productGroups) {\r\n        this.headerSelects[\"productSubGroup\"] = this.productGroups.find(\r\n          (pg) => pg.value == this.search[\"productGroup\"]\r\n        ).productSubGroups;\r\n      }\r\n    },\r\n\r\n    onRowClicked(row) {\r\n        this.$router.push({ name: 'EditModel', params: { id: row.id }})\r\n    }\r\n  },\r\n  mounted() {\r\n    this.getModels();\r\n    this.getProductGroups();\r\n\r\n    this.$watch(() => this.search[\"productGroup\"], this.onProductGroupSelect);\r\n  },\r\n  watch: {\r\n      options () {\r\n          this.getModels(this.search);\r\n      }\r\n  }\r\n}\r\n</script>\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!./Overview.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!./Overview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Overview.vue?vue&type=template&id=57dc8442&\"\nimport script from \"./Overview.vue?vue&type=script&lang=js&\"\nexport * from \"./Overview.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\ninstallComponents(component, {VCard,VCardText,VCardTitle,VDataTable})\n"],"sourceRoot":""}