{"version":3,"sources":["webpack:///./src/views/Inventory/Index.vue?ddde","webpack:///./src/views/Inventory/Index.vue","webpack:///./src/views/Inventory/Index.vue?6c41"],"names":["class","id","type","dateUpload","FileUpload","showUpload","fileFilterActive","checked","fileFilterDeactive","dataFiltered","item","key","FileName","formatDate","SelectedDate","UploadedDate","CreatedBy","Downloaded","IsDisable","changeStatus","Id","downloadFile","size","dark","autoApply","calendar-header","index","day","SelectFileUpload","event","UploadInventory","name","data","LayoutModel","dataTable","components","Datepicker","MDBModal","MDBModalHeader","MDBModalTitle","MDBModalBody","MDBModalFooter","computed","isCheckedLogin","state","view","methods","checkAcl","action","this","$store","session","acl","includes","$options","checkFullAcl","router","start","getAll","dstr","notime","d","Date","formatNumber","n","loading","call","Action","rs","error","Error","showModal","isShow","title","content","window","history","back","Data","doTableFilter","Object","FileID","i","length","showToast","fileName","fileIndex","undefined","SaveFile","destroy","_this","_","clone","push","setTimeout","doTable","DataTable","responsive","el","_protected_reference","document","createElement","accept","addEventListener","files","console","log","getElementById","innerHTML","click","Files","created","mounted","watch","newVal","__exports__","render"],"mappings":"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","file":"js/chunk-3a4aea57.cf0b0f6d.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=960565a0&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 \">Product</h1>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row \">\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\" @click=\"dateUpload=null,FileUpload=null;showUpload=true\"><i class=\"ion-android-upload\"></i>Inventory Upload</button>\r\n                        </div>\r\n\r\n                        <div class=\"mt-3\">\r\n                          \r\n                            <label class=\"checkbox-inline custom-checkbox nowrap me-3\">\r\n                                <input type=\"checkbox\" @click=\"fileFilterActive=!fileFilterActive\" :checked=\"fileFilterActive?true:null\">\r\n                                <span>Activated</span>\r\n                            </label>\r\n                            <label class=\"checkbox-inline custom-checkbox nowrap\">\r\n                                <input type=\"checkbox\" @click=\"fileFilterDeactive=!fileFilterDeactive\" :checked=\"fileFilterDeactive?true:null\">\r\n                                <span>Deactivated</span>\r\n                            </label>\r\n                        </div>\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                                        <th id=\"columnName\">Name</th>\r\n                                        <th>File Date</th>\r\n                                        <th>Created</th>\r\n                                        <th>Owner</th>\r\n                                        <th>Download</th>\r\n                                        <th>Status</th>\r\n                                    </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                    <tr v-for=\"item in dataFiltered\" :key=\"item.id\">\r\n                                        <td>{{item.FileName}}</td>\r\n                                        <td>{{formatDate(item.SelectedDate,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                        </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 Inventory </MDBModalTitle>\r\n            </MDBModalHeader>\r\n            <MDBModalBody>\r\n                Date of Inventory's file:\r\n                <Datepicker v-model=\"dateUpload\" dark class=\"mb-3\" autoApply>\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: `Inventory`,\r\n        data: function () {\r\n            return {\r\n                dateUpload:null,\r\n                LayoutModel: {},\r\n                data: [],\r\n                dataFiltered: [],\r\n                dataTable:null,\r\n                showUpload: false,\r\n                FileUpload: null,\r\n                fileFilterDeactive: true,\r\n                fileFilterActive: true,\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                'callDownload': 'api/callDownload'\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            formatNumber(n) {                \r\n                return c.formatNumber(n);\r\n            },\r\n            async getAll() {\r\n                this.loading(true);\r\n                \r\n                const rs = await this.call({ Action: 'Inventory/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.doTableFilter();\r\n                }\r\n            },\r\n            async changeStatus(id) {\r\n                this.loading(true);\r\n                const rs = await this.call({ Action: 'Inventory/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.doTableFilter();\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            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: 'Inventory/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            doTableFilter() {\r\n                if (this.dataTable != null) {\r\n                    this.dataTable.destroy();\r\n                }\r\n                this.dataFiltered = [];\r\n                const _this = this;\r\n                for (let i = 0; i < this.data.length; i++) {\r\n                    const item = _.clone(this.data[i]);\r\n                    \r\n                    //do filter\r\n                    if (_this.fileFilterActive && !item.IsDisable\r\n                        || _this.fileFilterDeactive && item.IsDisable) {\r\n                        _this.dataFiltered.push(item);\r\n                    }\r\n                }\r\n                setTimeout(this.doTable, 200);\r\n            },\r\n            doTable() {\r\n                const _this = this;\r\n                \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                \r\n                this.loading(true);\r\n\r\n                const rs = await this.call({ Action: 'Inventory/Upload', Object: { SelectedDate: this.dateUpload }, 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                    this.showUpload = 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        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                \r\n                if (newVal) {\r\n                    this.start();\r\n                }\r\n            },\r\n            fileFilterActive() {\r\n                this.doTableFilter();\r\n            },\r\n            fileFilterDeactive() {\r\n                this.doTableFilter();\r\n            }\r\n        }\r\n    };\r\n</script>\r\n","import { render } from \"./Index.vue?vue&type=template&id=960565a0\"\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=960565a0&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":""}