{"version":3,"sources":["webpack:///./src/views/Revenue/Index.vue?bb42","webpack:///./src/views/Revenue/Index.vue","webpack:///./src/views/Revenue/Index.vue?b044"],"names":["class","id","href","data-bs-toggle","data-bs-placement","title","type","ViewMode","dateUpload","FileUpload","showUpload","ViewUpload","data","item","key","ViewFile","Id","FileName","checkFullAcl","formatDate2","StartSoldDate","EndSoldDate","formatDate","UploadedDate","CreatedBy","Downloaded","IsDisable","changeStatus","downloadFile","dataProductSold","ViewHistory","Code","Name","formatNumber","Sold","Updated","UpdatedBy","size","range","dark","autoApply","format","calendar-header","index","day","SelectFileUpload","event","UploadInventory","name","LayoutModel","dataTable","dataTableProductSold","components","Datepicker","MDBModal","MDBModalHeader","MDBModalTitle","MDBModalBody","MDBModalFooter","computed","isCheckedLogin","state","view","methods","checkAcl","action","this","$store","session","acl","includes","$options","router","start","getAll","dstr","notime","d","Date","n","code","dispatch","loading","destroy","call","Action","rs","error","Error","showModal","isShow","content","window","history","back","Data","length","setTimeout","doTable","fileName","fileIndex","undefined","showToast","Object","FileID","SaveFile","i","fileId","filename","dataTableDS","doTableProductSold","_this","DataTable","responsive","el","_protected_reference","document","createElement","accept","addEventListener","files","console","log","getElementById","innerHTML","click","StartDate","EndDate","Files","created","mounted","watch","newVal","__exports__","render"],"mappings":"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","file":"js/chunk-3417cc8e.b8b64475.js","sourcesContent":["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=1abbf4b2&lang=css\"","<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 \" v-html=\"title\"></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                        <div>\r\n                            <button type=\"button\" class=\"btn btn-primary btn-with-icon\" \r\n                                :class=\"{'disabled':ViewMode=='Product'}\"\r\n                                @click=\"dateUpload=null,FileUpload=null;showUpload=true\"><i class=\"ion-android-upload\"></i>Upload</button>\r\n\r\n                            <button type=\"button\" class=\"btn btn-danger btn-with-icon\" @click=\"ViewUpload\" v-show=\"ViewMode=='Product'\"><i class=\"ion-android-cancel\"></i>Cancel</button>\r\n\r\n                        </div>\r\n                        <div class=\"mt-3\">\r\n                            <table class=\"table table-hover table-bordered\" id=\"datatable\" v-show=\"ViewMode=='File'\">\r\n                                <thead>\r\n                                    <tr>\r\n                                        <th id=\"columnName\">Name</th>\r\n                                        <th>Sold Date</th>\r\n                                        <th>Created</th>\r\n                                        <th>Owner</th>\r\n                                        <th>Downloaded</th>\r\n                                        <th>Status</th>\r\n                                    </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                    <tr v-for=\"item in data\" :key=\"item.id\">\r\n                                        <td>\r\n                                            <a v-show=\"checkFullAcl('Revenue/ViewFile')\" href=\"javascript:void(0);\"\r\n                                               class=\"editable-click\"\r\n                                               data-bs-toggle=\"tooltip\"\r\n                                               data-bs-placement=\"top\"\r\n                                               title=\"View file content\"\r\n                                               @click=\"ViewFile(item.Id,item.FileName)\">\r\n                                                {{item.FileName}}\r\n                                            </a>\r\n\r\n                                            <span v-show=\"!checkFullAcl('Revenue/ViewFile')\">\r\n                                                {{item.FileName}}\r\n                                            </span>\r\n\r\n\r\n                                        </td>\r\n                                        <td>{{formatDate2(item.StartSoldDate,true)}} - {{formatDate2(item.EndSoldDate,true)}}</td>\r\n                                        <td>{{formatDate(item.UploadedDate)}}</td>\r\n                                        <td>{{item.CreatedBy}}</td>\r\n                                        <td>{{item.Downloaded}}</td>\r\n                                        <td>\r\n                                            <button type=\"button\" class=\"btn btn-icon\"\r\n                                                    @click=\"changeStatus(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                                            <button type=\"button\" class=\"btn btn-icon btn-primary\"\r\n                                                    @click=\"downloadFile(item.Id)\">\r\n                                                <i class=\"ion-arrow-down-a\"></i>\r\n                                            </button>\r\n                                        </td>\r\n                                    </tr>\r\n                                </tbody>\r\n                            </table>\r\n\r\n\r\n                            <table class=\"table table-hover table-bordered\" id=\"datatableProductSold\" v-show=\"ViewMode=='Product'\">\r\n                                <thead>\r\n                                    <tr>\r\n                                        <th id=\"columnName\">Code</th>\r\n                                        <th>Name</th>\r\n                                        <th>Sold</th>\r\n                                        <th>Updated</th>\r\n                                        <th>UpdateBy</th>\r\n                                        \r\n                                    </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                    <tr v-for=\"item in dataProductSold\" :key=\"item.id\">\r\n                                        <td @click=\"ViewHistory(item.Code,item.Name)\">\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=\"View History\">\r\n                                                {{item.Code}}\r\n                                            </a>\r\n                                        </td>\r\n                                        <td>{{item.Name}}</td>\r\n                                        <td>{{formatNumber(item.Sold)}}</td>\r\n                                        <td>{{formatDate(item.Updated)}}</td>\r\n                                        <td>{{item.UpdatedBy}}</td>\r\n                                        \r\n                                    </tr>\r\n                                </tbody>\r\n                            </table>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <MDBModal v-model=\"showUpload\" size=\"sm\">\r\n            <MDBModalHeader>\r\n                <MDBModalTitle> Upload File Revenue </MDBModalTitle>\r\n            </MDBModalHeader>\r\n            <MDBModalBody>\r\n                Select a range of date when products were sold:\r\n                <Datepicker v-model=\"dateUpload\" range dark class=\"mb-3\" autoApply :format=\"'dd/MM/yyyy'\">\r\n                    <template #calendar-header=\"{ index, day }\">\r\n                        <div :class=\"index === 5 || index === 6 ? 'calenda-red-color' : ''\">\r\n                            {{ day }}\r\n                        </div>\r\n                    </template>\r\n                </Datepicker>\r\n                <button type=\"button\" class=\"btn btn-primary btn-with-icon\" @click=\"SelectFileUpload(event)\"><i class=\"ion-document\"></i>Select a file</button>\r\n                <div class=\"mt-3\" id=\"uploadFileInfo\">\r\n\r\n                </div>\r\n            </MDBModalBody>\r\n            <MDBModalFooter>\r\n                <button type=\"button\" class=\"btn btn-primary\" @click=\"UploadInventory\"><i class=\"ion-android-upload\"></i> Upload</button>\r\n                <button type=\"button\" class=\"btn btn-danger\" @click=\"showUpload=false\"><i class=\"ion-close\"></i> Cancel</button>\r\n            </MDBModalFooter>\r\n        </MDBModal>\r\n\r\n       \r\n    </div>\r\n</template>\r\n<style>\r\n\r\n    .dataTables_wrapper .dataTables_paginate .paginate_button {\r\n        color: white !important;\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    //========== Datetime picker\r\n    //https://vue3datepicker.com/installation/#global\r\n    import Datepicker from 'vue3-date-time-picker';\r\n    import 'vue3-date-time-picker/dist/main.css'\r\n\r\n    import {\r\n        //MDBBtn,\r\n        MDBModal,\r\n        MDBModalHeader,\r\n        MDBModalTitle,\r\n        MDBModalBody,\r\n        MDBModalFooter,\r\n    } from 'mdb-vue-ui-kit';\r\n\r\n    import c from '@/mylib/common'\r\n    import { mapState,mapActions } from 'vuex'\r\n    export default {\r\n        name: `Revenue`,\r\n        data: function () {\r\n            return {\r\n                title:'',\r\n                dateUpload:null,\r\n                LayoutModel: {},\r\n                data: [],\r\n                dataProductSold: [],\r\n                dataTable: null,\r\n                dataTableProductSold: null,\r\n                showUpload: false,\r\n                FileUpload: null,\r\n                ViewMode: 'File',\r\n            }\r\n        },\r\n        \r\n        components: {\r\n            Datepicker,\r\n            //MDBBtn,\r\n            MDBModal,\r\n            MDBModalHeader,\r\n            MDBModalTitle,\r\n            MDBModalBody,\r\n            MDBModalFooter,\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                '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                let d = new Date(dstr);\r\n                if (d == \"Invalid Date\") return \"\";\r\n                return c.formatDate(d, notime);\r\n            },\r\n            formatDate2(dstr, notime) {\r\n                let d = new Date(dstr);\r\n                if (d == \"Invalid Date\") return \"\";\r\n                return c.formatDate2(d, notime);\r\n            },\r\n            formatNumber(n) {                \r\n                return c.formatNumber(n);\r\n            },\r\n            ViewHistory(code,name) {\r\n                if (this.checkFullAcl('Product/ViewHistory'))\r\n                    this.$store.dispatch(\"view/viewHistory\", { code: code,name:name });\r\n            },\r\n            async getAll() {\r\n                this.loading(true);\r\n                if (this.dataTableProductSold != null) this.dataTableProductSold.destroy();\r\n                if (this.dataTable != null) this.dataTable.destroy();\r\n                const rs = await this.call({ Action: 'Revenue/List' })\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 = rs.Data;\r\n                    this.title = `Revenue (${rs.Data.length} files)`;\r\n                    setTimeout(this.doTable, 200);                    \r\n                }\r\n            },\r\n            async downloadFile(id) {\r\n                this.loading(true);\r\n                //get filename\r\n                let fileName = '';\r\n                let fileIndex = 0;\r\n                for (let fileIndex = 0; fileIndex < this.data.length; fileIndex++) {\r\n                    if (this.data[fileIndex].Id == id) {\r\n                        fileName = this.data[fileIndex].FileName;\r\n                        break;\r\n                    }\r\n                }\r\n                if (fileName == '' || fileName == undefined) {\r\n                    this.showToast({\r\n                        isShow: true, title: '', content: `File not found!`, type: 'error'\r\n                    });\r\n                    return;\r\n                }\r\n                const rs = await this.call({ Action: 'Revenue/DownloadFile', Object: { FileID: id, fileName: fileName } })\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                    c.SaveFile(rs.Data, \"application/octet-stream\", fileName);\r\n                    this.data[fileIndex].Downloaded++;\r\n                }\r\n            },\r\n            async changeStatus(id) {\r\n                this.loading(true);\r\n                const rs = await this.call({ Action: 'Revenue/Toggle', Object: { FileID: id} })\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                    //if (this.dataTable != null) {\r\n                    //    this.dataTable.destroy();\r\n                    //}\r\n                    for (let i = 0; i < this.data.length; i++) {\r\n                        if (this.data[i].Id == id) {\r\n                            this.data[i].IsDisable = !this.data[i].IsDisable;\r\n                            this.showToast({\r\n                                isShow: true, title: '', content: `${this.data[i].FileName} is <span style=\"font-weight: bold;` + (this.data[i].IsDisable ? 'color: red;\">Disabled' :'color: blue;\">Enabled')+\"</span>\", type: 'success' });\r\n                            break;\r\n                        }\r\n                    }\r\n                    \r\n                    //setTimeout(this.doTable, 200);\r\n                }\r\n            },\r\n            ViewUpload() {\r\n                this.ViewMode = \"File\";\r\n                //this.loading(true);\r\n                if (this.dataTableProductSold != null) this.dataTableProductSold.destroy();\r\n                this.title = `Revenue (${this.data.length} files)`;\r\n                //if (this.dataTable != null) this.dataTable.destroy();\r\n                setTimeout(this.doTable, 200);\r\n            },\r\n            async ViewFile(fileId,filename) {\r\n                this.loading(true);\r\n                if (this.dataTableDS != null) {\r\n                    this.dataTableDS.destroy();\r\n                }\r\n                const rs = await this.call({\r\n                    Action: 'Revenue/ViewFile',\r\n                    Object: { FileID: fileId }\r\n                })\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\r\n                } else {\r\n                    this.dataProductSold = rs.Data;\r\n                    \r\n                    //if (this.dataTableProductSold != null) this.dataTableProductSold.destroy();\r\n                    \r\n                    if (this.dataTable != null) this.dataTable.destroy();\r\n                    this.ViewMode = 'Product';\r\n                    this.title = `Content of \"${filename}\" (${rs.Data.length} items)`;\r\n                    setTimeout(this.doTableProductSold, 200);                    \r\n                }\r\n            },\r\n            doTableProductSold() {\r\n                const _this = this;                \r\n                _this.dataTableProductSold = $('#datatableProductSold').DataTable({\r\n                    responsive: true,\r\n                    \"order\": [[0, \"asc\"]]\r\n\r\n                });\r\n                this.loading(false);\r\n            },\r\n            doTable() {\r\n                const _this = this;                \r\n                _this.dataTable = $('#datatable').DataTable({\r\n                    responsive: true,\r\n                    \"order\": [[2, \"desc\"]]\r\n                    \r\n                });\r\n                this.loading(false);\r\n            },\r\n            SelectFileUpload() {\r\n                var el = window._protected_reference = document.createElement(\"INPUT\");\r\n                el.type = \"file\";\r\n                el.accept = \".xls,.xlsx, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel\";\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                        console.log(el.files[0]);\r\n                        _this.FileUpload = el.files[0];\r\n                        document.getElementById('uploadFileInfo').innerHTML = _this.FileUpload.name;\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\r\n                el.click();\r\n            },\r\n            async UploadInventory() {                \r\n                if (this.dateUpload == null) {\r\n                    this.showModal({ isShow: true, title: 'Error', content: \"Please select a date\", type: 'error' });\r\n                    return;\r\n                }\r\n                if (this.FileUpload == null) {\r\n                    this.showModal({ isShow: true, title: 'Error', content: \"Please select a file to upload\", type: 'error' });\r\n                    return;\r\n                }\r\n                this.showUpload = false;\r\n                this.loading(true);\r\n                \r\n                const rs = await this.call({ Action: 'Revenue/Upload', Object: { StartDate: this.dateUpload[0], EndDate: this.dateUpload[1] }, Files: this.FileUpload })\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                }\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        }\r\n    };\r\n</script>\r\n","import { render } from \"./Index.vue?vue&type=template&id=1abbf4b2\"\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=1abbf4b2&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__"],"sourceRoot":""}