{"version":3,"sources":["webpack:///./src/components/SubmitButton.vue","webpack:///./src/components/SubmitButton.vue?ce1e","webpack:///./src/views/admin/product/Product.vue","webpack:///./src/views/admin/product/Product.vue?c562"],"names":["class","role","background","disabled","clicked","text","name","props","String","Boolean","__exports__","render","edit","style","type","product","updating","saveChanges","components","SubmitButton","this","loadProduct","methods","a","get","id","then","response","data","catch","error","$error","FormData","append","patch","$success"],"mappings":"wKAGoBA,MAAM,iBAAiBC,KAAK,U,EAAU,gCAA+C,QAAzCD,MAAM,mBAAkB,cAAU,G,GAAxC,G,wDAFtD,gCAGS,UAHDA,MAAK,6BAAC,MAAoB,EAAAE,aAAmBC,SAAU,EAAAC,S,CAC9C,EAAAA,S,yBACb,gCAAuG,MAAvG,EAAuG,K,yBADvG,gCAAqC,sCAAb,EAAAC,MAAI,K,MAMrB,OACfC,KAAM,eACFC,MAAO,CACHL,WAAYM,OACZH,KAAMG,OACNJ,QAASK,U,qBCRjB,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,U,kECLNX,MAAM,O,GAEJA,MAAM,Y,GACJA,MAAM,Q,GACJA,MAAM,a,GACLA,MAAM,oC,GACJA,MAAM,+E,EACR,gCAA0B,MAAtBA,MAAM,QAAO,QAAI,G,SACFA,MAAM,c,GAGvBA,MAAM,+E,EACR,gCAA0B,MAAtBA,MAAM,QAAO,QAAI,G,SACFA,MAAM,c,+GAdvC,gCA0BM,YAzBJ,gCAwBM,MAxBN,EAwBM,CAtBJ,gCAoBM,MApBN,EAoBM,CAnBJ,gCAkBM,MAlBN,EAkBM,CAjBJ,gCAgBM,MAhBN,EAgBM,CAfJ,gCAWK,KAXL,EAWK,CAVH,gCAIK,KAJL,EAIK,CAHH,EACa,EAAAY,K,sDACb,gCAA0F,S,MAA5EZ,MAAM,eAAea,MAAA,cAAoBC,KAAK,O,qCAAgB,EAAAC,QAAQT,KAAI,I,6BAAZ,EAAAS,QAAQT,S,yBADpF,gCAAsE,OAAtE,EAAsE,6BAA9B,EAAAS,QAAQT,MAAQ,OAAJ,MAGtD,gCAIK,KAJL,EAIK,CAHH,EACa,EAAAM,K,sDACb,gCAA0F,S,MAA5EZ,MAAM,eAAea,MAAA,cAAoBC,KAAK,O,qCAAgB,EAAAC,QAAQD,KAAI,I,6BAAZ,EAAAC,QAAQD,S,yBADpF,gCAAsE,OAAtE,EAAsE,6BAA9B,EAAAC,QAAQD,MAAQ,OAAJ,QAKxD,yBAAiK,GAAjJZ,WAAY,8BAA+BW,MAAA,gBAAuBT,QAAS,EAAAY,SAAW,QAAO,EAAAC,YAAcZ,KAAM,gB,8BACjI,gCAAsK,UAA9JL,MAAK,6BAAC,aAAY,cAAwB,EAAAY,KAAI,aAAgB,EAAAA,QAAQ,QAAK,eAAE,EAAAA,MAAQ,EAAAA,MAAMC,MAAA,iB,6BAAyB,EAAAD,KAAO,eAAiB,QAApB,a,qCAa7H,GACbN,KAAM,sBACNC,MAAO,CAAC,MACRW,WAAY,CACVC,eAAA,MAEF,OACE,MAAO,CACLJ,QAAS,CACPT,KAAM,GACNQ,KAAM,IAERF,MAAM,EACNI,UAAU,IAGd,UACEI,KAAKC,eAEPC,QAAS,CACP,cACE,EAAAC,EAAMC,IAAK,4CAA4CJ,KAAKK,IACvDC,KAAKC,IACJP,KAAKL,QAAUY,EAASC,KAAKb,UAE9Bc,MAAMC,IACLV,KAAKW,OAAO,0BAA2BD,MAG/C,cACEV,KAAKJ,UAAW,EAChB,IAAIY,EAAO,IAAII,SACfJ,EAAKK,OAAO,OAAQb,KAAKL,QAAQT,MACjCsB,EAAKK,OAAO,OAAQb,KAAKL,QAAQD,MACjC,EAAAS,EAAMW,MAAO,4CAA4Cd,KAAKK,GAAMG,GAC/DF,KAAK,KACJN,KAAKe,SAAS,mBACdf,KAAKJ,UAAW,EAChBI,KAAKR,MAAO,EACZQ,KAAKC,gBAENQ,MAAMC,IACLV,KAAKW,OAAO,4BAA6BD,GACzCV,KAAKJ,UAAW,O,qBCxE5B,MAAMN,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/chunk-67265379.78e6664e.js","sourcesContent":["<template>\r\n    <button class=\"btn\" v-bind:class=\"background\" v-bind:disabled=\"clicked\">\r\n        <span v-if=\"!clicked\">{{text}}</span>\r\n        <div v-else class=\"spinner-border\" role=\"status\"> <span class=\"visually-hidden\">Loading...</span></div>\r\n    </button>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\nname: \"SubmitButton\",\r\n    props: {\r\n        background: String,\r\n        text: String,\r\n        clicked: Boolean,\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>\r\n","import { render } from \"./SubmitButton.vue?vue&type=template&id=5efa2b68\"\nimport script from \"./SubmitButton.vue?vue&type=script&lang=js\"\nexport * from \"./SubmitButton.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\s.arshad\\\\Documents\\\\GitHub\\\\link-portal\\\\link\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <div>\r\n    <div class=\"row\">\r\n\r\n      <div class=\"col-lg-4\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <ul class=\"list-group list-group-flush mb-2\">\r\n              <li class=\"list-group-item d-flex justify-content-between align-items-center flex-wrap\">\r\n                <h6 class=\"mb-0\">Name</h6>\r\n                <span v-if=\"!edit\" class=\"text-white\">{{product.name || \"N/A\"}}</span>\r\n                <input v-else class=\"form-control\" style=\"width: 75%;\" type=\"text\" v-model=\"product.name\">\r\n              </li>\r\n              <li class=\"list-group-item d-flex justify-content-between align-items-center flex-wrap\">\r\n                <h6 class=\"mb-0\">Type</h6>\r\n                <span v-if=\"!edit\" class=\"text-white\">{{product.type || \"N/A\"}}</span>\r\n                <input v-else class=\"form-control\" style=\"width: 75%;\" type=\"text\" v-model=\"product.type\">\r\n              </li>\r\n            </ul>\r\n\r\n            <submit-button :background=\"'btn btn-sm btn-primary ms-2'\" style=\"float: right;\" :clicked='updating' @click=\"saveChanges\" :text=\"'Save Changes'\"></submit-button>\r\n            <button class=\"btn btn-sm\" :class=\"{'btn-light': !edit, 'btn-danger': edit}\" @click=\"edit = !edit\" style=\"float: right;\">{{ edit ? 'Stop Editing' : 'Edit' }}</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\nimport SubmitButton from \"../../../components/SubmitButton\";\r\n\r\nexport default {\r\n  name: 'admin.products.view',\r\n  props: ['id'],\r\n  components: {\r\n    SubmitButton\r\n  },\r\n  data(){\r\n    return {\r\n      product: {\r\n        name: \"\",\r\n        type: \"\"\r\n      },\r\n      edit: false,\r\n      updating: false\r\n    }\r\n  },\r\n  mounted(){\r\n    this.loadProduct()\r\n  },\r\n  methods: {\r\n    loadProduct(){\r\n      axios.get(`${process.env.VUE_APP_API_URL}/v1/product/${this.id}`)\r\n          .then(response => {\r\n            this.product = response.data.product;\r\n          })\r\n          .catch(error => {\r\n            this.$error(\"Failed to load product.\", error);\r\n          })\r\n    },\r\n    saveChanges(){\r\n      this.updating = true;\r\n      let data = new FormData();\r\n      data.append('name', this.product.name);\r\n      data.append('type', this.product.type);\r\n      axios.patch(`${process.env.VUE_APP_API_URL}/v1/product/${this.id}`, data)\r\n          .then(() => {\r\n            this.$success(\"Updated product\");\r\n            this.updating = false;\r\n            this.edit = false;\r\n            this.loadProduct();\r\n          })\r\n          .catch(error => {\r\n            this.$error(\"Failed to update product.\", error);\r\n            this.updating = false;\r\n          })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>","import { render } from \"./Product.vue?vue&type=template&id=64902464\"\nimport script from \"./Product.vue?vue&type=script&lang=js\"\nexport * from \"./Product.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\s.arshad\\\\Documents\\\\GitHub\\\\link-portal\\\\link\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}