{"version":3,"sources":["webpack:///./src/views/ProductType/Index.vue","webpack:///./src/views/ProductType/Index.vue?fb53"],"names":["class","id","type","addDescription","checkAcl","data","item","key","Description","MultiValue","Updated","UpdatedBy","ShowEdit","Id","title","Remove","tabindex","staticBackdrop","labelledby","showEditForm","size","editTitle","tag","md","label","invalidFeedback","validFeedback","step","doSubmit","editBtnText","name","LayoutModel","NameExisted","editId","components","MDBModal","MDBModalHeader","MDBModalTitle","MDBModalBody","MDBModalFooter","MDBCol","MDBRow","MDBInput","computed","isCheckedLogin","state","view","methods","action","this","$store","session","acl","includes","$options","checkFullAcl","router","start","getAll","setTimeout","validDescription","validMultiValue","validNumField","value","minVal","maxVal","error","isNaN","undefined","length","removeClass","addClass","innerHTML","focus","validTextField","required","regex","regexMessage","minlen","maxlen","editedId","checkedvalue","trim","isCheckRequire","Array","isArray","test","loading","call","Action","rs","Error","showModal","isShow","content","window","history","back","Data","dataTable","destroy","doTable","itemid","i","showToast","isValid","Object","toggleDisable","itemId","IsDisable","_this","loaded","DataTable","processing","responsive","callback","DoRemove","isConfirm","Name","created","mounted","watch","newVal","console","log","validName","__exports__","render"],"mappings":"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","file":"js/chunk-2d0cbe65.12ace4d3.js","sourcesContent":["<template>\r\n    <div class=\"al-content\">\r\n        <div class=\"content-top\">\r\n            <div class=\"content-top clearfix\">\r\n                <h1 class=\"al-title \">Product Type</h1>\r\n            </div>\r\n        </div>\r\n        <div>\r\n            <button type=\"button\" class=\"btn btn-default float-left mb-3\" @click=\"addDescription\"><i class=\"ion-plus\"></i> Add</button>\r\n        </div>\r\n        <div>\r\n\r\n            <table class=\"table table-hover table-bordered\" id=\"datatable\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>Description</th>\r\n                        <th>Multi Value</th>\r\n                        <th>Updated</th>\r\n                        <th>Updated By</th>\r\n                        <th v-show=\"checkAcl('Edit')\"></th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr v-for=\"item in data\" :key=\"item.id\">\r\n                        <td>{{item.Description}}</td>\r\n                        <td>{{item.MultiValue}}</td>\r\n\r\n                        <td>{{item.Updated}}</td>\r\n                        <td>{{item.UpdatedBy}}</td>\r\n                        <td v-show=\"checkAcl('Edit')\">\r\n                            <button type=\"button\" class=\"btn btn-default btn-sm\" @click=\"ShowEdit(item.Id)\" title=\"Edit\">\r\n                                <i class=\"ion-edit p-1\"></i>\r\n                            </button>\r\n                            <button type=\"button\" class=\"btn btn-danger btn-sm\" @click=\"Remove(item)\" title=\"Edit\">\r\n                                <i class=\"ion-trash-a p-1\"></i>\r\n                            </button>\r\n                        </td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n\r\n        </div>\r\n\r\n\r\n        <MDBModal id=\"editModal\"\r\n                  tabindex=\"-1\"\r\n                  staticBackdrop\r\n                  labelledby=\"exampleModalLabel\"\r\n                  v-model=\"showEditForm\"\r\n                  size=\"lg\">\r\n            <MDBModalHeader>\r\n                <MDBModalTitle id=\"editModalTitle\" v-html=\"editTitle\"></MDBModalTitle>\r\n            </MDBModalHeader>\r\n            <MDBModalBody>\r\n\r\n                <MDBRow id=\"editForm\" tag=\"form\" class=\"g-3\">\r\n\r\n                    <MDBCol md=\"12\">\r\n                        <MDBInput label=\"Description *\"\r\n                                  id=\"Description\"\r\n                                  v-model=\"Description\"\r\n                                  invalidFeedback=\"Please provide a valid Description\"\r\n                                  validFeedback=\"Looks good!\" />\r\n                    </MDBCol>\r\n\r\n                    <MDBCol md=\"3\">\r\n                        <MDBInput label=\"Multi Value\"\r\n                                  id=\"MultiValue\"\r\n                                  type=\"number\"\r\n                                  step=\"0.05\"\r\n                                  v-model=\"MultiValue\"\r\n                                  invalidFeedback=\"Please provide a valid MultiValue\"\r\n                                  validFeedback=\"Looks good!\" />\r\n                    </MDBCol>\r\n\r\n                </MDBRow>\r\n\r\n            </MDBModalBody>\r\n            <MDBModalFooter>\r\n                <button type=\"submit\" class=\"btn btn-success\" @click=\"doSubmit\">\r\n                    {{editBtnText}}\r\n                </button>\r\n                <button type=\"button\" class=\"btn btn-danger\" @click=\"showEditForm=false\">\r\n                    Cancel\r\n                </button>\r\n\r\n            </MDBModalFooter>\r\n        </MDBModal>\r\n\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    //https://therichpost.com/vue-3-datatable-with-export-buttons-print-csv-copy-with-dynamic-data/\r\n    //Datatable Modules\r\n    import \"datatables.net-dt/js/dataTables.dataTables\"\r\n    import \"datatables.net-dt/css/jquery.dataTables.min.css\"\r\n    import \"datatables.net-buttons/js/dataTables.buttons.js\"\r\n    import \"datatables.net-buttons/js/buttons.colVis.js\"\r\n    import \"datatables.net-buttons/js/buttons.flash.js\"\r\n    import \"datatables.net-buttons/js/buttons.html5.js\"\r\n    import \"datatables.net-buttons/js/buttons.print.js\"\r\n    import 'datatables.net-responsive'\r\n\r\n    import $ from 'jquery'\r\n\r\n    //https://mdbootstrap.com/docs/b5/vue/components/modal/#docsTabsAPI\r\n    import 'mdb-vue-ui-kit/css/mdb.min.css';\r\n    import {\r\n        //MDBBtn,\r\n        MDBModal,\r\n        MDBModalBody,\r\n        MDBModalHeader,\r\n        MDBModalTitle,\r\n        MDBModalFooter,\r\n        MDBCol, MDBRow,\r\n        MDBInput\r\n    } from 'mdb-vue-ui-kit';\r\n\r\n\r\n    import { mapState, mapActions } from 'vuex'\r\n    export default {\r\n        name: `Zone`,\r\n        data: function () {\r\n            return {\r\n                LayoutModel: {},\r\n                data: [],\r\n                NameExisted: [],\r\n                //=== edit popup====\r\n                editId: 0,\r\n                showEditForm: false,\r\n                editTitle: 'Edit',\r\n                editBtnText: 'Save',\r\n                Description: '',\r\n                MultiValue: 1,\r\n            }\r\n        },\r\n        components: {\r\n            //MDBBtn,\r\n            MDBModal,\r\n            MDBModalHeader,\r\n            MDBModalTitle,\r\n            MDBModalBody,\r\n            MDBModalFooter,\r\n            MDBCol, MDBRow,\r\n            MDBInput\r\n        },\r\n        computed: mapState({\r\n            isCheckedLogin: state => state.view.isCheckedLogin,\r\n        }),\r\n        methods: {\r\n            ...mapActions({\r\n                'loading': 'view/setLoading',\r\n                'showModal': 'view/showModal',\r\n                'showToast': 'view/showToast',\r\n                'setGroups': 'user/setGroups',\r\n\r\n                'call': 'api/call'\r\n            }),\r\n            checkAcl(action) {\r\n                return this.$store.state.session.acl.includes(this.$options.name + \"/\" + action);\r\n            },\r\n            checkFullAcl(router) {\r\n                return this.$store.state.session.acl.includes(router);\r\n            },\r\n            start() {\r\n                this.getAll();\r\n            },\r\n            addDescription() {\r\n\r\n                this.editId = 0;\r\n                this.editTitle = \"New Type\"\r\n                this.editBtnText = \"Add\";\r\n                this.Description = '';\r\n                this.MultiValue = 1;\r\n                this.showEditForm = true;\r\n                setTimeout(() => { this.validDescription() }, 100);\r\n\r\n            },\r\n            validMultiValue() {\r\n                return this.validNumField(this.MultiValue, \"MultiValue\", 1);\r\n            },\r\n            validNumField(value, id, minVal, maxVal) {\r\n                if (!id || id == '') return;\r\n                let error = \"\";\r\n                if (isNaN(value))\r\n                    error = \"Please input number.\";\r\n                else if (minVal != undefined && value < minVal)\r\n                    error = \"Must greater than or equal \" + minVal;\r\n                else if (maxVal != undefined && value > maxVal)\r\n                    error = \"Must less than or equal \" + maxVal;\r\n                //return value\r\n                if (error == '') {\r\n                    if ($('#' + id).length > 0) {\r\n                        $('#' + id).removeClass('is-invalid');\r\n                        $('#' + id).addClass('is-valid');\r\n                    }\r\n                    return true;\r\n                } else {\r\n                    if ($('#' + id).length > 0) {\r\n                        $('#' + id + '~.invalid-feedback')[0].innerHTML = error;\r\n                        $('#' + id).addClass('is-invalid');\r\n                        $('#' + id).removeClass('is-valid');\r\n                    }\r\n                    $('#' + id).focus();\r\n                    return false;\r\n                }\r\n            },\r\n\r\n            validDescription() {\r\n                return this.validTextField(this.Description, 'Description', true, /.*/, '', 2, 100, this.NameExisted, this.editId);\r\n            },\r\n            validTextField(value, id, required, regex, regexMessage, minlen, maxlen, NameExisted, editedId) {\r\n                if (!id || id == '') return;\r\n                let error = \"\";\r\n                minlen = minlen || 0;\r\n                maxlen = maxlen || 1000;\r\n                editedId = editedId || 0;\r\n                const checkedvalue = value.trim();\r\n                const isCheckRequire = required || (!required && checkedvalue.length > 0);\r\n\r\n                if (required && checkedvalue == '') {\r\n                    error = \"Please input this field!\";\r\n                }\r\n                //check name existed\r\n                else if (NameExisted != null && NameExisted != undefined &&\r\n                    (NameExisted[checkedvalue] != undefined && editedId != NameExisted[checkedvalue] || (Array.isArray(NameExisted) && NameExisted.includes(checkedvalue)))\r\n                ) {\r\n                    error = id + \" is duplicated!\";\r\n                }\r\n                //check pattern\r\n                else if (isCheckRequire && regex != null && regex != undefined && !regex.test(checkedvalue))\r\n                    error = regexMessage || `Invalid ${id}!`;\r\n                //check len\r\n\r\n                else if (isCheckRequire && (checkedvalue.length < minlen)) {\r\n                    error = `Please input at least ${minlen} characters!`;\r\n                }\r\n                else if (checkedvalue.length > maxlen) {\r\n                    error = `Please do not exceed ${maxlen} characters!`;\r\n                }\r\n\r\n                //return value\r\n                if (error == '') {\r\n                    if ($('#' + id).length > 0) {\r\n                        $('#' + id).removeClass('is-invalid');\r\n                        $('#' + id).addClass('is-valid');\r\n                    }\r\n                    return true;\r\n                } else {\r\n                    if ($('#' + id).length > 0) {\r\n                        $('#' + id + '~.invalid-feedback')[0].innerHTML = error;\r\n                        $('#' + id).addClass('is-invalid');\r\n                        $('#' + id).removeClass('is-valid');\r\n                    }\r\n                    $('#' + id).focus();\r\n                    return false;\r\n                }\r\n            },\r\n            async getAll() {\r\n                this.loading(true);\r\n                const rs = await this.call({ Action: 'ProductType/GetAll' })\r\n                this.loading(false);\r\n                this.error = rs.Error;\r\n                if (rs.Error != \"\") {\r\n                    //show modal with callback name = loginView to check it whenever modal confirm triggerConfirm\r\n                    this.showModal({ isShow: true, title: 'Error', content: rs.Error, type: 'error' });\r\n                    //no permission\r\n                    if (rs.Error.includes(\"Permission Denied\")) {\r\n                        window.history.back();\r\n                    }\r\n                } else {\r\n                    this.data = rs.Data;\r\n                    if (this.dataTable != null) this.dataTable.destroy();\r\n                    setTimeout(this.doTable, 100);\r\n                }\r\n            },\r\n            ShowEdit(itemid) {\r\n                for (let i = 0; i < this.data.length; i++) {\r\n                    const item = this.data[i];\r\n                    if (item.Id == itemid) {\r\n                        this.editTitle = \"Edit <b>\" + item.Description + \"</b>\";\r\n                        this.editBtnText = \"Save\";\r\n                        this.editId = itemid;\r\n                        this.Description = item.Description;\r\n                    this.MultiValue = item.MultiValue;\r\n                        this.showEditForm = true;\r\n                        return;\r\n                    }\r\n                }\r\n                this.showToast({ isShow: true, title: '', content: 'Not found!', type: 'error' });\r\n            },\r\n            async doSubmit() {\r\n                //======= validate =========\r\n                //$('#editForm').addClass('was-validated');\r\n\r\n                let isValid = true;\r\n                isValid = isValid && this.validDescription() && this.validMultiValue();\r\n\r\n                if (!isValid) {\r\n                    this.showToast({ isShow: true, title: '', content: 'Form is invalidated.', type: 'error' });\r\n                    return;\r\n                }\r\n\r\n                //======== do submit =========\r\n                this.loading(true);\r\n\r\n                const rs = await this.call({\r\n                    Action: 'ProductType/Save', Object: {\r\n                        Id: this.editId,\r\n                        Description: this.Description,\r\n                        MultiValue: this.MultiValue,\r\n                    }\r\n                });\r\n                this.loading(false);\r\n                this.error = rs.Error;\r\n                if (rs.Error != \"\") {\r\n                    this.showToast({ isShow: true, title: '', content: rs.Error, type: 'error' });\r\n                } else {\r\n                    let action = 'Save';\r\n                    if (this.editId == 0) action = 'Add';\r\n                    this.showToast({\r\n                        isShow: true, title: '', content: `<span style=\"font-weight:bold\">${action} ${this.Description}</span> <span style=\"font-weight: bold;color: blue;\">successful!</span> `, type: 'success'\r\n                    });\r\n                    if (action == 'Save') {\r\n                        for (let i = 0; i < this.data.length; i++) {\r\n                            if (this.data[i].Id == this.editId) {\r\n                                this.data[i].Description = this.Description;\r\n                                this.data[i].MultiValue = this.MultiValue;\r\n                            }\r\n                        }\r\n                    }\r\n                    else this.getAll();\r\n                    this.showEditForm = false;\r\n                }\r\n            },\r\n            async toggleDisable(itemId) {\r\n                if (!(this.checkAcl(\"Edit\"))) {\r\n                    this.showToast({ isShow: true, title: '', content: `No permission!`, type: 'error' });\r\n                    return;\r\n                }\r\n                this.loading(true);\r\n                const rs = await this.call({ Action: 'Zones/toggleDisable', Object: { Id: itemId } })\r\n                this.loading(false);\r\n                this.error = rs.Error;\r\n                if (rs.Error != \"\") {\r\n                    //show modal with callback name = loginView to check it whenever modal confirm triggerConfirm\r\n                    this.showModal({ isShow: true, title: 'Error', content: rs.Error, type: 'error' });\r\n                } else {\r\n                    for (let i = 0; i < this.data.length; i++) {\r\n                        if (this.data[i].Id == itemId) {\r\n                            this.data[i].IsDisable = !this.data[i].IsDisable;\r\n                            this.showToast({\r\n                                isShow: true, title: '', content: `<span style=\"font-weight:bold\">${this.data[i].Description}</span> is <span style=\"font-weight: bold;` + (!this.data[i].IsDisable ? 'color: blue;\">enabled' : 'color: red;\">disabled') + `</span> `, type: 'success'\r\n                            });\r\n                            break;\r\n                        }\r\n                    }\r\n\r\n                }\r\n            },\r\n            doTable() {\r\n                const _this = this;\r\n                _this.loaded = true;\r\n\r\n                _this.dataTable = $('#datatable').DataTable(\r\n                    {\r\n                        processing: true,\r\n                        responsive: true,\r\n                    }\r\n                );\r\n                _this.loading(false);\r\n            },\r\n            Remove(item) {\r\n                this.showModal({\r\n                    isShow: true, title: 'Warning', content: \"Are you sure to delete this Zone <br /><b>\" + item.Description + \"</b>?\", type: 'error', callback: () => {\r\n\r\n                        this.DoRemove(item);\r\n                    }, isConfirm: true\r\n                });\r\n            },\r\n            async DoRemove(item) {\r\n                this.loading(true);\r\n\r\n                const rs = await this.call({\r\n                    Action: 'ProductType/Remove', Object: {\r\n                        Id: item.Id,\r\n                        Name: item.Description,\r\n                    }\r\n                })\r\n                this.loading(false);\r\n                this.error = rs.Error;\r\n                if (rs.Error != \"\") {\r\n                    //show modal with callback name = loginView to check it whenever modal confirm triggerConfirm\r\n                    this.showModal({ isShow: true, title: 'Error', content: rs.Error, type: 'error' });\r\n\r\n                } else {\r\n                    this.getAll();\r\n                    this.showToast({ isShow: true, title: 'Success', content: \"Remove \" + item.Description + \" successful.\", type: 'success' });\r\n                }\r\n            },\r\n        },\r\n\r\n        created() {\r\n\r\n        },\r\n        mounted() {\r\n            //if already login then start,\r\n            //else will watch isCheckedLogin to catch its change\r\n            //to call start function\r\n            if (this.isCheckedLogin) this.start();\r\n        },\r\n        watch: {\r\n            //catch status from not login to logged in\r\n            //to call start function.\r\n            //Apply for reload page issue\r\n            isCheckedLogin(newVal) {\r\n                console.log(\"user index newVal\", newVal);\r\n                if (newVal) {\r\n                    this.start();\r\n                }\r\n            },\r\n            Name() {\r\n                setTimeout(this.validName, 100);\r\n            },\r\n        }\r\n    };\r\n</script>\r\n","import { render } from \"./Index.vue?vue&type=template&id=2046d3fc\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}