{"version":3,"sources":["webpack:///./src/views/GroupSale/Index.vue","webpack:///./src/views/GroupSale/Index.vue?fb69"],"names":["class","id","type","addEmployee","checkAcl","data","item","key","Id","Name","IsDisable","toggleDisable","UpdatedBy","ShowEdit","title","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","isValid","error","trim","regex","test","length","i","removeClass","addClass","innerHTML","loading","call","Action","rs","Error","showModal","isShow","content","window","history","back","Data","dataTable","destroy","doTable","itemid","EmailId","showToast","Object","itemId","_this","loaded","DataTable","processing","responsive","created","mounted","watch","newVal","console","log","__exports__","render"],"mappings":"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","file":"js/chunk-2d2299aa.fa1e4d16.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 \">Group Sale</h1>\r\n            </div>\r\n        </div>\r\n        <div>\r\n            <button type=\"button\" class=\"btn btn-default float-left mb-3\" @click=\"addEmployee\"><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>Status</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                        <td>\r\n                            <button type=\"button\" class=\"btn btn-icon px-0\"\r\n                                    @click=\"toggleDisable(item.Id)\"\r\n                                    :class=\"{'btn-success':!item.IsDisable,'btn-danger':item.IsDisable}\">\r\n                                <i :class=\"{'ion-android-checkmark-circle':!item.IsDisable,'ion-android-cancel':item.IsDisable}\"></i>\r\n                            </button>\r\n                        </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                        </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=\"Group 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: `GroupSale`,\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            addEmployee() {\r\n\r\n                this.editId = 0;\r\n                this.editTitle = \"New Group Sale\"\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                let isValid = true;\r\n                let error = '';\r\n                let name = this.Name.trim();\r\n                let regex = /^([a-zA-Z0-9\\s\\-_.@]){0,}$/;\r\n                if (!regex.test(name)) {\r\n                    error = \"Only accept @.-_\";\r\n                    isValid = false;\r\n                }\r\n                else if (name.length == 0) {\r\n                    error = \"Please input a Name!\";\r\n                    isValid = false;\r\n                }\r\n                //check length\r\n                else if (name.length > 50) {\r\n                    error = \"Should not exceed 50 characters!\";\r\n                    isValid = false;\r\n                }\r\n                else //check duplicate name\r\n                {\r\n                    for (let i = 0; i < this.data.length; i++) {\r\n                        if (this.data[i].Name == name && (this.data[i].Id != this.editId || this.editId == 0))\r\n                        {\r\n                            error = \"GroupName is existed!\";\r\n                            isValid = false;\r\n                            break;\r\n                        }\r\n                    }                    \r\n                }\r\n\r\n                if (!isValid) {\r\n                    $('#Name').addClass('is-invalid');\r\n                    $('#Name').removeClass('is-valid');\r\n                    $('#Name~.invalid-feedback')[0].innerHTML = error;\r\n                } else {\r\n                    $('#Name').removeClass('is-invalid');\r\n                    $('#Name').addClass('is-valid');\r\n                }\r\n\r\n                return isValid;\r\n            },\r\n            async getAll() {\r\n                this.loading(true);\r\n                const rs = await this.call({ Action: 'GroupSale/List' })\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 = \"GroupSale <b>\" + item.EmailId + \"</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: 'GroupSale not fount!', 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: 'GroupSale/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: 'GroupSale/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        },\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=678deb6a\"\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":""}