{"version":3,"sources":["webpack:///./src/views/content/products/components/ProductGeneralEditorCard.vue?ba59","webpack:///src/views/content/products/components/ProductGeneralEditorCard.vue","webpack:///./src/views/content/products/components/ProductGeneralEditorCard.vue?2d25","webpack:///./src/views/content/products/components/ProductGeneralEditorCard.vue?2c62","webpack:///./src/layouts/components/ItoviImageUpload.vue?513a","webpack:///./src/views/content/products/components/ProductGeneralEditorCard.vue?6fc0","webpack:///./src/layouts/components/ItoviImageUpload.vue?a1ab","webpack:///src/layouts/components/ItoviImageUpload.vue","webpack:///./src/layouts/components/ItoviImageUpload.vue?c014","webpack:///./src/layouts/components/ItoviImageUpload.vue?d37f"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_e","staticClass","model","value","workingProduct","callback","$$v","$set","expression","_l","item","key","company_id","name","class","isNewProduct","product_type_id","_v","activeBool","on","toggleActive","enrollmentKitBool","toggleEnrollmentKit","notSoldIndivBool","toggleSoldIndividually","pregBool","togglePregnant","adultsOnlyBool","toggleAdultsOnly","childrenOnlyBool","toggleChildrenOnly","animalSafeBool","toggleAnimalSafe","helpers","getImage","uploadPrimaryImage","uploadSecondaryImage","saveChanges","_s","revert","staticRenderFns","component","labelTop","style","maxHeight","identifier","initialImageUrl","$event","document","getElementById","click","buttonText","validateImage"],"mappings":"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","file":"js/chunk-58c53c27.01237c14.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"General\"}},[(_vm.loading)?_c('vs-progress',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}}):_vm._e(),_c('div',{staticClass:\"vx-row mb-2 pt-2\"},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full\"},[_c('vs-select',{staticClass:\"mr-4 w-full vs-input-shadow-drop vs-select-no-border\",attrs:{\"label\":\"Company\"},model:{value:(_vm.workingProduct.company_id),callback:function ($$v) {_vm.$set(_vm.workingProduct, \"company_id\", $$v)},expression:\"workingProduct.company_id\"}},_vm._l((_vm.companies),function(item){return _c('vs-select-item',{key:item.company_id,attrs:{\"value\":item.company_id,\"text\":item.name}})}),1)],1),_c('div',{staticClass:\"vx-col md:w-1/2  w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label-placeholder\":\"Code\"},model:{value:(_vm.workingProduct.code),callback:function ($$v) {_vm.$set(_vm.workingProduct, \"code\", $$v)},expression:\"workingProduct.code\"}})],1)]),_c('div',{staticClass:\"vx-row mb-2 pt-2\"},[_c('div',{class:(\"vx-col \" + (_vm.isNewProduct ? 'md:w-full' : 'md:w-1/3'))},[_c('div',{staticClass:\"vx-row mb-2 pt-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-select',{staticClass:\"mr-4 w-full vs-input-shadow-drop vs-select-no-border\",attrs:{\"label\":\"Type\"},model:{value:(_vm.workingProduct.product_type_id),callback:function ($$v) {_vm.$set(_vm.workingProduct, \"product_type_id\", $$v)},expression:\"workingProduct.product_type_id\"}},_vm._l((_vm.allProductTypes),function(item){return _c('vs-select-item',{key:item.product_type_id,attrs:{\"value\":item.product_type_id,\"text\":item.name}})}),1)],1)]),_c('div',{staticClass:\"vx-row mb-2 pt-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-select',{staticClass:\"mr-4 w-full vs-input-shadow-drop vs-select-no-border\",attrs:{\"label\":\"Gender\"},model:{value:(_vm.workingProduct.gender),callback:function ($$v) {_vm.$set(_vm.workingProduct, \"gender\", $$v)},expression:\"workingProduct.gender\"}},_vm._l((_vm.genderOptions),function(item){return _c('vs-select-item',{key:item.value,attrs:{\"value\":item.value,\"text\":item.name}})}),1)],1)]),_c('div',{staticClass:\"vx-row mb-2 pt-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('label',{staticClass:\"label\",attrs:{\"for\":\"active-switch\"}},[_vm._v(\"Active\")]),_c('vs-switch',{attrs:{\"id\":\"active-switch\",\"color\":\"success\",\"checked\":_vm.activeBool},on:{\"input\":_vm.toggleActive}})],1)]),_c('div',{staticClass:\"vx-row mb-2 pt-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('label',{staticClass:\"label\",attrs:{\"for\":\"active-switch\"}},[_vm._v(\"Enrollment Kit\")]),_c('vs-switch',{attrs:{\"id\":\"enrollment_kit_switch\",\"color\":\"success\",\"checked\":_vm.enrollmentKitBool},on:{\"input\":_vm.toggleEnrollmentKit}})],1)]),_c('div',{staticClass:\"vx-row mb-2 pt-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('label',{staticClass:\"label\",attrs:{\"for\":\"nsi-switch\"}},[_vm._v(\"Not Sold Individually\")]),_c('vs-switch',{attrs:{\"id\":\"nsi-switch\",\"color\":\"success\",\"checked\":_vm.notSoldIndivBool},on:{\"input\":_vm.toggleSoldIndividually}})],1)]),_c('div',{staticClass:\"vx-row mb-2 pt-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('label',{staticClass:\"label\",attrs:{\"for\":\"preg-switch\"}},[_vm._v(\"Unsafe for pregnancy\")]),_c('vs-switch',{attrs:{\"id\":\"preg-switch\",\"color\":\"warning\",\"checked\":_vm.pregBool},on:{\"input\":_vm.togglePregnant}})],1)]),_c('div',{staticClass:\"vx-row mb-2 pt-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('label',{staticClass:\"label\",attrs:{\"for\":\"a-only-switch\"}},[_vm._v(\"Adults Only\")]),_c('vs-switch',{attrs:{\"id\":\"a-only-switch\",\"color\":\"warning\",\"checked\":_vm.adultsOnlyBool},on:{\"input\":_vm.toggleAdultsOnly}})],1)]),_c('div',{staticClass:\"vx-row mb-2 pt-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('label',{staticClass:\"label\",attrs:{\"for\":\"c-only-switch\"}},[_vm._v(\"Children Only\")]),_c('vs-switch',{attrs:{\"id\":\"c-only-switch\",\"color\":\"warning\",\"checked\":_vm.childrenOnlyBool},on:{\"input\":_vm.toggleChildrenOnly}})],1)]),_c('div',{staticClass:\"vx-row mb-2 pt-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('label',{staticClass:\"label\",attrs:{\"for\":\"nsi-switch\"}},[_vm._v(\"Animal Safe\")]),_c('vs-switch',{attrs:{\"id\":\"animal-safe-switch\",\"color\":\"success\",\"checked\":_vm.animalSafeBool},on:{\"input\":_vm.toggleAnimalSafe}})],1)])]),(!_vm.isNewProduct)?_c('div',{staticClass:\"vx-col md:w-2/3 sm:w-full\"},[_c('div',{staticClass:\"vx-row mt-1\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('ItoviImageUpload',{attrs:{\"initial-image-url\":_vm.helpers.getImage(_vm.workingProduct),\"identifier\":'primary',\"required-aspect-ratio\":1,\"label-top\":\"PNG with transparent background. 1:1 aspect ratio required (i.e. 500x500)\",\"button-text\":\"Primary\"},on:{\"imageSelected\":_vm.uploadPrimaryImage}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('ItoviImageUpload',{attrs:{\"initial-image-url\":_vm.helpers.getImage(_vm.workingProduct, 'secondary'),\"identifier\":'secondary',\"required-aspect-ratio\":1.2,\"label-top\":\"6:5 aspect ratio required (i.e. 540x450)\",\"button-text\":\"Background\"},on:{\"imageSelected\":_vm.uploadSecondaryImage}})],1)])]):_vm._e(),_c('div',{staticClass:\"vx-col w-full mt-5\"},[_c('vs-textarea',{attrs:{\"width\":\"100%\",\"label\":\"Internal Notes\"},model:{value:(_vm.workingProduct.internal_notes),callback:function ($$v) {_vm.$set(_vm.workingProduct, \"internal_notes\", $$v)},expression:\"workingProduct.internal_notes\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[(_vm.isModified)?_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-2\"},[_c('vs-button',{staticClass:\"mx-1 w-full\",on:{\"click\":_vm.saveChanges}},[_vm._v(_vm._s(_vm.isNewProduct ? 'Create' : 'Save Changes'))])],1):_vm._e(),(_vm.isModified)?_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-2\"},[_c('vs-button',{staticClass:\"mx-1 w-full\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":_vm.revert}},[_vm._v(\"\\n        Cancel\\n      \")])],1):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: ProductGeneralEditorCard.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\n<template>\n  <vx-card title=\"General\">\n    <vs-progress v-if=\"loading\" indeterminate color=\"primary\"></vs-progress>\n\n    <!--  COMPANY + CODE ROW    -->\n    <div class=\"vx-row mb-2 pt-2\">\n    <!--   COMPANY   -->\n      <div class=\"vx-col md:w-1/2 w-full\">\n        <vs-select\n          label=\"Company\"\n          v-model=\"workingProduct.company_id\"\n          class=\"mr-4 w-full vs-input-shadow-drop vs-select-no-border\">\n          <vs-select-item\n            v-for=\"item in companies\"\n            :key=\"item.company_id\"\n            :value=\"item.company_id\"\n            :text=\"item.name\"/>\n        </vs-select>\n      </div>\n      <!--   CODE   -->\n      <div class=\"vx-col md:w-1/2  w-full\">\n        <vs-input\n          label-placeholder=\"Code\"\n          v-model=\"workingProduct.code\"\n          class=\"w-full\"\n        />\n      </div>\n    </div>\n\n    <!--  OPTIONS + IMAGES ROW    -->\n    <div class=\"vx-row mb-2 pt-2\">\n      <!--  TOGGLES AND DROP DOWNS    -->\n      <div :class=\"`vx-col ${isNewProduct ? 'md:w-full' : 'md:w-1/3'}`\">\n\n        <!--   TYPE   -->\n        <div class=\"vx-row mb-2 pt-2\">\n          <div class=\"vx-col w-full\">\n            <vs-select\n              label=\"Type\"\n              v-model=\"workingProduct.product_type_id\"\n              class=\"mr-4 w-full vs-input-shadow-drop vs-select-no-border\">\n              <vs-select-item\n                v-for=\"item in allProductTypes\"\n                :key=\"item.product_type_id\"\n                :value=\"item.product_type_id\"\n                :text=\"item.name\"/>\n            </vs-select>\n          </div>\n        </div>\n        <!--   GENDER   -->\n        <div class=\"vx-row mb-2 pt-2\">\n          <div class=\"vx-col w-full\">\n            <vs-select\n              label=\"Gender\"\n              v-model=\"workingProduct.gender\"\n              class=\"mr-4 w-full vs-input-shadow-drop vs-select-no-border\">\n              <vs-select-item\n                v-for=\"item in genderOptions\"\n                :key=\"item.value\"\n                :value=\"item.value\"\n                :text=\"item.name\"/>\n            </vs-select>\n          </div>\n        </div>\n\n        <!--   ACTIVE   -->\n        <div class=\"vx-row mb-2 pt-2\">\n          <div class=\"vx-col w-full\">\n            <label class=\"label\" for=\"active-switch\">Active</label>\n            <vs-switch\n              id=\"active-switch\"\n              color=\"success\"\n              v-bind:checked=\"activeBool\"\n              v-on:input=\"toggleActive\"/>\n          </div>\n        </div>\n\n        <div class=\"vx-row mb-2 pt-2\">\n          <div class=\"vx-col w-full\">\n            <label class=\"label\" for=\"active-switch\">Enrollment Kit</label>\n            <vs-switch\n              id=\"enrollment_kit_switch\"\n              color=\"success\"\n              v-bind:checked=\"enrollmentKitBool\"\n              v-on:input=\"toggleEnrollmentKit\" />\n          </div>\n        </div>\n\n        <!--   Not Sold Individually   -->\n        <div class=\"vx-row mb-2 pt-2\">\n          <div class=\"vx-col w-full\">\n            <label class=\"label\" for=\"nsi-switch\">Not Sold Individually</label>\n            <vs-switch\n              id=\"nsi-switch\"\n              color=\"success\"\n              v-bind:checked=\"notSoldIndivBool\"\n              v-on:input=\"toggleSoldIndividually\"/>\n          </div>\n        </div>\n\n        <!--   PREGNANT   -->\n        <div class=\"vx-row mb-2 pt-2\">\n          <div class=\"vx-col w-full\">\n            <label class=\"label\" for=\"preg-switch\">Unsafe for pregnancy</label>\n            <vs-switch\n              id=\"preg-switch\"\n              color=\"warning\"\n              v-bind:checked=\"pregBool\"\n              v-on:input=\"togglePregnant\"/>\n          </div>\n        </div>\n\n        <!--   ADULTS ONLY   -->\n        <div class=\"vx-row mb-2 pt-2\">\n          <div class=\"vx-col w-full\">\n            <label class=\"label\" for=\"a-only-switch\">Adults Only</label>\n            <vs-switch\n              id=\"a-only-switch\"\n              color=\"warning\"\n              v-bind:checked=\"adultsOnlyBool\"\n              v-on:input=\"toggleAdultsOnly\"/>\n          </div>\n        </div>\n\n        <!--   CHILDREN ONLY   -->\n        <div class=\"vx-row mb-2 pt-2\">\n          <div class=\"vx-col w-full\">\n            <label class=\"label\" for=\"c-only-switch\">Children Only</label>\n            <vs-switch\n              id=\"c-only-switch\"\n              color=\"warning\"\n              v-bind:checked=\"childrenOnlyBool\"\n              v-on:input=\"toggleChildrenOnly\"/>\n          </div>\n        </div>\n\n\n        <!--   Animal Safe   -->\n        <div class=\"vx-row mb-2 pt-2\">\n          <div class=\"vx-col w-full\">\n            <label class=\"label\" for=\"nsi-switch\">Animal Safe</label>\n            <vs-switch\n              id=\"animal-safe-switch\"\n              color=\"success\"\n              v-bind:checked=\"animalSafeBool\"\n              v-on:input=\"toggleAnimalSafe\"/>\n          </div>\n        </div>\n\n      </div>\n\n      <!--   IMAGES   -->\n      <div v-if=\"!isNewProduct\" class=\"vx-col md:w-2/3 sm:w-full\">\n        <div class=\"vx-row mt-1\">\n          <div class=\"vx-col w-full\">\n            <ItoviImageUpload\n              :initial-image-url=\"helpers.getImage(workingProduct)\"\n              :identifier=\"'primary'\"\n              :required-aspect-ratio=\"1\"\n              label-top=\"PNG with transparent background. 1:1 aspect ratio required (i.e. 500x500)\"\n              button-text=\"Primary\"\n              @imageSelected=\"uploadPrimaryImage\"\n            ></ItoviImageUpload>\n          </div>\n        </div>\n        <div class=\"vx-row\">\n          <div class=\"vx-col w-full\">\n            <ItoviImageUpload\n              :initial-image-url=\"helpers.getImage(workingProduct, 'secondary')\"\n              :identifier=\"'secondary'\"\n              :required-aspect-ratio=\"1.2\"\n              label-top=\"6:5 aspect ratio required (i.e. 540x450)\"\n              button-text=\"Background\"\n              @imageSelected=\"uploadSecondaryImage\"\n            ></ItoviImageUpload>\n          </div>\n        </div>\n      </div>\n      <div class=\"vx-col w-full mt-5\">\n        <vs-textarea\n          width=\"100%\"\n          label=\"Internal Notes\"\n          v-model=\"workingProduct.internal_notes\"\n        />\n      </div>\n    </div>\n\n    <div class=\"vx-row\">\n      <div v-if=\"isModified\" class=\"vx-col md:w-1/2 w-full mb-2\">\n        <vs-button class=\"mx-1 w-full\" @click=\"saveChanges\">{{ isNewProduct ? 'Create' : 'Save Changes' }}</vs-button>\n      </div>\n      <div v-if=\"isModified\" class=\"vx-col md:w-1/2 w-full mb-2\">\n        <vs-button class=\"mx-1 w-full\" color=\"warning\" type=\"border\" @click=\"revert\">\n          Cancel\n        </vs-button>\n      </div>\n    </div>\n\n  </vx-card>\n</template>\n\n<script>\n  import types from '@/models';\n  import {productHelpers} from '@/models/helpers';\n  import api from '@/http/api';\n  import ItoviImageUpload from '../../../../layouts/components/ItoviImageUpload';\n\n  export default {\n    components: {\n      ItoviImageUpload,\n    },\n    data() {\n      return {\n        loading: false,\n        helpers: productHelpers,\n        originalProduct: new types.Product(),\n        workingProduct: new types.Product(),\n        genderOptions: [\n          {name: 'Any', value: null},\n          {name: 'Male Only', value: 1},\n          {name: 'Female Only', value: 0},\n        ],\n      }\n    },\n    props: {\n      product: {\n        type: types.Product,\n        required: true,\n      },\n      companies: {\n        type: Array,\n        required: true,\n        default: () => {\n          return [new types.Company()]\n        }\n      },\n      allProductTypes: {\n        type: Array,\n        required: true,\n        default: () => {\n          return [new types.ProductType()]\n        }\n      },\n    },\n    watch: {\n      product: function (newVal, oldVal) {\n        if (JSON.stringify(newVal) === JSON.stringify(oldVal)) return;\n        this.originalProduct = JSON.parse(JSON.stringify(newVal));\n        this.workingProduct = JSON.parse(JSON.stringify(newVal));\n      },\n      isModified: function (newVal, oldVal) {\n        if (newVal === oldVal) return;\n        this.$emit('unsavedChangesUpdate', newVal);\n      }\n    },\n    computed: {\n      isModified() {\n        return JSON.stringify(this.originalProduct) !== JSON.stringify(this.workingProduct);\n      },\n      activeBool() {\n        return this.workingProduct.active === 1;\n      },\n      enrollmentKitBool() {\n        return this.workingProduct.enrollment_kit;\n      },\n      notSoldIndivBool() {\n        return this.workingProduct.group_only_sale;\n      },\n      animalSafeBool() {\n        return this.workingProduct.animal_safe;\n      },\n      pregBool() {\n        return this.workingProduct.preg_or_nurse === 1;\n      },\n      adultsOnlyBool() {\n        return this.workingProduct.min_age !== null && this.workingProduct.min_age >= 12;\n      },\n      childrenOnlyBool() {\n        return this.workingProduct.max_age !== null && this.workingProduct.max_age <= 12;\n      },\n      isNewProduct() {\n        return this.product.product_id === 0;\n      }\n    },\n    methods: {\n      revert() {\n        this.workingProduct = JSON.parse(JSON.stringify(this.originalProduct));\n      },\n      toggleActive() {\n        if (this.activeBool) {\n          this.workingProduct.active = 0;\n        } else {\n          this.workingProduct.active = 1;\n        }\n      },\n      toggleEnrollmentKit() {\n        if (this.enrollmentKitBool) {\n          this.workingProduct.enrollment_kit = 0;\n        } else {\n          this.workingProduct.enrollment_kit = 1;\n        }\n      },\n      toggleSoldIndividually() {\n        if (this.notSoldIndivBool) {\n          this.workingProduct.group_only_sale = 0;\n        } else {\n          this.workingProduct.group_only_sale = 1;\n        }\n      },\n      toggleAnimalSafe() {\n        this.workingProduct.animal_safe = !this.animalSafeBool;\n      },\n      togglePregnant() {\n        if (this.pregBool) {\n          this.workingProduct.preg_or_nurse = 0;\n        } else {\n          this.workingProduct.preg_or_nurse = 1;\n        }\n      },\n      toggleAdultsOnly() {\n        if (this.adultsOnlyBool) {\n          this.workingProduct.min_age = null;\n        } else {\n          this.workingProduct.min_age = 12;\n        }\n      },\n      toggleChildrenOnly() {\n        if (this.childrenOnlyBool) {\n          this.workingProduct.max_age = null;\n        } else {\n          this.workingProduct.max_age = 12;\n        }\n      },\n      async createProduct(){\n        this.loading = true;\n        const newProduct = await api.createNewProduct(this.workingProduct);\n        const success = newProduct !== null && newProduct.product_id !== 0;\n\n        this.$vs.notify({\n          title: success ? 'Success' : 'Error',\n          text: success ? `Product created successfully` : `Error creating product`,\n          color: success ? 'success' : 'danger',\n          icon: success ? 'check_circle_outline' : 'error'});\n\n        this.originalProduct = JSON.parse(JSON.stringify(this.workingProduct));\n\n        this.revert();\n\n        this.$emit('productChanged', newProduct);\n\n        this.loading = false;\n      },\n      async saveChanges() {\n        if (!this.isModified) return;\n        // handle if this is a NEW product\n        if (this.workingProduct.product_id === 0) {\n          this.createProduct();\n          return;\n        }\n        this.loading = true;\n\n        let success = await api.saveProductBaseProperties(this.workingProduct);\n\n        this.$vs.notify({\n          title: success ? 'Success' : 'Error',\n          text: success ? `Changes successfully saved` : `Error saving changes`,\n          color: success ? 'success' : 'danger',\n          icon: success ? 'check_circle_outline' : 'error'});\n\n        this.originalProduct = JSON.parse(JSON.stringify(this.workingProduct));\n\n        this.revert();\n\n        this.$emit('productChanged');\n\n        this.loading = false;\n      },\n      async uploadPrimaryImage(image) {\n        console.log('uploadPrimaryImage()...');\n        let images = await api.postProductPrimaryImage(this.product, image);\n        if (images === null) {\n          this.showNotification(false, 'Error uploading image');\n        } else {\n          this.product.images = images;\n          this.showNotification(true, 'Image uploaded');\n        }\n      },\n      async uploadSecondaryImage(image) {\n        let images = await api.postProductSecondaryImage(this.product, image);\n        if (images === null) {\n          this.showNotification(false, 'Error uploading image');\n        } else {\n          this.product.images = images;\n          this.showNotification(true, 'Image uploaded');\n        }\n      },\n      showNotification(title = 'Alert', message = '', color = 'success', icon = 'error_outline') {\n        this.$vs.notify({\n          title: title,\n          text: message,\n          color: color,\n          icon: icon\n        });\n      },\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .center-container {\n    position: relative;\n  }\n  .upload-button-center {\n    margin: 0;\n    position: absolute;\n    top: 50%;\n    -ms-transform: translateY(-50%);\n    transform: translateY(-50%);\n  }\n  .product-image {\n    object-fit: scale-down;\n    object-position: 50% 50%;\n    width: 100%;\n    max-height: 150px;\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!./ProductGeneralEditorCard.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!./ProductGeneralEditorCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductGeneralEditorCard.vue?vue&type=template&id=59dc4c71&scoped=true&\"\nimport script from \"./ProductGeneralEditorCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductGeneralEditorCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductGeneralEditorCard.vue?vue&type=style&index=0&id=59dc4c71&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  \"59dc4c71\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ItoviImageUpload.vue?vue&type=style&index=0&id=a4d539c6&scoped=true&lang=css&\"","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!./ProductGeneralEditorCard.vue?vue&type=style&index=0&id=59dc4c71&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-row\"},[(_vm.labelTop)?_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.labelTop))])])])]):_vm._e(),_c('div',{staticClass:\"vx-col w-1/2\"},[_c('img',{staticClass:\"grid-view-img p-4\",style:((\"max-width:100%;max-height:\" + _vm.maxHeight + \";\")),attrs:{\"id\":(_vm.identifier + \"itoviImageUploadPreview\"),\"src\":_vm.initialImageUrl}})]),_c('div',{staticClass:\"vx-col w-1/2 center-container\"},[_c('form',{attrs:{\"id\":(_vm.identifier + \"itoviImageForm\"),\"method\":\"post\",\"enctype\":\"multipart/form-data\"}},[_c('label',{staticClass:\"upload-button-center\",attrs:{\"id\":(_vm.identifier + \"fileInputLabel\"),\"for\":(_vm.identifier + \"fileInput\")}},[_c('vs-button',{attrs:{\"type\":\"gradient\",\"icon\":\"add_a_photo\"},on:{\"click\":function($event){_vm.document.getElementById((_vm.identifier + \"fileInputLabel\")).click()}}},[(_vm.buttonText)?_c('span',[_vm._v(_vm._s(_vm.buttonText))]):_vm._e()])],1),_c('input',{attrs:{\"id\":(_vm.identifier + \"fileInput\"),\"type\":\"file\",\"name\":\"image\"},on:{\"input\":_vm.validateImage}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vx-row\">\n    <div v-if=\"labelTop\" class=\"vx-col w-full\">\n      <div class=\"vx-row\">\n        <div class=\"vx-col w-full\">\n          <div class=\"label\">{{ labelTop }}</div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"vx-col w-1/2\">\n      <img :style=\"`max-width:100%;max-height:${maxHeight};`\"\n        :id=\"`${identifier}itoviImageUploadPreview`\"\n        :src=\"initialImageUrl\"\n        class=\"grid-view-img p-4\" />\n    </div>\n    <div class=\"vx-col w-1/2 center-container\">\n      <form :id=\"`${identifier}itoviImageForm`\" method=\"post\" enctype=\"multipart/form-data\">\n        <label :id=\"`${identifier}fileInputLabel`\" :for=\"`${identifier}fileInput`\" class=\"upload-button-center\">\n          <vs-button type=\"gradient\" icon=\"add_a_photo\" @click=\"document.getElementById(`${identifier}fileInputLabel`).click()\"><span v-if=\"buttonText\">{{ buttonText }}</span></vs-button>\n        </label>\n        <input :id=\"`${identifier}fileInput`\" type=\"file\" name=\"image\" @input=\"validateImage\" />\n      </form>\n    </div>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: \"ItoviImageUpload\",\n    data() {\n      return {\n        document: document,\n      }\n    },\n    async created() {\n      if (this.requiredAspectRatio && this.requiredWidth && this.requiredHeight) {\n        throw new Error('You can only supply either requiredAspectRatio or width/height, not both.');\n      }\n    },\n    props: {\n      identifier: {\n        type: String,\n        required: true,\n      },\n      initialImageUrl: {\n        type: String,\n        required: false,\n        default: () => {\n          return '';\n        },\n      },\n      maxHeight: {\n        type: String,\n        required: false,\n        default: () => {\n          return '200px';\n        },\n      },\n      labelTop: {\n        type: String,\n        required: false,\n        default: () => {\n          return '';\n        },\n      },\n      buttonText: {\n        type: String,\n        required: false,\n        default: () => {\n          return '';\n        },\n      },\n      requiredWidth: {\n        type: Number,\n        required: false,\n        default: () => {\n          return null;\n        },\n      },\n      requiredHeight: {\n        type: Number,\n        required: false,\n        default: () => {\n          return null;\n        },\n      },\n      requiredAspectRatio: {\n        type: Number,\n        required: false,\n        default: () => {\n          return null;\n        },\n      },\n    },\n    methods: {\n      async validateImage(event) {\n        let file;\n        try {\n          file = event.target.files[0];\n        } catch (e) {\n          console.log(e);\n        }\n        if (!file) {\n          this.showNotification(false, 'No image found');\n          return;\n        }\n\n        await this.showSelectedImage(file);\n        // await new Promise(resolve => setTimeout(resolve, 250));\n        let imgElement = document.getElementById(`${this.identifier}itoviImageUploadPreview`);\n\n        // validate the size/aspect ratio\n        if (this.requiredAspectRatio !== null || (this.requiredWidth !== null && this.requiredHeight !== null)) {\n          let newImg = new Image();\n          newImg.src = imgElement.getAttribute('src');\n          let height = newImg.height;\n          let width = newImg.width;\n          if (this.requiredAspectRatio !== null) {\n            // round to the 2 decimal places for comparison\n            let aspectRatio = Math.round((width/height) * 100) / 100;\n            // round to the 2 decimal places for comparison\n            let required = Math.round(this.requiredAspectRatio * 100) / 100;\n            if (aspectRatio !== required) {\n              this.showNotification(false, `Aspect ratio of ${required} required. The selected image has an aspect ratio of ${aspectRatio}.`);\n              this.showInitialImage();\n              return;\n            }\n          } else {\n            if (width !== this.requiredWidth || height !== this.requiredHeight) {\n              this.showNotification(false, `Image size of ${this.requiredWidth}x${this.requiredHeight} required. The selected image has an aspect ratio of ${width}x${height}.`);\n              this.showInitialImage();\n              return;\n            }\n          }\n        }\n\n\n\n        this.$emit('imageSelected', file);\n\n\n      },\n      showInitialImage() {\n        let imgElement = document.getElementById(`${this.identifier}itoviImageUploadPreview`);\n        imgElement.setAttribute('src', this.initialImageUrl);\n      },\n      showSelectedImage(file) {\n        return new Promise((accept) => {\n          let img = document.getElementById(`${this.identifier}itoviImageUploadPreview`);\n          let reader = new FileReader();\n          reader.onloadend = function() {\n            img.src = reader.result;\n            accept();\n          };\n          reader.readAsDataURL(file);\n        });\n      },\n      showNotification(success, message) {\n        this.$vs.notify({\n          title: success ? 'Success' : 'Error',\n          text: message ? message : '',\n          color: success ? 'success' : 'danger',\n          icon: success ? 'check_circle_outline' : 'error'});\n      },\n    },\n  }\n</script>\n\n<style scoped>\n  input[type=\"file\"] {\n    display: none;\n  }\n  .grid-view-img {\n    max-width: 100%;\n    max-height: 100%;\n    width: auto;\n    transition: .35s;\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  .center-container {\n    position: relative;\n  }\n  .upload-button-center {\n    margin: 0;\n    position: absolute;\n    top: 50%;\n    -ms-transform: translateY(-50%);\n    transform: translateY(-50%);\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!./ItoviImageUpload.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!./ItoviImageUpload.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ItoviImageUpload.vue?vue&type=template&id=a4d539c6&scoped=true&\"\nimport script from \"./ItoviImageUpload.vue?vue&type=script&lang=js&\"\nexport * from \"./ItoviImageUpload.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ItoviImageUpload.vue?vue&type=style&index=0&id=a4d539c6&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  \"a4d539c6\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}