{"version":3,"sources":["webpack:///./src/views/ImportOrder/Index.vue","webpack:///./src/views/ImportOrder/Index.vue?cad7","webpack:///./src/views/ImportOrder/Index.vue?fdd3"],"names":["class","id","style","title","type","ViewMode","$router","push","checkAcl","data","item","key","Id","Name","formatNumber","Quantity","formatDate2","OrderDate","ReceiveDate","CreatedBy","remove","showUpload","size","dateUpload","range","dark","autoApply","format","calendar-header","index","day","SelectFileUpload","event","UploadInventory","name","LayoutModel","dataProductSold","dataTable","dataTableProductSold","FileUpload","components","Datepicker","MDBModal","MDBModalHeader","MDBModalTitle","MDBModalBody","MDBModalFooter","computed","isCheckedLogin","state","view","methods","action","this","$store","session","acl","includes","$options","checkFullAcl","router","start","getAll","formatDate","dstr","notime","d","Date","n","loading","destroy","call","Action","rs","error","Error","showModal","isShow","content","window","history","back","Data","setTimeout","doTable","Object","showToast","_this","DataTable","responsive","created","mounted","watch","newVal","console","log","__exports__","render"],"mappings":"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","file":"js/chunk-315b114c.69bc0b7a.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 \" 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-default btn-with-icon\" \r\n                                :class=\"{'disabled':ViewMode=='Product'}\"\r\n                                @click=\"$router.push('/ImportOrder/Edit/0')\"\r\n                                    v-show=\"checkAcl('Edit')\"><i class=\"ion-plus\"></i>Create</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>Name</th>\r\n                                        <th>Quantity</th>\r\n                                        <th>Order Date</th>\r\n                                        <th>Receive Date</th>\r\n                                        <th>Created By</th>\r\n                                        <th style=\"width:150px\" v-show=\"checkAcl('Edit')||checkAcl('Remove')\"></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.Name}}</td>\r\n                                        <td>{{formatNumber(item.Quantity)}}</td>\r\n                                        <td>{{formatDate2(item.OrderDate,true)}}</td>\r\n                                        <td>{{formatDate2(item.ReceiveDate,true)}}</td>\r\n                                        <td>{{item.CreatedBy}}</td>\r\n                                        <td v-show=\"checkAcl('Remove')\">\r\n                                            <span class=\"editable-buttons\">   \r\n                                                <button type=\"button\" class=\"btn btn-default btn-with-icon btn-sm\" @click=\"$router.push('/ImportOrder/Edit/'+item.Id)\" title=\"Edit\" v-show=\"checkAcl('Edit')\">\r\n                                                    <i class=\"ion-edit p-1\"></i>\r\n                                                </button>\r\n                                                <button type=\"button\" class=\"btn btn-danger btn-with-icon btn-sm ml-3\" @click=\"remove(item.Id,item.Name)\" title=\"Remove\" v-show=\"checkAcl('Remove')\">\r\n                                                    <i class=\"ion-trash-b p-1\"></i>\r\n                                                </button>\r\n                                            </span>\r\n                                        </td>\r\n                                    </tr>\r\n                                </tbody>\r\n                            </table>\r\n\r\n\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 _ from 'lodash'\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: `ImportOrder`,\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            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: 'ImportOrder/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 = `ImportOrder`;\r\n                    setTimeout(this.doTable, 200);                    \r\n                }\r\n            },\r\n            async remove(id, name) {\r\n\r\n                this.loading(true);\r\n                const rs = await this.call({ Action: 'ImportOrder/Remove', Object: { Id: id } })\r\n                this.loading(false);\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                    _.remove(this.data, function (n) {\r\n                        return n.Id == id;\r\n                    });\r\n                    this.showToast({ title: '', content: `Remove order \"${name}\" successfull.`, type: 'success' });\r\n                }\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            \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=510a89b6\"\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=510a89b6&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=510a89b6&lang=css\""],"sourceRoot":""}