{"version":3,"sources":["webpack:///./src/views/pharmacy-drugs/detail.vue?7a28","webpack:///src/views/pharmacy-drugs/detail.vue","webpack:///./src/views/pharmacy-drugs/detail.vue?a90e","webpack:///./src/views/pharmacy-drugs/detail.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","pageTitle","on","$event","preventDefault","validate","directives","name","rawName","value","form","expression","class","validationErrors","has","attrs","domProps","target","composing","$set","first","modifiers","_n","$forceUpdate","submitHasError","submitMessage","_e","isAddProduct","isSaving","saveChanges","getDrugDetails","addSuccessful","addNewDrug","staticRenderFns","component"],"mappings":"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","file":"js/chunk-2d0bcec2.abb3b7ca.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',{staticClass:\"display-heading\"},[_vm._v(_vm._s(_vm.pageTitle))]),_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.validate($event)}}},[_c('div',{staticClass:\"form-group required\"},[_c('label',[_vm._v(\"Product Name\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.productName),expression:\"form.productName\"},{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"form-control\",class:{\n                'form-control': true,\n                'is-invalid':  _vm.validationErrors.has('productName')\n            },attrs:{\"name\":\"productName\",\"type\":\"text\",\"placeholder\":\"Product Name\",\"data-vv-validate-on\":\"blur\",\"data-vv-as\":\"product name\"},domProps:{\"value\":(_vm.form.productName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"productName\", $event.target.value)}}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.validationErrors.has('productName')),expression:\"validationErrors.has('productName')\"}],staticClass:\"invalid-feedback\"},[_vm._v(\"\\n                \"+_vm._s(_vm.validationErrors.first('productName'))+\"\\n            \")])]),_c('div',{staticClass:\"form-group required\"},[_c('label',[_vm._v(\"Active Ingredient\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.activeIngredient),expression:\"form.activeIngredient\"},{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"form-control\",class:{\n                'form-control': true,\n                'is-invalid':  _vm.validationErrors.has('activeIngredient')\n            },attrs:{\"name\":\"activeIngredient\",\"type\":\"text\",\"placeholder\":\"Active Ingredient\",\"data-vv-validate-on\":\"blur\",\"data-vv-as\":\"active ingredient\"},domProps:{\"value\":(_vm.form.activeIngredient)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"activeIngredient\", $event.target.value)}}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.validationErrors.has('activeIngredient')),expression:\"validationErrors.has('activeIngredient')\"}],staticClass:\"invalid-feedback\"},[_vm._v(\"\\n                \"+_vm._s(_vm.validationErrors.first('activeIngredient'))+\"\\n            \")])]),_c('div',{staticClass:\"form-group required\"},[_c('label',[_vm._v(\"Unit\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.form.unit),expression:\"form.unit\",modifiers:{\"number\":true}},{name:\"validate\",rawName:\"v-validate\",value:('required|numeric|min_value:1'),expression:\"'required|numeric|min_value:1'\"}],staticClass:\"form-control\",class:{\n                'form-control': true,\n                'is-invalid':  _vm.validationErrors.has('unit')\n            },attrs:{\"name\":\"unit\",\"type\":\"text\",\"placeholder\":\"Unit\",\"data-vv-validate-on\":\"blur\",\"data-vv-as\":\"unit\"},domProps:{\"value\":(_vm.form.unit)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"unit\", _vm._n($event.target.value))},\"blur\":function($event){_vm.$forceUpdate()}}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.validationErrors.has('unit')),expression:\"validationErrors.has('unit')\"}],staticClass:\"invalid-feedback\"},[_vm._v(\"\\n                \"+_vm._s(_vm.validationErrors.first('unit'))+\"\\n            \")])]),_c('div',{staticClass:\"form-group required\"},[_c('label',[_vm._v(\"Max Retail Price\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.form.retailPrice),expression:\"form.retailPrice\",modifiers:{\"number\":true}},{name:\"validate\",rawName:\"v-validate\",value:('required|decimal:2|min_value:0.01'),expression:\"'required|decimal:2|min_value:0.01'\"}],staticClass:\"form-control\",class:{\n                'form-control': true,\n                'is-invalid':  _vm.validationErrors.has('retailPrice')\n            },attrs:{\"name\":\"retailPrice\",\"type\":\"text\",\"placeholder\":\"Max Retail Price\",\"data-vv-validate-on\":\"blur\",\"data-vv-as\":\"raw price\"},domProps:{\"value\":(_vm.form.retailPrice)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"retailPrice\", _vm._n($event.target.value))},\"blur\":function($event){_vm.$forceUpdate()}}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.validationErrors.has('retailPrice')),expression:\"validationErrors.has('retailPrice')\"}],staticClass:\"invalid-feedback\"},[_vm._v(\"\\n                \"+_vm._s(_vm.validationErrors.first('retailPrice'))+\"\\n            \")])]),_c('p',{staticClass:\"small text-danger\"},[_vm._v(\"\\n            * Indicates required fields.\\n        \")]),(_vm.shouldShowSubmitMessage)?_c('p',{class:{\n                'text-danger': _vm.submitHasError,\n            }},[_vm._v(\"\\n            \"+_vm._s(_vm.submitMessage)+\"\\n        \")]):_vm._e(),(!_vm.isAddProduct)?_c('div',[_c('button',{staticClass:\"btn btn-primary btn-primary-insv mr-2\",attrs:{\"type\":\"button\",\"disabled\":_vm.isSaving},on:{\"click\":_vm.saveChanges}},[_vm._v(\"\\n                Save Changes\\n            \")]),_c('button',{staticClass:\"btn btn-secondary mr-2\",on:{\"click\":_vm.getDrugDetails}},[_vm._v(\"\\n                Discard Changes\\n            \")])]):_vm._e(),(_vm.isAddProduct)?_c('div',[(!_vm.addSuccessful)?_c('button',{staticClass:\"btn btn-primary btn-primary-insv mr-2\",attrs:{\"type\":\"button\",\"disabled\":_vm.isSaving},on:{\"click\":_vm.addNewDrug}},[_vm._v(\"\\n                Add Product\\n            \")]):_vm._e()]):_vm._e(),_c('div',{staticClass:\"mt-2\"},[_c('router-link',{staticClass:\"btn btn-secondary\",attrs:{\"to\":{\n                    name: 'pharmacy-drugs-management',\n                }}},[_vm._v(\"\\n                Back to Drug List\\n            \")])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <h1 class=\"display-heading\">{{ pageTitle }}</h1>\r\n        <form @submit.prevent=\"validate\">\r\n            <!-- <div class=\"form-group required\">\r\n                <label>Registration Number</label>\r\n                <input\r\n                    name=\"registrationNumber\"\r\n                    type=\"text\"\r\n                    placeholder=\"Registration Number\"\r\n                    v-model=\"form.registrationNumber\"\r\n                    data-vv-validate-on=\"blur\"\r\n                    data-vv-as=\"registration number\"\r\n                    v-validate=\"'required'\" :class=\"{\r\n                    'form-control': true,\r\n                    'is-invalid':  validationErrors.has('registrationNumber')\r\n                }\"\r\n                />\r\n                 <div v-show=\"validationErrors.has('registrationNumber')\" class=\"invalid-feedback\">\r\n                    {{ validationErrors.first('registrationNumber') }}\r\n                </div>\r\n            </div> -->\r\n\r\n            <div class=\"form-group required\">\r\n                <label>Product Name</label>\r\n                <input\r\n                    name=\"productName\"\r\n                    type=\"text\"\r\n                    placeholder=\"Product Name\"\r\n                    class=\"form-control\"\r\n                    v-model=\"form.productName\"\r\n                    data-vv-validate-on=\"blur\"\r\n                    data-vv-as=\"product name\"\r\n                    v-validate=\"'required'\" :class=\"{\r\n                    'form-control': true,\r\n                    'is-invalid':  validationErrors.has('productName')\r\n                }\"\r\n                />\r\n                 <div v-show=\"validationErrors.has('productName')\" class=\"invalid-feedback\">\r\n                    {{ validationErrors.first('productName') }}\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"form-group required\">\r\n                <label>Active Ingredient</label>\r\n                <input\r\n                name=\"activeIngredient\"\r\n                    type=\"text\"\r\n                    placeholder=\"Active Ingredient\"\r\n                    class=\"form-control\"\r\n                    v-model=\"form.activeIngredient\"\r\n                    data-vv-validate-on=\"blur\"\r\n                    data-vv-as=\"active ingredient\"\r\n                    v-validate=\"'required'\" :class=\"{\r\n                    'form-control': true,\r\n                    'is-invalid':  validationErrors.has('activeIngredient')\r\n                }\"\r\n                />\r\n                 <div v-show=\"validationErrors.has('activeIngredient')\" class=\"invalid-feedback\">\r\n                    {{ validationErrors.first('activeIngredient') }}\r\n                </div>\r\n            </div>\r\n\r\n            <!-- <div class=\"form-group required\">\r\n                <label>Description</label>\r\n                <input\r\n                name=\"description\"\r\n                    type=\"text\"\r\n                    placeholder=\"Description\"\r\n                    class=\"form-control\"\r\n                    v-model=\"form.description\"\r\n                    data-vv-validate-on=\"blur\"\r\n                    data-vv-as=\"description\"\r\n                    v-validate=\"'required'\" :class=\"{\r\n                    'form-control': true,\r\n                    'is-invalid':  validationErrors.has('description')\r\n                }\"\r\n                />\r\n                 <div v-show=\"validationErrors.has('description')\" class=\"invalid-feedback\">\r\n                    {{ validationErrors.first('description') }}\r\n                </div>\r\n            </div> -->\r\n\r\n            <div class=\"form-group required\">\r\n                <label>Unit</label>\r\n                <input\r\n                name=\"unit\"\r\n                    type=\"text\"\r\n                    placeholder=\"Unit\"\r\n                    class=\"form-control\"\r\n                    v-model.number=\"form.unit\"\r\n                    data-vv-validate-on=\"blur\"\r\n                    data-vv-as=\"unit\"\r\n                    v-validate=\"'required|numeric|min_value:1'\" :class=\"{\r\n                    'form-control': true,\r\n                    'is-invalid':  validationErrors.has('unit')\r\n                }\"\r\n                />\r\n                 <div v-show=\"validationErrors.has('unit')\" class=\"invalid-feedback\">\r\n                    {{ validationErrors.first('unit') }}\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"form-group required\">\r\n                <label>Max Retail Price</label>\r\n                <input\r\n                    name=\"retailPrice\"\r\n                    type=\"text\"\r\n                    placeholder=\"Max Retail Price\"\r\n                    class=\"form-control\"\r\n                    v-model.number=\"form.retailPrice\"\r\n                    data-vv-validate-on=\"blur\"\r\n                    data-vv-as=\"raw price\"\r\n                    v-validate=\"'required|decimal:2|min_value:0.01'\" :class=\"{\r\n                    'form-control': true,\r\n                    'is-invalid':  validationErrors.has('retailPrice')\r\n                }\"\r\n                />\r\n                 <div v-show=\"validationErrors.has('retailPrice')\" class=\"invalid-feedback\">\r\n                    {{ validationErrors.first('retailPrice') }}\r\n                </div>\r\n            </div>\r\n\r\n            <!-- <div class=\"form-group required\">\r\n                <label>Gross Price</label>\r\n                <input\r\n                name=\"priceGross\"\r\n                    type=\"text\"\r\n                    placeholder=\"Gross Price\"\r\n                    class=\"form-control\"\r\n                    v-model.number=\"form.priceGross\"\r\n                    data-vv-validate-on=\"blur\"\r\n                    data-vv-as=\"gross price\"\r\n                    v-validate=\"'required|decimal:2|min_value:0.01'\" :class=\"{\r\n                    'form-control': true,\r\n                    'is-invalid':  validationErrors.has('priceGross')\r\n                }\"\r\n                />\r\n                 <div v-show=\"validationErrors.has('priceGross')\" class=\"invalid-feedback\">\r\n                    {{ validationErrors.first('priceGross') }}\r\n                </div>\r\n            </div> -->\r\n\r\n            <p class=\"small text-danger\">\r\n                * Indicates required fields.\r\n            </p>\r\n\r\n            <p\r\n                v-if=\"shouldShowSubmitMessage\"\r\n                :class=\"{\r\n                    'text-danger': submitHasError,\r\n                }\"\r\n            >\r\n                {{ submitMessage }}\r\n            </p>\r\n\r\n            <div v-if=\"!isAddProduct\">\r\n                <button\r\n                    class=\"btn btn-primary btn-primary-insv mr-2\"\r\n                    type=\"button\"\r\n                    @click=\"saveChanges\"\r\n                    :disabled=\"isSaving\"\r\n                >\r\n                    Save Changes\r\n                </button>\r\n                <button class=\"btn btn-secondary mr-2\" @click=\"getDrugDetails\">\r\n                    Discard Changes\r\n                </button>\r\n            </div>\r\n\r\n            <div v-if=\"isAddProduct\">\r\n                <button\r\n                    v-if=\"!addSuccessful\"\r\n                    class=\"btn btn-primary btn-primary-insv mr-2\"\r\n                    type=\"button\"\r\n                    @click=\"addNewDrug\"\r\n                    :disabled=\"isSaving\"\r\n                >\r\n                    Add Product\r\n                </button>\r\n            </div>\r\n\r\n            <div class=\"mt-2\">\r\n                <router-link\r\n                    :to=\"{\r\n                        name: 'pharmacy-drugs-management',\r\n                    }\"\r\n                    class=\"btn btn-secondary\"\r\n                >\r\n                    Back to Drug List\r\n                </router-link>\r\n            </div>\r\n        </form>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    'name': 'PharmacyDrugDetail',\r\n    'computed': {\r\n        drugId () {\r\n            return this.$route.name === 'pharmacy-drugs-management-detail'\r\n                ? this.$route.params.id\r\n                : null;\r\n        },\r\n        isAddProduct () {\r\n            return this.$route.name === 'pharmacy-drugs-management-new';\r\n        },\r\n        pageTitle () {\r\n            return this.isAddProduct\r\n                ? 'Add New Drug'\r\n                : 'View / Edit Drug Details';\r\n        },\r\n        shouldShowSubmitMessage () {\r\n            return this.submitMessage ? this.submitMessage.length > 0 : false;\r\n        }\r\n    },\r\n    mounted () {\r\n        this.getDrugDetails();\r\n    },\r\n    data () {\r\n        return {\r\n            'form': {\r\n                // 'registrationNumber': '',\r\n                // 'genericName': '',\r\n                // 'brandName': '',\r\n                // 'description': '',\r\n                // 'priceRaw': '',\r\n                // 'priceGross': ''\r\n                'productName': '',\r\n                'activeIngredient': '',\r\n                'unit': '',\r\n                'retailPrice': ''\r\n            },\r\n            'isSaving': false,\r\n            'submitMessage': '',\r\n            'submitHasError': false,\r\n            'addSuccessful': false\r\n        };\r\n    },\r\n    'methods': {\r\n        validate () {\r\n            return this.$validator.validateAll();\r\n        },\r\n        getDrugDetails () {\r\n            if (!this.isAddProduct && this.drugId) {\r\n                this.axios\r\n                    .get('PharmacyDrug/GetDrugDetails', {\r\n                        'params': {\r\n                            'drugId': this.drugId\r\n                        }\r\n                    })\r\n                    .then(({ data }) => {\r\n                        let drugData = data.data;\r\n                        // this.form.registrationNumber = drugData.rn;\r\n                        // this.form.genericName = drugData.gn;\r\n                        // this.form.brandName = drugData.bn;\r\n                        // this.form.description = drugData.de;\r\n                        // this.form.priceRaw = drugData.pr;\r\n                        // this.form.priceGross = drugData.pg;\r\n                        this.form.productName = drugData.pn;\r\n                        this.form.activeIngredient = drugData.ai;\r\n                        this.form.retailPrice = drugData.rp;\r\n                        this.form.unit = drugData.u;\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        saveChanges () {\r\n            this.validate().then((isValid) => {\r\n                if (isValid) {\r\n                    this.submitHasError = false;\r\n                    this.isSaving = true;\r\n                    this.submitMessage = 'Saving drug details...';\r\n                    this.axios\r\n                        .post('PharmacyDrug/SaveDrugDetails', {\r\n                            'di': this.drugId,\r\n                            // 'rn': this.form.registrationNumber,\r\n                            // 'gn': this.form.genericName,\r\n                            // 'bn': this.form.brandName,\r\n                            // 'de': this.form.description,\r\n                            // 'pr': this.form.priceRaw,\r\n                            // 'pg': this.form.priceGross\r\n                            'pn': this.form.productName,\r\n                            'ai': this.form.activeIngredient,\r\n                            'rp': this.form.retailPrice,\r\n                            'u': this.form.unit\r\n\r\n                        })\r\n                        .then(() => {\r\n                            this.submitMessage = 'Drug details saved!';\r\n                        })\r\n                        .catch((error) => {\r\n                            this.submitHasError = true;\r\n\r\n                            if (error.response && error.response.data) {\r\n                                this.submitMessage = error.response.data.message;\r\n                            } else {\r\n                                this.submitMessage =\r\n                            'Error saving drug details... Please try again.';\r\n                            }\r\n                        })\r\n                        .finally(() => {\r\n                            this.isSaving = false;\r\n                        });\r\n                }\r\n            });\r\n        },\r\n        addNewDrug () {\r\n            this.validate().then((isValid) => {\r\n                if (isValid) {\r\n                    this.submitHasError = false;\r\n                    this.isSaving = true;\r\n                    this.submitMessage = 'Adding new drug...';\r\n                    this.axios\r\n                        .post('PharmacyDrug/AddNewDrug', {\r\n                            // 'rn': this.form.registrationNumber,\r\n                            // 'gn': this.form.genericName,\r\n                            // 'bn': this.form.brandName,\r\n                            // 'de': this.form.description,\r\n                            // 'u': this.form.unit,\r\n                            // 'pr': this.form.priceRaw,\r\n                            // 'pg': this.form.priceGross\r\n                            'pn': this.form.productName,\r\n                            'ai': this.form.activeIngredient,\r\n                            'rp': this.form.retailPrice,\r\n                            'u': this.form.unit\r\n                        })\r\n                        .then(() => {\r\n                            this.submitMessage = 'New drug added!';\r\n                            this.addSuccessful = true;\r\n                        })\r\n                        .catch((error) => {\r\n                            this.submitHasError = true;\r\n\r\n                            if (error.response && error.response.data) {\r\n                                this.submitMessage = error.response.data.message;\r\n                            } else {\r\n                                this.submitMessage =\r\n                            'Error saving drug details... Please try again.';\r\n                            }\r\n                        })\r\n                        .finally(() => {\r\n                            this.isSaving = false;\r\n                        });\r\n                }\r\n            });\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style>\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!./detail.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!./detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./detail.vue?vue&type=template&id=57c8b782&\"\nimport script from \"./detail.vue?vue&type=script&lang=js&\"\nexport * from \"./detail.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}