{"version":3,"sources":["webpack:///./src/components/addAccessories.vue?873b","webpack:///./src/components/editAccessories.vue?cc63","webpack:///./src/components/custom/FileUploader.vue?99d5","webpack:///src/components/custom/FileUploader.vue","webpack:///./src/components/custom/FileUploader.vue?57ee","webpack:///./src/components/custom/FileUploader.vue","webpack:///./src/views/Accessories/Accessories.vue?d5f3","webpack:///./src/components/addAccessories.vue?a232","webpack:///src/components/addAccessories.vue","webpack:///./src/components/addAccessories.vue?7143","webpack:///./src/components/addAccessories.vue","webpack:///./src/components/editAccessories.vue?60da","webpack:///src/components/editAccessories.vue","webpack:///./src/components/editAccessories.vue?a971","webpack:///./src/components/editAccessories.vue","webpack:///src/views/Accessories/Accessories.vue","webpack:///./src/views/Accessories/Accessories.vue?7e6b","webpack:///./src/views/Accessories/Accessories.vue","webpack:///./src/components/custom/FileUploader.vue?221d","webpack:///./src/views/Accessories/Accessories.vue?9d72"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","isLoading","_e","allFiles","on","$event","handleChanges","target","name","files","fileCount","length","_v","_s","_l","item","index","key","content","staticRenderFns","data","errors","status","output","props","computed","isInitial","INITIAL","LOADING","isSuccess","SUCCESS","isFailed","FAILED","methods","validateImg","Promise","img","src","window","URL","createObjectURL","file","onload","width","height","resolve","reset","fileList","slice","call","map","url","valid","fileToBase64","reader","readAsDataURL","res","onerror","sanitizeFileName","resolveAfterTime","component","ref","toggleAddAccessories","addAccessoriesSuccess","currentAccessories","toggleEditAccessories","editAccessoriesSuccess","_m","items","columns","editItem","save","toggleView","directives","rawName","value","newAccessories","expression","domProps","composing","$set","success","error","info","warn","created","components","FileUploader","$emit","uploadedImageData","uploadedImageUrl","editImage","editingImage","updateImage","getImageSource","Image","isNull","deleteAccessories","editingAccessories","imageBytes","selectedFile","originalData","modifiedData","JSON","parse","stringify","ImageBytes","payload","obj","addAccessoriesOpen","editAccessoriesOpen","addAccessories","editAccessories","Datatable","getAccessories","$store","state","cdnUrl","dispatch","Accessories","$refs","addAccessoriesModal","hide","show","editAccessoriesModal"],"mappings":"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","file":"js/chunk-36186f4c.6eef467b.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./addAccessories.vue?vue&type=style&index=0&id=714e9e0a&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./addAccessories.vue?vue&type=style&index=0&id=714e9e0a&scoped=true&lang=css&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./editAccessories.vue?vue&type=style&index=0&id=db24c59e&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./editAccessories.vue?vue&type=style&index=0&id=db24c59e&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('form',{attrs:{\"enctype\":\"multipart/form-data\",\"novalidate\":\"\",\"id\":\"form\"}},[_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"box-inner\"},[(!_vm.isLoading)?_c('div',{staticClass:\"dropzone\"},[_c('input',{staticClass:\"input-file\",attrs:{\"type\":\"file\",\"multiple\":\"\",\"accept\":_vm.allFiles ? '*' : 'image/*'},on:{\"change\":function($event){_vm.handleChanges($event.target.name, $event.target.files);\n                _vm.fileCount = $event.target.files.length;}}}),_c('ul',{staticClass:\"box-notes\"},[_c('li',{staticClass:\"first\"},[_vm._v(\" \"+_vm._s(_vm.allFiles ? \"Drag a file here\" : \"Drag an image here\")+\" \")]),_c('li',{staticClass:\"second\"},[_vm._v(\"or\")]),_c('li',{staticClass:\"third link\"},[_vm._v(\"Browse files\")])])]):_vm._e(),(_vm.isLoading)?_c('div',{staticClass:\"status\"},[_c('span',{staticClass:\"loader\"},[_c('svg',{attrs:{\"width\":\"30px\",\"height\":\"30px\",\"viewBox\":\"0 0 30 30\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"data-svg\":\"spinner\"}},[_c('circle',{attrs:{\"fill\":\"none\",\"stroke\":\"#454b54\",\"cx\":\"15\",\"cy\":\"15\",\"r\":\"14\"}})])])]):_vm._e()])])]),(_vm.isSuccess)?_c('div',{staticClass:\"output\"},[_c('div',{staticClass:\"background-img-css\"},[_c('span',[_vm._v(\"Preview\")]),_c('pre',[_vm._v(\"          \"),_vm._l((this.output),function(item,index){return _c('img',{key:index,staticClass:\"previewImage\",attrs:{\"src\":item.content}})}),_vm._v(\"\\n          \"),_vm._v(\"\\n        \")],2)])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <form enctype=\"multipart/form-data\" novalidate id=\"form\">\r\n      <div class=\"box\">\r\n        <div class=\"box-inner\">\r\n          <div class=\"dropzone\" v-if=\"!isLoading\">\r\n            <input\r\n              type=\"file\"\r\n              multiple\r\n              :accept=\"allFiles ? '*' : 'image/*'\"\r\n              class=\"input-file\"\r\n              @change=\"\r\n                handleChanges($event.target.name, $event.target.files);\r\n                fileCount = $event.target.files.length;\r\n              \"\r\n            />\r\n            <ul class=\"box-notes\">\r\n              <li class=\"first\">\r\n                {{ allFiles ? \"Drag a file here\" : \"Drag an image here\" }}\r\n              </li>\r\n              <li class=\"second\">or</li>\r\n              <li class=\"third link\">Browse files</li>\r\n            </ul>\r\n          </div>\r\n          <div class=\"status\" v-if=\"isLoading\">\r\n            <span class=\"loader\">\r\n              <svg\r\n                width=\"30px\"\r\n                height=\"30px\"\r\n                viewBox=\"0 0 30 30\"\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                data-svg=\"spinner\"\r\n              >\r\n                <circle\r\n                  fill=\"none\"\r\n                  stroke=\"#454b54\"\r\n                  cx=\"15\"\r\n                  cy=\"15\"\r\n                  r=\"14\"\r\n                ></circle>\r\n              </svg>\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </form>\r\n    <div class=\"output\" v-if=\"isSuccess\">\r\n      <div class=\"background-img-css\">\r\n        <span>Preview</span>\r\n        <pre>\r\n          <img\r\n  v-for=\"(item, index) in this.output\"\r\n  :key=\"index\"\r\n  v-bind:src=\"item.content\"\r\n  class=\"previewImage\"\r\n>\r\n          <!-- <code v-for=\"(item, index) in this.output\" :key=\"index\">\r\n          .{{item.name}} {background-image: url(\"{{item.content}}\");}\r\n          </code> -->\r\n        </pre>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst INITIAL = 0,\r\n  LOADING = 1,\r\n  SUCCESS = 2,\r\n  FAILED = 3;\r\n\r\nexport default {\r\n  name: \"FileUploader\",\r\n\r\n  data() {\r\n    return {\r\n      errors: null,\r\n      status: null, // INITIAL, LOADING, SUCCESS, FAILED\r\n      output: [],\r\n    };\r\n  },\r\n  props: [\"uploadFileReturnFileName\", \"allFiles\"],\r\n  computed: {\r\n    isInitial() {\r\n      return this.status === INITIAL;\r\n    },\r\n    isLoading() {\r\n      return this.status === LOADING;\r\n    },\r\n    isSuccess() {\r\n      return this.status === SUCCESS;\r\n    },\r\n    isFailed() {\r\n      return this.status === FAILED;\r\n    },\r\n  },\r\n  methods: {\r\n    validateImg(file) {\r\n      return new Promise((resolve, reject) => {\r\n        let img = new Image();\r\n        img.src = window.URL.createObjectURL(file);\r\n        img.onload = () => {\r\n          if (img.width === 100 && img.height === 100) {\r\n            resolve(true);\r\n          } else {\r\n            resolve(false);\r\n          }\r\n        };\r\n      });\r\n    },\r\n    handleChanges(fieldName, fileList) {\r\n      this.reset(); // reset upload\r\n\r\n      if (!fileList.length) return;\r\n      this.status = LOADING;\r\n\r\n      [].slice.call(fileList).map((file) => {\r\n        var url = URL.createObjectURL(file);\r\n        this.validateImg(file).then((valid) => {\r\n          if (valid) {\r\n            if (!this.uploadFileReturnFileName) {\r\n              this.$emit(\"ImageDataChanged\", file);\r\n              this.$emit(\"ImageURLDataChanged\", url);\r\n            }\r\n            this.status = SUCCESS;\r\n            this.output.push({\r\n              name: this.sanitizeFileName(file.name),\r\n              content: url,\r\n            });\r\n            if (this.uploadFileReturnFileName) {\r\n              this.status = LOADING;\r\n              this.fileToBase64(file)\r\n                .then(this.resolveAfterTime(1500))\r\n                .then((res) => {\r\n                  var data = {\r\n                    base64: res,\r\n                    fileName: file.name,\r\n                    extension: file.name.split(\".\").pop(),\r\n                  };\r\n\r\n                  var payload = {\r\n                    data: data,\r\n                    success: (response) => {\r\n                      this.$emit(\"ImageUploaded\", response.data);\r\n                      this.status = SUCCESS;\r\n                    },\r\n                    error: (error) => {\r\n                      this.status = FAILED;\r\n                    },\r\n                  };\r\n                  this.$store.dispatch(\"uploadFile\", payload);\r\n                });\r\n            }\r\n          } else {\r\n            \r\n          }\r\n        });\r\n      });\r\n    },\r\n    fileToBase64(file) {\r\n      return new Promise((resolve, reject) => {\r\n        const reader = new FileReader();\r\n        reader.readAsDataURL(file);\r\n        reader.onload = () => {\r\n          let res = reader.result;\r\n          resolve(res);\r\n        };\r\n        reader.onerror = (error) => reject(error);\r\n      });\r\n    },\r\n    sanitizeFileName(name) {\r\n      return name\r\n        .replace(/\\.[^/.]+$/, \"\")\r\n        .replace(/[^a-z0-9]/gi, \"_\")\r\n        .toLowerCase();\r\n    },\r\n    resolveAfterTime(time) {\r\n      return (x) => {\r\n        return new Promise((resolve) => setTimeout(() => resolve(x), time));\r\n      };\r\n    },\r\n    reset() {\r\n      this.status = INITIAL;\r\n      this.errors = null;\r\n      this.output = [];\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.previewImage {\r\n  max-height: 100px;\r\n}\r\n.box {\r\n  padding: 10px;\r\n  position: relative;\r\n\r\n  .box-inner {\r\n    color: #2c3e50;\r\n    min-height: 200px;\r\n    position: relative;\r\n    cursor: pointer;\r\n    border-radius: 3px;\r\n    border: 2px dashed #86bdf9;\r\n    border-radius: 10px;\r\n    z-index: 100;\r\n\r\n    .box-notes {\r\n      list-style: none;\r\n      height: 200px;\r\n      margin: 0;\r\n      padding: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-direction: column;\r\n\r\n      li {\r\n        &.first {\r\n          font-weight: 600;\r\n          font-size: 24px;\r\n        }\r\n\r\n        &.link {\r\n          color: #fff;\r\n          padding: 10px 20px;\r\n          border-radius: 5px;\r\n          background: #176eff;\r\n          box-shadow: 0 0 35px rgba(140, 150, 160, 0.2);\r\n        }\r\n\r\n        &:not(:last-child) {\r\n          margin-bottom: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .loader {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 120px;\r\n    height: 120px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 100;\r\n\r\n    > * {\r\n      animation: rotate 1.4s linear infinite;\r\n    }\r\n    > * > * {\r\n      stroke-dasharray: 88px;\r\n      stroke-dashoffset: 0;\r\n      transform-origin: center;\r\n      animation: spinner 1.4s ease-in-out infinite;\r\n      animation-name: spinner;\r\n      animation-duration: 1.4s;\r\n      animation-timing-function: ease-in-out;\r\n      animation-delay: 0s;\r\n      animation-iteration-count: infinite;\r\n      animation-direction: normal;\r\n      animation-fill-mode: none;\r\n      animation-play-state: running;\r\n      stroke-width: 1;\r\n      stroke-linecap: round;\r\n      position: relative;\r\n    }\r\n  }\r\n  &::after {\r\n    content: \"\";\r\n    background: #f6f9fe;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 5px;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    opacity: 1;\r\n    transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);\r\n  }\r\n  &:hover {\r\n    &::after {\r\n      opacity: 0.6;\r\n    }\r\n  }\r\n}\r\n\r\n.output {\r\n  span {\r\n    padding-top: 10px;\r\n    display: block;\r\n    text-align: initial;\r\n  }\r\n  pre {\r\n    background: #e5e5e5;\r\n    color: #2c3e50;\r\n    padding: 14px;\r\n    border-radius: 3px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    overflow-x: scroll;\r\n\r\n    &,\r\n    code {\r\n      font-family: \"Source Code Pro\", monospace;\r\n      max-width: 500px;\r\n      text-align: left;\r\n      white-space: nowrap;\r\n      word-spacing: normal;\r\n      word-break: break-word;\r\n      word-wrap: break-word;\r\n      line-height: 1.5;\r\n      -moz-tab-size: 4;\r\n      -o-tab-size: 4;\r\n      tab-size: 4;\r\n      -webkit-hyphens: none;\r\n      -ms-hyphens: none;\r\n      hyphens: none;\r\n      position: relative;\r\n    }\r\n  }\r\n}\r\n\r\ninput[type=\"file\"] {\r\n  display: block;\r\n}\r\n\r\n.input-file {\r\n  opacity: 0;\r\n  width: 100%;\r\n  height: 200px;\r\n  position: absolute;\r\n  cursor: pointer;\r\n  top: 0;\r\n  left: 0;\r\n}\r\n\r\n@keyframes rotate {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(270deg);\r\n  }\r\n}\r\n\r\n@keyframes spinner {\r\n  0% {\r\n    stroke-dashoffset: 88px;\r\n  }\r\n  50% {\r\n    stroke-dashoffset: 22px;\r\n    transform: rotate(135deg);\r\n  }\r\n  100% {\r\n    stroke-dashoffset: 88px;\r\n    transform: rotate(450deg);\r\n  }\r\n}\r\n</style>\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!./FileUploader.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!./FileUploader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FileUploader.vue?vue&type=template&id=69f32660&scoped=true&\"\nimport script from \"./FileUploader.vue?vue&type=script&lang=js&\"\nexport * from \"./FileUploader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FileUploader.vue?vue&type=style&index=0&id=69f32660&scoped=true&lang=scss&\"\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  \"69f32660\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"container\"},[_c('b-modal',{ref:\"addAccessoriesModal\",attrs:{\"hide-footer\":\"\"}},[_c('addAccessories',{on:{\"closeAddAccessories\":function($event){return _vm.toggleAddAccessories()},\"addAccessoriesSuccess\":function($event){return _vm.addAccessoriesSuccess()}}})],1),_c('b-modal',{ref:\"editAccessoriesModal\",attrs:{\"hide-footer\":\"\"}},[_c('editAccessories',{attrs:{\"editingAccessories\":_vm.currentAccessories},on:{\"closeEditAccessories\":function($event){return _vm.toggleEditAccessories()},\"editAccessoriesSuccess\":function($event){return _vm.editAccessoriesSuccess()}}})],1),_vm._m(0),_c('div',{staticClass:\"row\"},[_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleAddAccessories()}}},[_vm._v(\"Add\")])]),_c('div',{staticClass:\"row\"},[_c('br'),_c('datatable',{staticClass:\"text-center\",attrs:{\"dataItems\":_vm.items,\"dataColumns\":_vm.columns,\"searching\":true,\"sorting\":true,\"order\":[1, \"dec\"],\"striped\":\"\",\"bordered\":\"\"},on:{\"rowClicked\":_vm.editItem,\"editRow\":_vm.editItem}})],1)],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row\"},[_c('h2',[_vm._v(\"Accessories\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('h2',[_vm._v(\"Add A Accessories\")]),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"Save\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\"Cancel\")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\" col-md-4\"},[_c('label',{attrs:{\"for\":\"VechicleCategory\"}},[_vm._v(\"VechicleCategory\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newAccessories.VechicleCategory),expression:\"newAccessories.VechicleCategory\"}],staticClass:\" form-control\",attrs:{\"id\":\"VechicleCategory\",\"name\":\"VechicleCategory\",\"placeholder\":\"VechicleCategory\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newAccessories.VechicleCategory)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newAccessories, \"VechicleCategory\", $event.target.value)}}}),_vm._m(0)]),_c('div',{staticClass:\" col-md-4\"},[_c('label',{attrs:{\"for\":\"AccessoryCount\"}},[_vm._v(\"AccessoryCount\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newAccessories.AccessoryCount),expression:\"newAccessories.AccessoryCount\"}],staticClass:\" form-control\",attrs:{\"id\":\"AccessoryCount\",\"name\":\"AccessoryCount\",\"placeholder\":\"AccessoryCount\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newAccessories.AccessoryCount)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newAccessories, \"AccessoryCount\", $event.target.value)}}}),_vm._m(1)]),_c('div',{staticClass:\" col-md-4\"},[_c('label',{attrs:{\"for\":\"Model\"}},[_vm._v(\"Model\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newAccessories.Model),expression:\"newAccessories.Model\"}],staticClass:\" form-control\",attrs:{\"id\":\"Model\",\"name\":\"Model\",\"placeholder\":\"Model\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newAccessories.Model)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newAccessories, \"Model\", $event.target.value)}}}),_vm._m(2)]),_c('div',{staticClass:\" col-md-4\"},[_c('label',{attrs:{\"for\":\"Type\"}},[_vm._v(\"Type\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newAccessories.Type),expression:\"newAccessories.Type\"}],staticClass:\" form-control\",attrs:{\"id\":\"Type\",\"name\":\"Type\",\"placeholder\":\"Type\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newAccessories.Type)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newAccessories, \"Type\", $event.target.value)}}}),_vm._m(3)]),_c('div',{staticClass:\" col-md-4\"},[_c('label',{attrs:{\"for\":\"PartNumber\"}},[_vm._v(\"PartNumber\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newAccessories.PartNumber),expression:\"newAccessories.PartNumber\"}],staticClass:\" form-control\",attrs:{\"id\":\"PartNumber\",\"name\":\"PartNumber\",\"placeholder\":\"PartNumber\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newAccessories.PartNumber)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newAccessories, \"PartNumber\", $event.target.value)}}}),_vm._m(4)]),_c('div',{staticClass:\" col-md-4\"},[_c('label',{attrs:{\"for\":\"Description\"}},[_vm._v(\"Description\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newAccessories.Description),expression:\"newAccessories.Description\"}],staticClass:\" form-control\",attrs:{\"id\":\"Description\",\"name\":\"Description\",\"placeholder\":\"Description\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newAccessories.Description)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newAccessories, \"Description\", $event.target.value)}}}),_vm._m(5)]),_c('div',{staticClass:\" col-md-4\"},[_c('label',{attrs:{\"for\":\"VehicleAcessoryName\"}},[_vm._v(\"VehicleAcessoryName\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newAccessories.VehicleAcessoryName),expression:\"newAccessories.VehicleAcessoryName\"}],staticClass:\" form-control\",attrs:{\"id\":\"VehicleAcessoryName\",\"name\":\"VehicleAcessoryName\",\"placeholder\":\"VehicleAcessoryName\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newAccessories.VehicleAcessoryName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newAccessories, \"VehicleAcessoryName\", $event.target.value)}}}),_vm._m(6)]),_c('div',{staticClass:\" col-md-4\"},[_c('label',{attrs:{\"for\":\"WebsiteDescription\"}},[_vm._v(\"WebsiteDescription\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newAccessories.WebsiteDescription),expression:\"newAccessories.WebsiteDescription\"}],staticClass:\" form-control\",attrs:{\"id\":\"WebsiteDescription\",\"name\":\"WebsiteDescription\",\"placeholder\":\"WebsiteDescription\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newAccessories.WebsiteDescription)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newAccessories, \"WebsiteDescription\", $event.target.value)}}}),_vm._m(7)]),_c('div',{staticClass:\" col-md-4\"},[_c('label',{attrs:{\"for\":\"Price\"}},[_vm._v(\"Price\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newAccessories.Price),expression:\"newAccessories.Price\"}],staticClass:\" form-control\",attrs:{\"id\":\"Price\",\"name\":\"Price\",\"placeholder\":\"Price\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newAccessories.Price)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newAccessories, \"Price\", $event.target.value)}}}),_vm._m(8)]),_c('div',{staticClass:\" col-md-4\"},[_c('label',{attrs:{\"for\":\"LastUpdated\"}},[_vm._v(\"LastUpdated\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newAccessories.LastUpdated),expression:\"newAccessories.LastUpdated\"}],staticClass:\" form-control\",attrs:{\"id\":\"LastUpdated\",\"name\":\"LastUpdated\",\"placeholder\":\"LastUpdated\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newAccessories.LastUpdated)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newAccessories, \"LastUpdated\", $event.target.value)}}}),_vm._m(9)]),_c('br')]),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"Save\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\"Cancel\")]),_c('br'),_c('br')])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('small')])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class='container'>\r\n  <h2>Add A Accessories</h2>\r\n   <button @click='save()' type='button' class='btn btn-success'>Save</button>\r\n  <button @click='toggleView()' type='button' class='btn btn-warning'>Cancel</button>\r\n\t<div class='row'>\r\n            <div class=' col-md-4'><label class='' for='VechicleCategory'>VechicleCategory</label><input class=' form-control'   \r\n                id='VechicleCategory' name='VechicleCategory' v-model='newAccessories.VechicleCategory' placeholder='VechicleCategory' tabindex='0' type='text' value=''>\r\n                <div\r\n                    class=''><small></small></div>\r\n            </div>\r\n            <div class=' col-md-4'><label class='' for='AccessoryCount'>AccessoryCount</label><input class=' form-control'   \r\n                id='AccessoryCount' name='AccessoryCount' v-model='newAccessories.AccessoryCount' placeholder='AccessoryCount' tabindex='0' type='text' value=''>\r\n                <div\r\n                    class=''><small></small></div>\r\n            </div>\r\n            <div class=' col-md-4'><label class='' for='Model'>Model</label><input class=' form-control'   \r\n                id='Model' name='Model' v-model='newAccessories.Model' placeholder='Model' tabindex='0' type='text' value=''>\r\n                <div\r\n                    class=''><small></small></div>\r\n            </div>\r\n            <div class=' col-md-4'><label class='' for='Type'>Type</label><input class=' form-control'   \r\n                id='Type' name='Type' v-model='newAccessories.Type' placeholder='Type' tabindex='0' type='text' value=''>\r\n                <div\r\n                    class=''><small></small></div>\r\n            </div>\r\n            <div class=' col-md-4'><label class='' for='PartNumber'>PartNumber</label><input class=' form-control'   \r\n                id='PartNumber' name='PartNumber' v-model='newAccessories.PartNumber' placeholder='PartNumber' tabindex='0' type='text' value=''>\r\n                <div\r\n                    class=''><small></small></div>\r\n            </div>\r\n            <div class=' col-md-4'><label class='' for='Description'>Description</label><input class=' form-control'   \r\n                id='Description' name='Description' v-model='newAccessories.Description' placeholder='Description' tabindex='0' type='text' value=''>\r\n                <div\r\n                    class=''><small></small></div>\r\n            </div>\r\n            <div class=' col-md-4'><label class='' for='VehicleAcessoryName'>VehicleAcessoryName</label><input class=' form-control'   \r\n                id='VehicleAcessoryName' name='VehicleAcessoryName' v-model='newAccessories.VehicleAcessoryName' placeholder='VehicleAcessoryName' tabindex='0' type='text' value=''>\r\n                <div\r\n                    class=''><small></small></div>\r\n            </div>\r\n            <div class=' col-md-4'><label class='' for='WebsiteDescription'>WebsiteDescription</label><input class=' form-control'   \r\n                id='WebsiteDescription' name='WebsiteDescription' v-model='newAccessories.WebsiteDescription' placeholder='WebsiteDescription' tabindex='0' type='text' value=''>\r\n                <div\r\n                    class=''><small></small></div>\r\n            </div>\r\n            <div class=' col-md-4'><label class='' for='Price'>Price</label><input class=' form-control'   \r\n                id='Price' name='Price' v-model='newAccessories.Price' placeholder='Price' tabindex='0' type='text' value=''>\r\n                <div\r\n                    class=''><small></small></div>\r\n            </div>\r\n            <div class=' col-md-4'><label class='' for='LastUpdated'>LastUpdated</label><input class=' form-control'   \r\n                id='LastUpdated' name='LastUpdated' v-model='newAccessories.LastUpdated' placeholder='LastUpdated' tabindex='0' type='text' value=''>\r\n                <div\r\n                    class=''><small></small></div>\r\n            </div>\r\n    <br/>\r\n            </div>\r\n    <button @click='save()' type='button' class='btn btn-success'>Save</button>\r\n    <button @click='toggleView()' type='button' class='btn btn-warning'>Cancel</button>\r\n    <br/>\r\n    <br/>\r\n    </div>\r\n    \r\n</template>\r\n<script>\r\nimport _ from 'lodash'; \r\nimport FileUploader from '@/components/custom/FileUploader.vue'; \r\nimport miniToastr from 'mini-toastr'; // https://github.com/se-panfilov/mini-toastr\r\nconst toastTypes = {\r\n  success: 'success',\r\n  error: 'error',\r\n  info: 'info',\r\n  warn: 'warn'\r\n};\r\nminiToastr.init({ types: toastTypes });\r\nexport default {\r\n  name: 'addAccessories',\r\n  created: function() {\r\n  },\r\n  data() {\r\n      return {\r\n          newAccessories: {},\r\n        uploadedImageData: {}, \r\n        uploadedImageUrl: null, \r\n        editingImage: false \r\n      }\r\n  },\r\n  components: { \r\n    FileUploader \r\n  }, \r\n  methods: {\r\n    toggleView: function() {\r\n      this.$emit('closeAddAccessories')\r\n    },\r\n\tupdateImageData: function(value) { \r\n      this.uploadedImageData = value; \r\n    }, \r\n\tupdateImageUrl: function(value) {  \r\n      this.uploadedImageUrl = value; \r\n    }, \r\n    editImage: function() { \r\n      this.editingImage = !this.editingImage; \r\n    }, \r\n    updateImage: function() { \r\n      this.editingImage = !this.editingImage; \r\n    }, \r\n    getImageSource(data) {\r\n      if(this.uploadedImageUrl)\r\n      {\r\n        return this.uploadedImageUrl;\r\n      }\r\n        if (!this.isNull(data) && !this.isNull(data.Image)) {\r\n        if (data.Image) {\r\n            return this.$store.state.cdnUrl + data.Image;\r\n        }\r\n        else {\r\n            return data.Image;\r\n        }\r\n      }\r\n      return '';\r\n    },\r\n    isNull: function(obj) {\r\n        if (typeof obj === 'undefined' || obj === null || obj === 'null') {\r\n            return true;\r\n        }\r\n    return false;\r\n    },\r\n    save: function() {\r\n    var payload = {\r\n          data: this.newAccessories,\r\n          image: this.uploadedImageData,\r\n          success: response => {\r\n            this.$emit('addAccessoriesSuccess')\r\n          },\r\n          error: error => { miniToastr['error'](error, 'Error', 1000, null)}\r\n        }\r\n        this.$store.dispatch('addAccessories', payload);\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped> \r\n.previewImage { \r\n  max-height: 100px; \r\n} \r\n</style> \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!./addAccessories.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!./addAccessories.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./addAccessories.vue?vue&type=template&id=714e9e0a&scoped=true&\"\nimport script from \"./addAccessories.vue?vue&type=script&lang=js&\"\nexport * from \"./addAccessories.vue?vue&type=script&lang=js&\"\nimport style0 from \"./addAccessories.vue?vue&type=style&index=0&id=714e9e0a&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  \"714e9e0a\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('h2',[_vm._v(\"Edit Accessories\")]),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"Save\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\"Cancel\")]),_c('button',{staticClass:\"btn btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.deleteAccessories()}}},[_vm._v(\"Delete\")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"VechicleCategory\"}},[_vm._v(\"VechicleCategory\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingAccessories.VechicleCategory),expression:\"editingAccessories.VechicleCategory\"}],staticClass:\"form-control\",attrs:{\"id\":\"VechicleCategory\",\"name\":\"VechicleCategory\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingAccessories.VechicleCategory)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editingAccessories, \"VechicleCategory\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"AccessoryCount\"}},[_vm._v(\"AccessoryCount\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingAccessories.AccessoryCount),expression:\"editingAccessories.AccessoryCount\"}],staticClass:\"form-control\",attrs:{\"id\":\"AccessoryCount\",\"name\":\"AccessoryCount\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingAccessories.AccessoryCount)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editingAccessories, \"AccessoryCount\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"Model\"}},[_vm._v(\"Model\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingAccessories.Model),expression:\"editingAccessories.Model\"}],staticClass:\"form-control\",attrs:{\"id\":\"Model\",\"name\":\"Model\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingAccessories.Model)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editingAccessories, \"Model\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"Type\"}},[_vm._v(\"Type\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingAccessories.Type),expression:\"editingAccessories.Type\"}],staticClass:\"form-control\",attrs:{\"id\":\"Type\",\"name\":\"Type\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingAccessories.Type)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editingAccessories, \"Type\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"PartNumber\"}},[_vm._v(\"PartNumber\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingAccessories.PartNumber),expression:\"editingAccessories.PartNumber\"}],staticClass:\"form-control\",attrs:{\"id\":\"PartNumber\",\"name\":\"PartNumber\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingAccessories.PartNumber)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editingAccessories, \"PartNumber\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"Description\"}},[_vm._v(\"Description\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingAccessories.Description),expression:\"editingAccessories.Description\"}],staticClass:\"form-control\",attrs:{\"id\":\"Description\",\"name\":\"Description\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingAccessories.Description)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editingAccessories, \"Description\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"VehicleAcessoryName\"}},[_vm._v(\"VehicleAcessoryName\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingAccessories.VehicleAcessoryName),expression:\"editingAccessories.VehicleAcessoryName\"}],staticClass:\"form-control\",attrs:{\"id\":\"VehicleAcessoryName\",\"name\":\"VehicleAcessoryName\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingAccessories.VehicleAcessoryName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editingAccessories, \"VehicleAcessoryName\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"WebsiteDescription\"}},[_vm._v(\"WebsiteDescription\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingAccessories.WebsiteDescription),expression:\"editingAccessories.WebsiteDescription\"}],staticClass:\"form-control\",attrs:{\"id\":\"WebsiteDescription\",\"name\":\"WebsiteDescription\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingAccessories.WebsiteDescription)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editingAccessories, \"WebsiteDescription\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"Price\"}},[_vm._v(\"Price\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingAccessories.Price),expression:\"editingAccessories.Price\"}],staticClass:\"form-control\",attrs:{\"id\":\"Price\",\"name\":\"Price\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingAccessories.Price)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editingAccessories, \"Price\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"LastUpdated\"}},[_vm._v(\"LastUpdated\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingAccessories.LastUpdated),expression:\"editingAccessories.LastUpdated\"}],staticClass:\"form-control\",attrs:{\"id\":\"LastUpdated\",\"name\":\"LastUpdated\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingAccessories.LastUpdated)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.editingAccessories, \"LastUpdated\", $event.target.value)}}})])]),_c('br'),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"Save\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\"Cancel\")]),_c('br'),_c('br')])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class='container'>\r\n    <h2>Edit Accessories</h2>\r\n    <button @click='save()' type='button' class='btn btn-success'>Save</button>\r\n    \r\n    <button @click='toggleView()' type='button' class='btn btn-warning'>Cancel</button>\r\n    \r\n    <button @click='deleteAccessories()' type='button' class='btn btn-danger'>Delete</button>\r\n\t\r\n\t<div class='row'>\r\n<div class='col-md-4'>\r\n   <label class for='VechicleCategory'>VechicleCategory</label>\r\n   <input\r\n     class='form-control'\r\n     id='VechicleCategory'\r\n     name='VechicleCategory'\r\n     v-model='editingAccessories.VechicleCategory'\r\n     placeholder=' '\r\n     tabindex='0'\r\n     type='text'\r\n   >\r\n\t\r\n </div>\r\n<div class='col-md-4'>\r\n   <label class for='AccessoryCount'>AccessoryCount</label>\r\n   <input\r\n     class='form-control'\r\n     id='AccessoryCount'\r\n     name='AccessoryCount'\r\n     v-model='editingAccessories.AccessoryCount'\r\n     placeholder=' '\r\n     tabindex='0'\r\n     type='text'\r\n   >\r\n\t\r\n </div>\r\n<div class='col-md-4'>\r\n   <label class for='Model'>Model</label>\r\n   <input\r\n     class='form-control'\r\n     id='Model'\r\n     name='Model'\r\n     v-model='editingAccessories.Model'\r\n     placeholder=' '\r\n     tabindex='0'\r\n     type='text'\r\n   >\r\n\t\r\n </div>\r\n<div class='col-md-4'>\r\n   <label class for='Type'>Type</label>\r\n   <input\r\n     class='form-control'\r\n     id='Type'\r\n     name='Type'\r\n     v-model='editingAccessories.Type'\r\n     placeholder=' '\r\n     tabindex='0'\r\n     type='text'\r\n   >\r\n\t\r\n </div>\r\n<div class='col-md-4'>\r\n   <label class for='PartNumber'>PartNumber</label>\r\n   <input\r\n     class='form-control'\r\n     id='PartNumber'\r\n     name='PartNumber'\r\n     v-model='editingAccessories.PartNumber'\r\n     placeholder=' '\r\n     tabindex='0'\r\n     type='text'\r\n   >\r\n\t\r\n </div>\r\n<div class='col-md-4'>\r\n   <label class for='Description'>Description</label>\r\n   <input\r\n     class='form-control'\r\n     id='Description'\r\n     name='Description'\r\n     v-model='editingAccessories.Description'\r\n     placeholder=' '\r\n     tabindex='0'\r\n     type='text'\r\n   >\r\n\t\r\n </div>\r\n<div class='col-md-4'>\r\n   <label class for='VehicleAcessoryName'>VehicleAcessoryName</label>\r\n   <input\r\n     class='form-control'\r\n     id='VehicleAcessoryName'\r\n     name='VehicleAcessoryName'\r\n     v-model='editingAccessories.VehicleAcessoryName'\r\n     placeholder=' '\r\n     tabindex='0'\r\n     type='text'\r\n   >\r\n\t\r\n </div>\r\n<div class='col-md-4'>\r\n   <label class for='WebsiteDescription'>WebsiteDescription</label>\r\n   <input\r\n     class='form-control'\r\n     id='WebsiteDescription'\r\n     name='WebsiteDescription'\r\n     v-model='editingAccessories.WebsiteDescription'\r\n     placeholder=' '\r\n     tabindex='0'\r\n     type='text'\r\n   >\r\n\t\r\n </div>\r\n<div class='col-md-4'>\r\n   <label class for='Price'>Price</label>\r\n   <input\r\n     class='form-control'\r\n     id='Price'\r\n     name='Price'\r\n     v-model='editingAccessories.Price'\r\n     placeholder=' '\r\n     tabindex='0'\r\n     type='text'\r\n   >\r\n\t\r\n </div>\r\n<div class='col-md-4'>\r\n   <label class for='LastUpdated'>LastUpdated</label>\r\n   <input\r\n     class='form-control'\r\n     id='LastUpdated'\r\n     name='LastUpdated'\r\n     v-model='editingAccessories.LastUpdated'\r\n     placeholder=' '\r\n     tabindex='0'\r\n     type='text'\r\n   >\r\n\t\r\n </div>\r\n  </div>\r\n    <br/>\r\n    <button @click='save()' type='button' class='btn btn-success'>Save</button>\r\n    <button @click='toggleView()' type='button' class='btn btn-warning'>Cancel</button>\r\n    <br/>\r\n    <br/>\r\n    </div>\r\n    \r\n</template>\r\n<script>\r\nimport _ from 'lodash'; \r\nimport FileUploader from '@/components/custom/FileUploader.vue'; \r\nimport miniToastr from 'mini-toastr'; // https://github.com/se-panfilov/mini-toastr\r\nconst toastTypes = {\r\n  success: 'success',\r\n  error: 'error',\r\n  info: 'info',\r\n  warn: 'warn'\r\n};\r\nminiToastr.init({ types: toastTypes });\r\n \r\nexport default { \r\n  name: 'EditAccessories', \r\n \r\n  data() { \r\n    return { \r\n      imageBytes: {}, \r\n      selectedFile: {}, \r\n      originalData: {}, \r\n      modifiedData: {}, \r\n        uploadedImageData: {}, \r\n        uploadedImageUrl: null, \r\n      editingImage: false \r\n    }; \r\n  }, \r\n  components: { \r\n    FileUploader \r\n  }, \r\n  created() { \r\n    this.originalData = JSON.parse(JSON.stringify(this.editingAccessories)); \r\n    this.ImageBytes = this.editingAccessories.Image; \r\n  }, \r\n \r\n  props: ['editingAccessories'], \r\n \r\n  methods: { \r\n    toggleView: function() { \r\n      this.$emit('closeEditAccessories'); \r\n    }, \r\n \r\n    save: function() { \r\n    var data = JSON.parse(JSON.stringify(this.editingAccessories));\r\n      var payload = {\r\n          data: data,\r\n          image: this.uploadedImageData,\r\n          success: response => {\r\n            this.$emit('editAccessoriesSuccess') \r\n          },\r\n          error: error => { miniToastr['error'](error, 'Error', 1000, null)}\r\n        }\r\n        this.$store.dispatch('editAccessories', payload);\r\n    }, \r\n\tupdateImageData: function(value) { \r\n      this.uploadedImageData = value; \r\n    }, \r\n\tupdateImageUrl: function(value) {  \r\n      this.uploadedImageUrl = value; \r\n    }, \r\n    editImage: function() { \r\n      this.editingImage = !this.editingImage; \r\n    }, \r\n    updateImage: function() { \r\n      this.editingImage = !this.editingImage; \r\n    }, \r\n    getImageSource(data) {\r\n      if(this.uploadedImageUrl)\r\n      {\r\n        return this.uploadedImageUrl;\r\n      }\r\n        if (!this.isNull(data) && !this.isNull(data.Image)) {\r\n        if (data.Image) {\r\n            return this.$store.state.cdnUrl + data.Image;\r\n        }\r\n        else {\r\n            return data.Image;\r\n        }\r\n      }\r\n      return '';\r\n    },\r\n    isNull: function(obj) {\r\n      if (typeof obj === 'undefined' || obj === null || obj === 'null') {\r\n        return true;\r\n      }\r\n      return false;\r\n    },\r\n    deleteAccessories: function() { \r\n     var payload = {\r\n      data: this.editingAccessories,\r\n      success: response => {\r\n        this.$emit('editAccessoriesSuccess') \r\n      },\r\n      error: error => { miniToastr['error'](error, 'Error', 1000, null)}\r\n    }\r\n    this.$store.dispatch('deleteAccessories', payload);\r\n    } \r\n  } \r\n}; \r\n</script> \r\n<style scoped> \r\n.previewImage { \r\n  max-height: 100px; \r\n} \r\n</style> \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!./editAccessories.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!./editAccessories.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./editAccessories.vue?vue&type=template&id=db24c59e&scoped=true&\"\nimport script from \"./editAccessories.vue?vue&type=script&lang=js&\"\nexport * from \"./editAccessories.vue?vue&type=script&lang=js&\"\nimport style0 from \"./editAccessories.vue?vue&type=style&index=0&id=db24c59e&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  \"db24c59e\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class='card'>\r\n    <div class='container'>\r\n      <b-modal ref='addAccessoriesModal' hide-footer>\r\n        <addAccessories @closeAddAccessories='toggleAddAccessories()' @addAccessoriesSuccess='addAccessoriesSuccess()'></addAccessories>\r\n      </b-modal>\r\n      <b-modal ref='editAccessoriesModal' hide-footer>\r\n        <editAccessories\r\n          :editingAccessories='currentAccessories'\r\n          @closeEditAccessories='toggleEditAccessories()'\r\n          @editAccessoriesSuccess='editAccessoriesSuccess()'\r\n        ></editAccessories>\r\n      </b-modal>\r\n      <div class='row'>\r\n        <h2>Accessories</h2>\r\n      </div>\r\n      <div class='row'>\r\n        <button @click='toggleAddAccessories()' type='button' class='btn btn-success'>Add</button>\r\n      </div>\r\n      <div class='row'>\r\n        <br>\r\n        <datatable :dataItems='items' @rowClicked='editItem' :dataColumns='columns' :searching='true' :sorting='true' @editRow='editItem' :order='[1, \"dec\"]' class='text-center' striped bordered />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport addAccessories from '../../components/addAccessories';\r\nimport editAccessories from '../../components/editAccessories';\r\nimport VueNotifications from 'vue-notifications';\r\nimport {    Datatable  } from '../../mdb/components/Datatable';\r\nimport miniToastr from 'mini-toastr'; // https://github.com/se-panfilov/mini-toastr\r\nconst toastTypes = {\r\n  success: 'success',\r\n  error: 'error',\r\n  info: 'info',\r\n  warn: 'warn'\r\n};\r\nminiToastr.init({ types: toastTypes });\r\nexport default {\r\n  data() {\r\n    return {\r\n      columns: [\r\n              {\r\n                label: 'Id',\r\n                field: 'Id',\r\n                sort: 'asc',\r\n              },\r\n              {\r\n                label: 'VechicleCategory',\r\n                field: 'VechicleCategory',\r\n                sort: 'asc',\r\n              },\r\n              {\r\n                label: 'AccessoryCount',\r\n                field: 'AccessoryCount',\r\n                sort: 'asc',\r\n              },\r\n              {\r\n                label: 'Model',\r\n                field: 'Model',\r\n                sort: 'asc',\r\n              },\r\n              {\r\n                label: 'Type',\r\n                field: 'Type',\r\n                sort: 'asc',\r\n              },\r\n              {\r\n                label: 'PartNumber',\r\n                field: 'PartNumber',\r\n                sort: 'asc',\r\n              },\r\n              {\r\n                label: 'Description',\r\n                field: 'Description',\r\n                sort: 'asc',\r\n              },\r\n              {\r\n                label: 'VehicleAcessoryName',\r\n                field: 'VehicleAcessoryName',\r\n                sort: 'asc',\r\n              },\r\n              {\r\n                label: 'WebsiteDescription',\r\n                field: 'WebsiteDescription',\r\n                sort: 'asc',\r\n              },\r\n              {\r\n                label: 'Price',\r\n                field: 'Price',\r\n                sort: 'asc',\r\n              },\r\n              {\r\n                label: 'LastUpdated',\r\n                field: 'LastUpdated',\r\n                sort: 'asc',\r\n              },\r\n      ],\r\n      items: [],\r\n      addAccessoriesOpen: false,\r\n      editAccessoriesOpen: false,\r\n      currentAccessories: {}\r\n    };\r\n  },\r\n  components: {\r\n    addAccessories,\r\n    editAccessories,\r\n    Datatable,\r\n  },\r\n  created: function() {\r\n    this.getAccessories();\r\n    this.addAccessoriesOpen = false;\r\n    this.editAccessoriesOpen = false;\r\n  },\r\n  methods: {\r\n    getImageSource(data) {\r\n      if (!this.isNull(data) && !this.isNull(data.Image)) {\r\n        return this.$store.state.cdnUrl + data.Image;\r\n      }\r\n      return '';\r\n    },\r\n    isNull: function(obj) {\r\n      if (typeof obj === 'undefined' || obj === null || obj === 'null') {\r\n        return true;\r\n      }\r\n      return false;\r\n    },\r\n getAccessories() {\r\n      var payload = {\r\n        success: response => {\r\n          this.items = response.data;\r\n        },\r\n        error: error => { miniToastr['error'](error, 'Error', 1000, null)}\r\n      }\r\n      this.$store.dispatch('getAccessories', payload);\r\n    },\r\n    editItem(Accessories) {\r\n      this.toggleEditAccessories();\r\n      this.currentAccessories = Accessories;\r\n    },\r\n    toggleAddAccessories() {\r\n      if(this.addAccessoriesOpen)\r\n      {\r\n        this.$refs.addAccessoriesModal.hide()\r\n      }\r\n      else{\r\n        this.$refs.addAccessoriesModal.show()\r\n      }\r\n      this.addAccessoriesOpen = !this.addAccessoriesOpen;\r\n    },\r\n    addAccessoriesSuccess() {\r\n      this.toggleAddAccessories();\r\n      miniToastr['success']('Accessories Added', 'Success', 1000, null);\r\n      this.getAccessories();\r\n    },\r\n    toggleEditAccessories() {\r\n      if(this.editAccessoriesOpen)\r\n      {\r\n        this.$refs.editAccessoriesModal.hide()\r\n      }\r\n      else{\r\n        this.$refs.editAccessoriesModal.show()\r\n      }\r\n      this.editAccessoriesOpen = !this.editAccessoriesOpen;\r\n    },\r\n    editAccessoriesSuccess() {\r\n      this.toggleEditAccessories();\r\n      miniToastr['success']('Accessories Edited', 'Success', 1000, null);\r\n      this.getAccessories();\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style scoped>\r\n.AccessoriesThumbnail {\r\n  height: 50px;\r\n}\r\n</style>\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!./Accessories.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!./Accessories.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Accessories.vue?vue&type=template&id=6685730e&scoped=true&\"\nimport script from \"./Accessories.vue?vue&type=script&lang=js&\"\nexport * from \"./Accessories.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Accessories.vue?vue&type=style&index=0&id=6685730e&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  \"6685730e\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./FileUploader.vue?vue&type=style&index=0&id=69f32660&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./FileUploader.vue?vue&type=style&index=0&id=69f32660&scoped=true&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Accessories.vue?vue&type=style&index=0&id=6685730e&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Accessories.vue?vue&type=style&index=0&id=6685730e&scoped=true&lang=css&\""],"sourceRoot":""}