{"version":3,"sources":["webpack:///./src/components/Changelog/Editor.vue","webpack:///./src/components/Changelog/Editor.vue?91b7"],"names":["id","action","method","class","style","title","left","mode","$t","$FORM_MODE_CREATE","type","icon","toggle","aria:haspopup","aria-controls","ref","appendTo","showCloseIcon","breakpoints","$formatDateTime","header","Created_Date","Created_By","Edited_Date","Edited_By","right","label","backToIndex","$FORM_MODE_VIEW","confirm","$event","content","labelName","fieldName","name","placeholder","Version","disabled","Version_Date","dateFormat","inputMask","momentFormat","Remarks","useBinary","Active","loading","value","Details","responsiveLayout","rowClass","hideRow","addDetail","canEdit","body","deleteDetail","slotProps","field","key","data","column","props","onCellEditComplete","autoResize","rows","cols","indexName","url","this","$API_URL","detail","formEditable","dataModel","methods","$FORM_MODE_DELETE","getData","self","$axios","get","then","response","catch","error","alert","saveData","$emit","post","success","$router","push","params","showToast","severity","summary","message","life","showError","$toast","add","path","event","$refs","op","$confirm","require","target","currentTarget","accept","reject","newDetail","det","index","splice","indexOf","editDetail","length","m","$FORM_MODE_UNCHANGED","$FORM_MODE_EDIT","created","$route","query","computed","__exports__","render"],"mappings":"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","file":"js/chunk-2d0cebfe.89e6db1b.js","sourcesContent":["<template>\r\n    <form id=\"mainForm\" action=\"#\" method=\"post\">\r\n        <Card>\r\n            <template #title>\r\n                <Toolbar>\r\n                    <template #left>\r\n                        <div class=\"p-card-title\">\r\n                            [{{mode}}] {{$t('changelog')}}\r\n                        </div>\r\n                        <div style=\"margin-left: 10px\" v-if=\"mode != this.$FORM_MODE_CREATE\">\r\n                            <Button type=\"button\" icon=\"pi pi-info\" @click=\"toggle\" aria:haspopup=\"true\" aria-controls=\"overlay_panel\" class=\"p-button-rounded p-button-outlined p-button-sm\" />\r\n\r\n                            <OverlayPanel ref=\"op\" appendTo=\"body\" :showCloseIcon=\"true\" id=\"overlay_panel\" style=\"width: 550px\" :breakpoints=\"{'960px': '80vw'}\">\r\n                                <div class=\"grid field\">\r\n                                    <div class=\"row\">\r\n                                        <i class=\"pi pi-plus-circle\" /> {{this.$formatDateTime(header.Created_Date)}}\r\n                                    </div>\r\n                                    <div class=\"row\">\r\n                                        &nbsp;by {{header.Created_By}}\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"grid field\" v-if=\"header.Edited_Date\">\r\n                                    <div class=\"row\">\r\n                                        <i class=\"pi pi-pencil\" /> {{this.$formatDateTime(header.Edited_Date)}}\r\n                                    </div>\r\n                                    <div class=\"row\">\r\n                                        &nbsp;by {{header.Edited_By}}\r\n                                    </div>\r\n                                </div>\r\n                            </OverlayPanel>\r\n                        </div>\r\n                    </template>\r\n\r\n                    <template #right>\r\n                        <Button icon=\"pi pi-chevron-left\" :label=\"$t('back')\" class=\"p-button mr-2\" @click=\"backToIndex\" />\r\n                        <Button icon=\"pi pi-save\" :label=\"$t('save')\" class=\"p-button-success\" @click=\"confirm($event)\" v-if=\"mode != this.$FORM_MODE_VIEW\"/>\r\n                        <ConfirmPopup></ConfirmPopup>\r\n                    </template>\r\n                </Toolbar>\r\n            </template>\r\n            <template #content>\r\n                <div class=\"p-inputtext-sm p-fluid\">\r\n                    <FormField :labelName=\"$t('version')\" fieldName=\"Version\" v-model=\"header\">\r\n                        <InputText name=\"Version\" :placeholder=\"$t('version')\" v-model=\"header.Version\" type=\"text\"  v-if=\"header\" :disabled=\"mode == this.$FORM_MODE_VIEW\"  />\r\n                    </FormField>\r\n\r\n                    <FormField :labelName=\"$t('version_date')\" fieldName=\"Version_Date\" v-model=\"header\">\r\n                        <DatePicker :placeholder=\"$t('version_date')\" v-model=\"header.Version_Date\" dateFormat=\"dd/mm/yyyy\" inputMask=\"99/99/9999\" momentFormat=\"DD/MM/YYYY\" class=\"p-column-filter p-inputtext-sm\" v-if=\"header\" :disabled=\"mode == this.$FORM_MODE_VIEW\"/>\r\n                    </FormField>\r\n\r\n                    <FormField :labelName=\"$t('remarks')\" fieldName=\"Remarks\" v-model=\"header\">\r\n                        <InputText name=\"Remarks\" :placeholder=\"$t('remarks')\" v-model=\"header.Remarks\" type=\"text\"  v-if=\"header\" :disabled=\"mode == this.$FORM_MODE_VIEW\"  />\r\n                    </FormField>\r\n\r\n                    <FormField :labelName=\"$t('version_active')\" fieldName=\"Active\" v-model=\"header\">\r\n                        <YNSelect :placeholder=\"$t('version_active')\" :useBinary=\"false\" v-if=\"header\" v-model=\"header.Active\" />\r\n                    </FormField>\r\n\r\n\r\n                    <div class=\"col-12\">\r\n                        <DataTable :loading=\"!header\" :value=\"header ? header.Details : null\" responsiveLayout=\"scroll\" class=\"p-datatable-sm editable-cells-table\" :rowClass=\"hideRow\">\r\n                            <Column >\r\n                                <template #header=\"\">\r\n                                    <Button label=\"\" icon=\"pi pi-plus\" class=\"p-button-primary p-mr-2 p-button-sm\" @click=\"addDetail\"  :disabled=\"!canEdit\" />\r\n                                </template>\r\n                                <template #body=\"slotProps\">\r\n                                    <Button icon=\"pi pi-minus\" class=\"p-button-danger p-mr-2 p-button-sm\" @click=\"deleteDetail(slotProps)\"  :disabled=\"!canEdit\"/>\r\n                                </template>\r\n                            </Column>\r\n                            <Column field=\"Description\" :header=\"$t('description')\" key=\"Description\" class=\"w-12\">\r\n                                <template #body=\"slotProps\">\r\n                                    <Textarea type=\"text\" v-model=\"slotProps.data[slotProps.column.props.field]\" :disabled=\"mode == this.$FORM_MODE_VIEW\" @change=\"onCellEditComplete(slotProps)\" :autoResize=\"true\"  rows=\"3\" cols=\"30\" /> \r\n                                </template>  \r\n                            </Column>\r\n                        </DataTable>\r\n                    </div>\r\n\r\n                </div>\r\n            </template>\r\n        </Card>\r\n    </form>\r\n</template>\r\n\r\n\r\n<script>\r\n    export default {\r\n        name: \"Editor\",\r\n        data() {\r\n            return {\r\n                indexName: \"ChangelogIndex\",\r\n                url: this.$API_URL + \"changelog/\",\r\n                header: null,\r\n                detail: null,\r\n                mode: \"\",\r\n                id: 0,\r\n                formEditable: true,\r\n                dataModel: false,\r\n            }\r\n        },\r\n        methods: {\r\n             hideRow(data) {\r\n                return data.mode == this.$FORM_MODE_DELETE ? 'row-hidden' : null;\r\n            },\r\n            getData() {\r\n                var self = this;\r\n                this.$axios.get(this.url + this.id + \"/\" + this.mode)\r\n                    .then((response) => {\r\n                        self.header = response.data.data.header;\r\n                        self.dataModel = response.data.data.detail;\r\n                        self.header.mode = self.mode;\r\n                    })\r\n                    .catch(function (error) {\r\n                        alert(error);\r\n                    });\r\n            },\r\n            saveData() {\r\n                this.$emit('block-ui');\r\n                this.$axios.post(this.url, this.header)\r\n                    .then((response) => {\r\n                        if (response.data.success) {\r\n                            this.$router.push({ name: this.indexName, params: { showToast: true, severity: 'success', summary: 'Data Saved', detail: response.data.message, life: 120000} } );\r\n                        }\r\n                        else {\r\n                            this.showError('Error Saving Data', response.data.message);\r\n                        }\r\n                    })\r\n                    .catch(function (error) {\r\n                        this.showError('Error Saving Data', error);\r\n                    });\r\n            },\r\n            showError(summary, message) {\r\n                this.$emit('unblock-ui');\r\n                this.$toast.add({ severity: 'error', summary: summary, detail: message, life: 120000});\r\n            },\r\n            backToIndex() {\r\n                this.$router.push({ path: \"/Changelog/Index\" });\r\n            },\r\n            toggle(event) {\r\n                this.$refs.op.toggle(event);\r\n            },\r\n            confirm(event) {\r\n                this.$confirm.require({\r\n                    target: event.currentTarget,\r\n                    message: 'Are you sure?',\r\n                    icon: 'pi pi-exclamation-triangle',\r\n                    accept: () => {\r\n                        this.saveData();\r\n                    },\r\n                    reject: () => {\r\n                        //callback to execute when user rejects the action\r\n                    }\r\n                });\r\n            },\r\n            addDetail() {\r\n                var newDetail = this.dataModel;\r\n                newDetail.mode = this.$FORM_MODE_CREATE;\r\n                var det = { ...newDetail };\r\n\r\n                this.header.Details.push(det);\r\n            },\r\n            deleteDetail(event) {\r\n                if (event) {\r\n                    var detail = this.header.Details[event.index];\r\n\r\n                    if (detail.mode == this.$FORM_MODE_CREATE) this.header.Details.splice(this.header.Details.indexOf(detail), 1);\r\n                    else detail.mode = this.$FORM_MODE_DELETE;\r\n                }\r\n            },\r\n            onCellEditComplete(event) {\r\n                this.editDetail(event.index);\r\n            },\r\n            editDetail(index) {\r\n                if (this.header.Details && this.header.Details.length > 0) {\r\n                    let m = this.header.Details[index].mode;\r\n\r\n                    if (m == this.$FORM_MODE_UNCHANGED) {\r\n                        this.header.Details[index].mode = this.$FORM_MODE_EDIT;\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        created() {\r\n            this.mode = this.$route.query.mode;\r\n            this.id = this.$route.query.id ?? 0;\r\n\r\n            this.getData();\r\n        },\r\n        computed:{\r\n            canEdit(){\r\n                return this.mode == this.$FORM_MODE_CREATE || this.mode == this.$FORM_MODE_EDIT;\r\n            }\r\n        }\r\n    }\r\n</script>","import { render } from \"./Editor.vue?vue&type=template&id=2d72c75d\"\nimport script from \"./Editor.vue?vue&type=script&lang=js\"\nexport * from \"./Editor.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\6217025534\\\\Desktop\\\\vsts-agent-win-x64-2\\\\_work\\\\14\\\\s\\\\ITMVue\\\\ClientApp\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}