{"version":3,"sources":["webpack:///./src/views/content/products/components/ProductListItem.vue?885f","webpack:///./src/views/content/products/components/ProductListItem.vue?4283","webpack:///src/views/content/products/components/ProductListItem.vue","webpack:///./src/views/content/products/components/ProductListItem.vue?70a0","webpack:///./src/views/content/products/components/ProductListItem.vue?eda4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","slot","attrs","helpers","getImage","product","_e","class","hasImage","_l","getLanguages","lang","key","language_id","name","_v","_s","getLocalization","product_name","product_name_tm","latin_name","company","description","product_id","product_type","staticStyle","on","$event","editProduct","staticRenderFns","component"],"mappings":"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","file":"js/chunk-3565f69d.3c0ef6c9.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductListItem.vue?vue&type=style&index=0&id=650dd60d&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"list-view-product mb-base overflow-hidden\"},[_c('template',{slot:\"no-body\"},[_c('div',{staticClass:\"vx-row no-gutter\"},[(_vm.hasImage)?_c('div',{staticClass:\"vx-col sm:w-1/4 w-full product-img-container bg-white flex products-center justify-center\"},[_c('img',{staticClass:\"grid-view-img p-4\",attrs:{\"src\":_vm.helpers.getImage(_vm.product, 'secondary')}}),_c('img',{staticClass:\"grid-view-img-top p-4\",attrs:{\"src\":_vm.helpers.getImage(_vm.product)}})]):_vm._e(),_c('div',{class:(\"vx-col \" + (_vm.hasImage ? 'sm:w-1/2' : 'sm:w-3/4'))},[_c('vs-tabs',{class:(\"vx-col \" + (_vm.hasImage ? '' : 'no-image-pl')),attrs:{\"alignment\":\"left\"}},[_vm._l((_vm.helpers.getLanguages(_vm.product)),function(lang){return [_c('vs-tab',{key:lang.language_id,attrs:{\"label\":lang.name}},[_c('div',{staticClass:\"vx-row no-gutter\"},[_c('div',{staticClass:\"p-1 pt-2 vx-col\"},[_c('h6',{staticClass:\"product-name font-semibold mb-1\"},[_c('span',[_vm._v(_vm._s(_vm.helpers.getLocalization(_vm.product, lang).product_name))])]),(_vm.helpers.getLocalization(_vm.product, lang.language_id).product_name_tm)?_c('div',{staticClass:\"text-italic\"},[_vm._v(\"™: \"+_vm._s(_vm.helpers.getLocalization(_vm.product, lang.language_id).product_name_tm))]):_vm._e(),(_vm.helpers.getLocalization(_vm.product, lang.language_id).latin_name)?_c('div',{staticClass:\"text-italic\"},[_vm._v(\"𐌘: \"+_vm._s(_vm.helpers.getLocalization(_vm.product, lang.language_id).latin_name))]):_vm._e(),_c('p',{staticClass:\"text-sm mb-4 cursor-pointer\"},[_vm._v(\"\\n                    By \"),_c('span',{staticClass:\"text-primary font-semibold\"},[_vm._v(_vm._s(_vm.product.company.name))])]),_c('p',{staticClass:\"product-description text-sm\"},[_vm._v(_vm._s(_vm.helpers.getLocalization(_vm.product, lang.language_id).description))])])])])]})],2)],1),_c('h1',{staticClass:\"product-id-top\"},[_vm._v(_vm._s(_vm.product.product_id))]),(!!_vm.product.product_type)?_c('vs-chip',{staticClass:\"product-type-chip-pos\",attrs:{\"color\":\"#24c1a0\"}},[_vm._v(_vm._s(_vm.product.product_type.name))]):_vm._e(),_c('div',{staticClass:\"vx-col p-2 sm:w-1/4 w-full flex products-center border border-solid d-theme-border-grey-light border-r-0 border-t-0 border-b-0\"},[_c('div',{staticClass:\"vx-row no-gutter w-full\"},[_c('div',{staticClass:\"vx-col\"},[_c('div',[(_vm.product.active)?_c('vs-chip',{attrs:{\"color\":\"success\"}},[_vm._v(\"Active\")]):_c('vs-chip',{attrs:{\"color\":\"warning\"}},[_vm._v(\"Inactive\")])],1)]),_c('div',{staticClass:\"vx-row no-gutter w-full\"},[_c('div',{staticClass:\"vx-col\"},[_c('vs-button',{staticStyle:{\"position\":\"absolute\",\"bottom\":\"1em\",\"right\":\"1em\"},on:{\"click\":function($event){return _vm.editProduct(_vm.product.product_id)}}},[_c('feather-icon',{attrs:{\"icon\":\"EditIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',{staticClass:\"text-sm font-semibold ml-2\"},[_vm._v(\"EDIT\")])],1)],1)])])])],1)])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: ProductListItem.vue\n    Description: Item Component - List VIew\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n<!-- TODO: redo this whole card to not be sucky -->\n<template>\n  <vx-card class=\"list-view-product mb-base overflow-hidden\">\n\n    <template slot=\"no-body\">\n      <div class=\"vx-row no-gutter\">\n\n        <!-- IMG COL -->\n        <div v-if=\"hasImage\"\n          class=\"vx-col sm:w-1/4 w-full product-img-container bg-white flex products-center justify-center\">\n          <img\n            :src=\"helpers.getImage(product, 'secondary')\"\n            class=\"grid-view-img p-4\">\n          <img\n            :src=\"helpers.getImage(product)\"\n            class=\"grid-view-img-top p-4\">\n        </div>\n\n        <!-- ITEM NAME & DESC COL -->\n        <div :class=\"`vx-col ${hasImage ? 'sm:w-1/2' : 'sm:w-3/4'}`\">\n          <vs-tabs :class=\"`vx-col ${hasImage ? '' : 'no-image-pl'}`\" alignment=\"left\">\n\n            <template v-for=\"lang in helpers.getLanguages(product)\">\n              <vs-tab :label=\"lang.name\" v-bind:key=\"lang.language_id\">\n                <div class=\"vx-row no-gutter\">\n                  <div class=\"p-1 pt-2 vx-col\">\n\n                    <h6 class=\"product-name font-semibold mb-1\">\n                      <span>{{ helpers.getLocalization(product, lang).product_name }}</span>\n                    </h6>\n                    <div class=\"text-italic\" v-if=\"helpers.getLocalization(product, lang.language_id).product_name_tm\">™: {{ helpers.getLocalization(product, lang.language_id).product_name_tm }}</div>\n                    <div class=\"text-italic\" v-if=\"helpers.getLocalization(product, lang.language_id).latin_name\">𐌘: {{ helpers.getLocalization(product, lang.language_id).latin_name }}</div>\n                    <p class=\"text-sm mb-4 cursor-pointer\">\n                      By <span class=\"text-primary font-semibold\">{{ product.company.name }}</span>\n                    </p>\n                    <p class=\"product-description text-sm\">{{ helpers.getLocalization(product, lang.language_id).description }}</p>\n\n\n                  </div>\n                </div>\n              </vs-tab>\n            </template>\n\n\n          </vs-tabs>\n        </div>\n\n\n        <!--   ID and TYPE tags     -->\n        <h1 class=\"product-id-top\">{{ product.product_id }}</h1>\n        <vs-chip v-if=\"!!product.product_type\" color=\"#24c1a0\" class=\"product-type-chip-pos\">{{ product.product_type.name }}</vs-chip>\n\n        <!-- PURCHASE COL -->\n        <div class=\"vx-col p-2 sm:w-1/4 w-full flex products-center border border-solid d-theme-border-grey-light border-r-0 border-t-0 border-b-0\">\n          <div class=\"vx-row no-gutter w-full\">\n            <div class=\"vx-col\">\n              <div>\n                <vs-chip v-if=\"product.active\" color=\"success\">Active</vs-chip>\n                <vs-chip v-else color=\"warning\">Inactive</vs-chip>\n              </div>\n\n\n            </div>\n            <div class=\"vx-row no-gutter w-full\">\n              <div class=\"vx-col\">\n                <vs-button @click=\"editProduct(product.product_id)\" style=\"position:absolute;bottom:1em;right:1em;\">\n                  <feather-icon icon=\"EditIcon\" svgClasses=\"h-4 w-4\"/>\n                  <span class=\"text-sm font-semibold ml-2\">EDIT</span>\n                </vs-button>\n              </div>\n            </div>\n          </div>\n        </div>\n\n      </div>\n    </template>\n\n  </vx-card>\n</template>\n\n<script>\n  import types from '@/models';\n  import { productHelpers } from '@/models/helpers';\n\n  export default {\n    data() {\n      return {\n        helpers: productHelpers,\n      }\n    },\n    props: {\n      product: {\n        type: types.Product,\n        required: true\n      },\n    },\n    computed: {\n      hasImage() {\n        return productHelpers.getImage(this.product) !== '' && productHelpers.getImage(this.product, 'secondary') !== '';\n      },\n      englishName() {\n        if (this.product.localizations && this.product.localizations.length > 0)\n          return this.product.localizations[0].product_name;\n        return 'unknown';\n      },\n    },\n    methods: {\n      editProduct(productId) {\n        this.$emit('editProduct', productId);\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .no-image-pl {\n    padding-left: 100px;\n  }\n  .list-view-product {\n\n    .product-name, .product-description {\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    .product-name {\n      -webkit-line-clamp: 2;\n    }\n\n    .product-description {\n      -webkit-line-clamp: 5;\n    }\n\n    .grid-view-img {\n      max-width: 100%;\n      max-height: 100%;\n      width: auto;\n      transition: .35s;\n    }\n\n    .grid-view-img-top {\n      position: absolute;\n      left: 0;\n      max-width: 100%;\n      max-height: 100%;\n      width: auto;\n      transition: .35s;\n    }\n\n    .product-id-top {\n      position: absolute;\n      left: 15px;\n      top: 15px;\n      transition: .35s;\n    }\n    .product-type-chip-pos {\n      position: absolute;\n      left: 15px;\n      bottom: 15px;\n      transition: .35s;\n    }\n\n    &:hover {\n      transform: translateY(-5px);\n      box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, .25);\n\n    }\n  }\n</style>\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!./ProductListItem.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!./ProductListItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductListItem.vue?vue&type=template&id=650dd60d&scoped=true&\"\nimport script from \"./ProductListItem.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductListItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductListItem.vue?vue&type=style&index=0&id=650dd60d&lang=scss&scoped=true&\"\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  \"650dd60d\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}