{"version":3,"sources":["webpack:///./src/views/Hamper/BoxDetail/Index.vue","webpack:///./src/views/Hamper/BoxDetail/Index.vue?af82","webpack:///./src/views/Hamper/BoxDetail/Index.vue?ba27"],"names":["class","type","id","data-bs-toggle","aria-expanded","aria-labelledby","href","data-bs-placement","title","style","AddBox","mapZones","ZoneId","Name","item","key","Id","doViewByFilter","FilterProductTypeId","mapProductTypes","Description","$router","push","dataByFilter","Code","Stock","checkFullAcl","EditDetail","ChangeType","ProductTypes","prodtype","value","selected","ProductTypeId","HamperImage","src","formatMoney","Price","HamperSizeX","HamperSizeY","UpdatedBy","formatDate","Created","Remove","checkAcl","tabindex","staticBackdrop","labelledby","showHamperBox","size","editTitle","md","label","editData","invalidFeedback","validFeedback","step","editZoneId","selectEditZone","SelectFileUpload","event","SaveEdit","name","components","MDBModal","MDBModalHeader","MDBModalTitle","MDBModalBody","MDBModalFooter","MDBCol","MDBRow","MDBInput","data","0","dataTable","NameExisted","computed","isCheckedLogin","state","view","timeOffset","session","methods","action","this","$store","acl","includes","$options","router","start","getAll","dstr","notime","d","Date","setTime","getTime","ex","console","log","money","symbol","decCount","rs","validName","validTextField","validCode","validPrice","validNumField","validSizeX","validSizeY","minVal","maxVal","error","isNaN","undefined","length","removeClass","addClass","innerHTML","focus","required","regex","regexMessage","minlen","maxlen","editedId","checkedvalue","trim","isCheckRequire","Array","isArray","test","FileUpload","JSON","parse","stringify","showModal","isShow","content","callback","DoRemove","isConfirm","loading","call","Action","Object","RemoveId","Error","showToast","el","window","_protected_reference","document","createElement","accept","_this","addEventListener","files","fileSize","getElementById","URL","createObjectURL","click","isValidImage","isValidPrice","isValidSizeX","isValidSizeY","isValidName","isValidCode","isValidForm","Files","productTypeId","val","history","back","keys","Data","boxes","forEach","i","Zones","zoneId","typeId","isFirstLoad","destroy","setTimeout","doTable","DataTable","responsive","autoWidth","bPaginate","created","mounted","watch","newVal","__exports__","render"],"mappings":"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","file":"js/chunk-e6915e26.738c25f7.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 \">Box Detail</h1>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row \">\r\n\r\n            <div class=\"col-md-12\">\r\n                <div class=\"panel\">\r\n                    <div class=\"panel-body\">\r\n\r\n                        <div>\r\n                            <button type=\"button\" class=\"btn btn-default float-left mb-3\" @click=\"AddBox\"><i class=\"ion-plus\"></i> Add</button>\r\n                        </div>\r\n\r\n                        <div class=\"dropdown\">\r\n                            <button class=\"btn btn-default dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton1\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n                                {{mapZones[ZoneId].Name}}\r\n                            </button>\r\n                            <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton1\">\r\n                                <li class=\"dropdown-item\"\r\n                                    v-for=\"item in mapZones\" :key=\"item.Id\"\r\n                                    @click=\"doViewByFilter(item.Id,FilterProductTypeId)\">\r\n                                    <a href=\"javascript:;\">{{item.Name}}</a>\r\n                                </li>\r\n\r\n                            </ul>\r\n\r\n                            <button class=\"btn btn-default dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton2\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n                                {{FilterProductTypeId==0?'== All Types ==':mapProductTypes[FilterProductTypeId].Description}}\r\n                            </button>\r\n                            <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton1\">\r\n                                <li class=\"dropdown-item\"\r\n                                    v-for=\"item in mapProductTypes\" :key=\"item.Id\"\r\n                                    @click=\"doViewByFilter(ZoneId,item.Id)\">\r\n                                    <a href=\"javascript:;\">{{item.Id!=0?item.Description:'== All Types =='}}</a>\r\n                                </li>\r\n\r\n                            </ul>\r\n\r\n                            <button class=\"btn btn-primary\" type=\"button\" @click=\"$router.push('/HamperBoxPDF')\">\r\n                                PDF Page\r\n                            </button>\r\n                        </div>\r\n\r\n\r\n\r\n                        <div class=\"mt-3\">\r\n                            <table class=\"table table-hover table-bordered\" id=\"datatable\">\r\n                                <thead>\r\n                                    <tr>\r\n\r\n                                        <th>Code</th>\r\n                                        <th>Name</th>\r\n                                        <th>ProductType</th>\r\n                                        <th> </th>                                        \r\n                                        <th>Price (No VAT) </th>\r\n                                        <th>Size (w-h) cm</th>\r\n                                        <th>UpdatedBy</th>\r\n                                        <th>Created At</th>\r\n                                        <th></th>\r\n                                    </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                    <tr v-for=\"item in dataByFilter\" :key=\"item.Code\" :style=\"{'background-color':item.Stock<=0?'#ff000021 !important':'inherit'}\">\r\n                                        <td @click=\"EditDetail(item)\" v-if=\"checkFullAcl('HamperBox/Edit')\">\r\n                                            <a href=\"javascript:void(0);\"\r\n                                               class=\"editable-click\"\r\n                                               data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"\r\n                                               title=\"Edit\">\r\n                                                {{item.Code}}\r\n                                            </a>\r\n                                        </td>\r\n                                        <td @click=\"EditDetail(item)\" v-if=\"checkFullAcl('HamperBox/Edit')\">\r\n                                            <a href=\"javascript:void(0);\"\r\n                                               class=\"editable-click\"\r\n                                               data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"\r\n                                               title=\"Edit\">\r\n                                                {{item.Name}}\r\n                                            </a>\r\n                                        </td>\r\n                                        <td class=\"\">\r\n                                            <select class=\"select mb-1\" :id=\"'ProductTypeId_'+item.Id\" @change=\"ChangeType(item)\">\r\n                                                <option v-for=\"prodtype in ProductTypes\" :key=\"prodtype.Id\" :value=\"prodtype.Id\" :selected=\"item.ProductTypeId==prodtype.Id?'true':null\">{{prodtype.Description}}</option>\r\n                                            </select>\r\n                                        </td>\r\n                                        <td @click=\"EditDetail(item)\" v-if=\"checkFullAcl('HamperBox/Edit')\">\r\n\r\n                                            <img :src=\"item.HamperImage\" style=\"max-height:100px;max-width:100px\" v-if=\"item.HamperImage!=''\" />\r\n\r\n                                        </td>\r\n\r\n                                        <!--<td>{{formatMoney(item.ProductTypeId!=undefined?item.Price*mapProductTypes[item.ProductTypeId].MultiValue:item.Price)}}</td>-->\r\n                                        <td>{{formatMoney(item.Price)}}</td>\r\n                                        <td>{{item.HamperSizeX}}-{{item.HamperSizeY}}</td>\r\n                                        <td>{{item.UpdatedBy}}</td>\r\n                                        <td>{{formatDate(item.Created) }}</td>\r\n                                        <td v-show=\"checkAcl('Edit')\">\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                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n\r\n\r\n        <MDBModal id=\"editHamperBoxModal\"\r\n                  tabindex=\"-1\"\r\n                  staticBackdrop\r\n                  labelledby=\"exampleModalLabel\"\r\n                  v-model=\"showHamperBox\"\r\n                  size=\"lg\">\r\n            <MDBModalHeader>\r\n                <MDBModalTitle v-html=\"editTitle\"></MDBModalTitle>\r\n            </MDBModalHeader>\r\n            <MDBModalBody>\r\n\r\n                <MDBRow>\r\n                    <MDBCol md=\"3\">\r\n                        <MDBInput label=\"Name\"\r\n                                  id=\"BoxName\"\r\n                                  v-model=\"editData.Name\"\r\n                                  invalidFeedback=\"Please provide a image\"\r\n                                  validFeedback=\"Looks good!\" />\r\n                    </MDBCol>\r\n                    <MDBCol md=\"2\">\r\n                        <MDBInput label=\"Code\"\r\n                                  id=\"Code\"\r\n                                  v-model=\"editData.Code\"\r\n                                  invalidFeedback=\"Please provide a image\"\r\n                                  validFeedback=\"Looks good!\" />\r\n                    </MDBCol>\r\n                    <MDBCol md=\"2\">\r\n                        <MDBInput label=\"Width (cm)\"\r\n                                  id=\"HamperSizeX\"\r\n                                  v-model=\"editData.HamperSizeX\"\r\n                                  type=\"number\"\r\n                                  step=\"1\"\r\n                                  invalidFeedback=\"Please provide a image\"\r\n                                  validFeedback=\"Looks good!\" />\r\n                    </MDBCol>\r\n                    <MDBCol md=\"2\">\r\n                        <MDBInput label=\"Height  (cm)\"\r\n                                  id=\"HamperSizeY\"\r\n                                  v-model=\"editData.HamperSizeY\"\r\n                                  type=\"number\"\r\n                                  step=\"1\"\r\n                                  invalidFeedback=\"Please provide a image\"\r\n                                  validFeedback=\"Looks good!\" />\r\n                    </MDBCol>\r\n                </MDBRow>\r\n                <MDBRow class=\"mt-3\">\r\n                    <MDBCol md=\"4\">\r\n                        <MDBInput label=\"Original Price (No VAT)\"\r\n                                  id=\"Price\"\r\n                                  type=\"number\"\r\n                                  step=\"1000\"\r\n                                  v-model=\"editData.Price\"\r\n                                  invalidFeedback=\"Please provide a image\"\r\n                                  validFeedback=\"Looks good!\" />\r\n                    </MDBCol>\r\n                </MDBRow>\r\n                <MDBRow class=\"mt-3\">\r\n                    <MDBCol md=\"2\">\r\n                        Select Zone:\r\n                    </MDBCol>\r\n                    <MDBCol md=\"3\">\r\n                        <div class=\"dropdown\">\r\n                            <button class=\"btn btn-white dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton1\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n                                {{mapZones[editZoneId].Name}}\r\n                            </button>\r\n                            <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton1\">\r\n                                <li class=\"dropdown-item\"\r\n                                    v-for=\"item in mapZones\" :key=\"'editItemZone'+item.Id\"\r\n                                    v-show=\"item.Id!=0\"\r\n                                    @click=\"selectEditZone(item.Id)\">\r\n                                    <a href=\"javascript:;\">{{item.Name}}</a>\r\n                                </li>\r\n\r\n                            </ul>\r\n                        </div>\r\n                    </MDBCol>\r\n\r\n                </MDBRow>\r\n                <MDBRow class=\"mt-3\">\r\n                    <MDBCol md=\"12\">\r\n                        <button type=\"button\" class=\"btn btn-primary btn-with-icon\" @click=\"SelectFileUpload(event)\"><i class=\"ion-image\"></i>Select Box Image</button>\r\n                        <div class=\"mt-3\" id=\"uploadFileInfo\" style=\"text-align:center\">\r\n                            <img :src=\"editData.HamperImage\" style=\"max-height:500px;max-width:500px\" v-if=\"editData.HamperImage!=''\" />\r\n                        </div>\r\n                    </MDBCol>\r\n                </MDBRow>\r\n                <!--<MDBRow>\r\n        <MDBCol md=\"12\">\r\n            <button type=\"button\" class=\"btn btn-primary btn-with-icon\" @click=\"SelectFilesUpload(event)\"><i class=\"ion-images\"></i>Select Many Images</button>\r\n            <div class=\"mt-3\" id=\"uploadFilesInfo\">\r\n\r\n            </div>\r\n        </MDBCol>\r\n    </MDBRow>-->\r\n\r\n\r\n            </MDBModalBody>\r\n            <MDBModalFooter>\r\n                <button type=\"submit\" class=\"btn btn-success\" @click=\"SaveEdit\">\r\n                    Save\r\n                </button>\r\n                <button type=\"button\" class=\"btn btn-danger\" @click=\"showHamperBox=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<style>\r\n    .dataTables_wrapper .dataTables_paginate .paginate_button {\r\n        color: white !important;\r\n    }\r\n\r\n    div.dt-buttons {\r\n        float: right;\r\n    }\r\n    .editable-click, a.editable-click{\r\n        border-bottom:none;\r\n    }\r\n</style>\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 $ from 'jquery';\r\n    import 'datatables.net-responsive'\r\n\r\n\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 c from '@/mylib/common'\r\n    import { mapState, mapActions } from 'vuex'\r\n\r\n\r\n\r\n    export default {\r\n        name: `HamperBox`,\r\n        components: {\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        data: function () {\r\n            return {\r\n                editTitle: '',\r\n                editData: {},\r\n                ZoneId: 0,\r\n                editZoneId: 0,\r\n                FilterProductTypeId: 0,\r\n\r\n                dataByFilter: {},\r\n                mapZones: { 0: { 'Id': 0, 'Name': '-- All Regions --' } },\r\n                data: [],\r\n            ProductTypes: [],\r\n            mapProductTypes: {},\r\n                dataTable: null,\r\n                showHamperBox: false,\r\n                NameExisted: {},\r\n            }\r\n        },\r\n\r\n        computed: mapState({\r\n            isCheckedLogin: state => state.view.isCheckedLogin,\r\n            timeOffset: state => state.session.timeOffset,\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            },\r\n            formatDate(dstr, notime) {\r\n                if (dstr == null || dstr == \"\") return 'N/A';\r\n\r\n                try {\r\n                    var d = new Date(dstr);\r\n                    d.setTime(d.getTime() - this.timeOffset * 60 * 1000);\r\n                    return c.formatDate(new Date(d), notime);\r\n                } catch (ex) {\r\n                    console.log(ex);\r\n                    return 'N/A';\r\n                }\r\n            },\r\n            formatMoney(money, symbol, decCount) {\r\n                symbol = symbol || '';\r\n                decCount = decCount || 0;\r\n\r\n                const rs = c.formatMoney(money, symbol, decCount);\r\n                return rs;\r\n            },\r\n            validName() {\r\n                return this.validTextField(this.editData.Name, 'BoxName', true, /.*/, 'Please input character and number only!', 2, 100, this.NameExisted, this.editData.Id);\r\n            },\r\n            validCode() {\r\n                return this.validTextField(this.editData.Code, 'Code', true, /^[a-zA-z0-9/]+$/, 'Please input character and number only!', 2, 10);\r\n            },\r\n            validPrice() {\r\n                return this.validNumField(this.editData.Price, \"Price\", 1000);\r\n            },\r\n            validSizeX() {\r\n                return this.validNumField(this.editData.HamperSizeX, \"HamperSizeX\", 1);\r\n            },\r\n            validSizeY() {\r\n                return this.validNumField(this.editData.HamperSizeY, \"HamperSizeY\", 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            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            AddBox() {\r\n                if (!this.checkFullAcl('HamperBox/Edit')) return;\r\n            this.editData = { Id: 0, Name: '', Code: '', HamperSizeX: '0', HamperSizeY:'0',Price:'0' };\r\n                this.editTitle = 'Add new Box';\r\n                this.showHamperBox = true;\r\n            },\r\n            EditDetail(item) {\r\n                if (!this.checkFullAcl('HamperBox/Edit')) return;\r\n                this.editData = {};\r\n                this.FileUpload = {};\r\n                this.editData = JSON.parse(JSON.stringify(item));\r\n                this.editTitle = item.Name;\r\n                this.editZoneId = item.ZoneId;\r\n                this.editData[\"HamperSizeX\"] = this.editData[\"HamperSizeX\"] + '';\r\n                this.editData[\"HamperSizeY\"] = this.editData[\"HamperSizeY\"] + '';\r\n                this.editData[\"Price\"] = this.editData[\"Price\"] + '';\r\n\r\n                this.showHamperBox = true;\r\n            },\r\n            Remove(item) {\r\n                this.showModal({\r\n                    isShow: true, title: 'Warning', content: \"Are you sure to delete Box <br /><b>\" + item.Name+\"</b>?\", type: 'error', callback: () => {\r\n                        \r\n                        this.DoRemove(item);\r\n                    }, isConfirm: true });\r\n            },\r\n            async DoRemove(item) {\r\n                this.loading(true);\r\n\r\n                const rs = await this.call({\r\n                    Action: 'HamperBox/Remove', Object: {\r\n                        RemoveId: item.Id,\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            SelectFileUpload() {\r\n                var el = window._protected_reference = document.createElement(\"INPUT\");\r\n                el.type = \"file\";\r\n                //el.accept = \".jpg,.jpeg,.png\";\r\n                el.accept = \"image/*\";\r\n                //el.multiple = \"multiple\"; // remove to have a single file selection\r\n\r\n                // (cancel will not trigger 'change')\r\n                var _this = this;\r\n                el.addEventListener('change', function () {\r\n                    // access el.files[] to do something with it (test its length!)\r\n\r\n                    // add first image, if available\r\n                    if (el.files.length) {\r\n                        const fileSize = el.files[0].size / 1024 / 1024; // in MiB\r\n                        if (fileSize > 2) {\r\n                            _this.showToast({ isShow: true, title: '', content: \"File size exceeds 2 MB\", type: 'error' });\r\n                            return;\r\n                        }\r\n                        _this.FileUpload = el.files[0];\r\n                        //document.getElementById('uploadFileInfo').innerHTML = _this.FileUpload.name;\r\n                        document.getElementById('uploadFileInfo').innerHTML = `<img style=\"max-height:500px;max-width:500px\" src=\"${URL.createObjectURL(el.files[0])}\" />`\r\n                    }\r\n\r\n\r\n                    //// test some async handling\r\n                    //new Promise(function (resolve) {\r\n                    //    setTimeout(function () { console.log(el.files); resolve(); }, 1000);\r\n                    //})\r\n                    //    .then(function () {\r\n                    //        // clear / free reference\r\n                    //        el = window._protected_reference = undefined;\r\n                    //    });\r\n\r\n                });\r\n                el.click();\r\n            },\r\n            async SaveEdit() {\r\n                let isValidImage = true;\r\n                if (this.FileUpload == null && this.editData.Id==0) {\r\n                    this.showModal({ isShow: true, title: 'Error', content: \"Please select a Hamper Image for this product\", type: 'error' });\r\n                    isValidImage = false;\r\n                }\r\n                let isValidPrice = this.validPrice();\r\n                let isValidSizeX = this.validSizeX();\r\n                let isValidSizeY = this.validSizeY();\r\n                let isValidName = this.validName();\r\n                let isValidCode = this.validCode();\r\n                let isValidForm = isValidPrice && isValidSizeX && isValidSizeY && isValidName && isValidCode;\r\n                if (!isValidForm && isValidImage) {\r\n                    this.showToast({ isShow: true, title: '', content: \"Form is invalid!\", type: 'error' });\r\n                }\r\n                if (!isValidForm || !isValidImage) return;\r\n\r\n                this.loading(true);\r\n\r\n                const rs = await this.call({\r\n                    Action: 'HamperBox/Save', Object: {\r\n                        Id: this.editData.Id,\r\n                        Code: this.editData.Code,\r\n                        Name: this.editData.Name,\r\n                        HamperSizeX: this.editData.HamperSizeX,\r\n                        HamperSizeY: this.editData.HamperSizeY,\r\n                        Price: this.editData.Price,\r\n                        ZoneId: this.editZoneId,\r\n                    }, Files: this.FileUpload\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.showHamperBox = false;\r\n                }\r\n            },\r\n        async ChangeType(item) {\r\n            var productTypeId = $('#ProductTypeId_' + item.Id).val();\r\n            if (productTypeId == undefined || productTypeId == null || productTypeId == 0) {\r\n                this.showModal({ isShow: true, title: 'Error', content: \"Please select a Type this product\", type: 'error' });\r\n                return;\r\n            }\r\n\r\n            this.loading(true);\r\n\r\n            const rs = await this.call({\r\n                Action: 'HamperBox/SaveProductType', Object: {\r\n                    Id: item.Id,\r\n                    ProductTypeId: productTypeId\r\n                }\r\n            })\r\n            this.loading(false);\r\n            this.error = rs.Error;\r\n            \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                $('#ProductTypeId_' + item.Id).val(item.ProductTypeId == null ? 0 : item.ProductTypeId);\r\n            } else {\r\n                this.dataByFilter[item.Id].ProductTypeId = productTypeId;\r\n            }\r\n        },\r\n            async getAll() {\r\n                this.loading(true);\r\n               \r\n                const rs = await this.call({ Action: 'HamperBox/View', Object: { ZoneId: this.ZoneId } })\r\n\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                    this.loading(false);\r\n                    //no permission\r\n                    if (rs.Error.includes(\"Permission Denied\")) {\r\n                        window.history.back();\r\n                    }\r\n\r\n                } else {\r\n                    this.data = [];\r\n                    Object.keys(rs.Data.boxes).forEach(id => {\r\n                        this.data.push(rs.Data.boxes[id]);\r\n                        if (this.NameExisted[rs.Data.boxes[id].Name] == undefined)\r\n                            this.NameExisted[rs.Data.boxes[id].Name] = id;\r\n                    });\r\n                    this.mapZones = { 0: { 'Id': 0, 'Name': '-- All Region --' } };\r\n                    for (let i = 0; i < rs.Data.Zones.length; i++) {\r\n                        this.mapZones[rs.Data.Zones[i].Id] = rs.Data.Zones[i];\r\n                    }\r\n                this.ProductTypes = rs.Data.ProductTypes;\r\n                Object.keys(this.ProductTypes).forEach(i => {\r\n                    let item = this.ProductTypes[i];\r\n                    this.mapProductTypes[item.Id] = item;\r\n                });\r\n                    this.doViewByFilter(this.ZoneId,this.FilterProductTypeId,true);\r\n\r\n                }\r\n            },\r\n            doViewByFilter(zoneId, typeId, isFirstLoad) {                \r\n                if (isFirstLoad == undefined) isFirstLoad = false;\r\n                if (this.dataTable != null) {\r\n                    this.dataTable.destroy();\r\n                }\r\n                \r\n                this.ZoneId = zoneId;                \r\n                this.FilterProductTypeId = typeId;\r\n                \r\n                this.dataByFilter = {};               \r\n                for (let i = 0; i < this.data.length; i++) {\r\n                if ((this.data[i].ZoneId == zoneId || zoneId == 0) && (this.data[i].ProductTypeId == typeId || typeId == 0) )\r\n                        this.dataByFilter[this.data[i].Id] = this.data[i];\r\n                }\r\n                setTimeout(this.doTable, isFirstLoad?300:200);\r\n            },\r\n            \r\n            selectEditZone(zoneId) {\r\n                this.editZoneId = zoneId;\r\n                \r\n            },\r\n            doTable() {\r\n                const _this = this;\r\n\r\n                _this.dataTable = $('#datatable').DataTable({\r\n                    responsive: true,                    \r\n                    autoWidth: false,\r\n                    bPaginate: true,\r\n                    //dom: '<\"dt-top-container\"<l><\"dt-center-in-div\"f><\"dt-btn-container\"B>r>tip',\r\n                // 'fnDrawCallback': function (oSettings) {\r\n                //     $('.dataTables_filter').each(function () {\r\n                //         $(this).append('<button class=\"btn btn-default mr-xs pull-right tet\" type=\"button\">Button</button>');\r\n                //     });\r\n                //     $(\".tet\").on('click', _this.selectEditZone(2));\r\n                // },\r\n                    'columnDefs': [         // see https://datatables.net/reference/option/columns.searchable\r\n                        {\r\n                            'searchable': false,                            \r\n                            'targets': [2],\r\n                        },\r\n                        // {\r\n                        //     'targets': [3],\r\n                        //     visible: false                                                  \r\n                        // },\r\n                    ],\r\n                });\r\n                //$(\"div.dt-btn-container\").html('<button class=\"btn btn-info\" id=\"tet\">Add Location</button>');\r\n                //$(\"#tet\").on('click', this.selectEditZone(2));\r\n                this.loading(false);\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\r\n\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\r\n        }\r\n    };\r\n</script>\r\n","import { render } from \"./Index.vue?vue&type=template&id=b162ca2a\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\nimport \"./Index.vue?vue&type=style&index=0&id=b162ca2a&lang=css\"\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__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Index.vue?vue&type=style&index=0&id=b162ca2a&lang=css\""],"sourceRoot":""}