{"version":3,"sources":["webpack:///./src/views/Zones/Index.vue","webpack:///./src/views/Zones/Index.vue?700e"],"names":["class","id","type","addZone","checkAcl","data","item","key","Id","Name","Updated","UpdatedBy","ShowEdit","title","Remove","tabindex","staticBackdrop","labelledby","showEditForm","size","editTitle","tag","md","label","invalidFeedback","validFeedback","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","validName","validTextField","value","required","regex","regexMessage","minlen","maxlen","editedId","error","checkedvalue","trim","isCheckRequire","length","undefined","Array","isArray","test","removeClass","addClass","innerHTML","focus","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","created","mounted","watch","newVal","console","log","__exports__","render"],"mappings":"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","file":"js/chunk-2d0bdb93.b8c4e777.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 \">Sale Zones</h1>\r\n            </div>\r\n        </div>\r\n        <div>\r\n            <button type=\"button\" class=\"btn btn-default float-left mb-3\" @click=\"addZone\"><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>ID</th>\r\n                        <th>Name</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.Id}}</td>\r\n                        <td>{{item.Name}}</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=\"Name *\"\r\n                                  id=\"Name\"\r\n                                  v-model=\"Name\"\r\n                                  invalidFeedback=\"Please provide a valid Name\"\r\n                                  validFeedback=\"Looks good!\"\r\n                                  title=\"NO special characters, the length should be between 2 and  50 characters\" />\r\n                    </MDBCol>\r\n\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                Name:'',\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            addZone() {\r\n\r\n                this.editId = 0;\r\n                this.editTitle = \"New Zone\"\r\n                this.editBtnText = \"Add\";\r\n                this.Name = '';\r\n                this.showEditForm = true;\r\n                setTimeout(() => { this.validName()}, 100);\r\n\r\n            },\r\n            validName() {\r\n                return this.validTextField(this.Name, 'Name', 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: 'Zones/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 = \"Zone <b>\" + item.Name + \"</b>\";\r\n                        this.editBtnText = \"Save\";\r\n                        this.editId = itemid;\r\n                        this.Name = item.Name;\r\n                        this.showEditForm = true;\r\n                        return;\r\n                    }\r\n                }\r\n                this.showToast({ isShow: true, title: '', content: 'Zone 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.validName();\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: 'Zones/Save', Object: {\r\n                        Id: this.editId,\r\n                        Name: this.Name,\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.Name}</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].Name = this.Name;\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].Name}</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.Name + \"</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: 'Zones/Remove', Object: {\r\n                        Id: item.Id,\r\n                        Name:item.Name,\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.Name + \" 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=5d9fd01e\"\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":""}