{"version":3,"sources":["webpack:///./src/views/PeakMonth/Index.vue","webpack:///./src/views/PeakMonth/Index.vue?30e4"],"names":["class","id","width","uib-modal-transclude","data","item","key","Month","Name","LastUpdate","UpdatedBy","type","IsPeak","togglePeak","close","aria-label","ok","cancel","showForm","name","LayoutModel","computed","isCheckedLogin","state","view","methods","checkAcl","action","this","$store","session","acl","includes","$options","checkFullAcl","router","start","getAllUser","loading","call","Action","rs","error","Error","showModal","isShow","title","content","window","history","back","Data","console","log","month","peak","showToast","Object","created","mounted","watch","newVal","__exports__","render"],"mappings":"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","file":"js/chunk-2d0df834.e9e7d7e9.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 \">Peak Month Setup</h1>\r\n            </div>\r\n        </div>\r\n        \r\n        <div>\r\n            \r\n            <table class=\"table table-hover table-bordered\" id=\"datatable\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>Month</th>\r\n                        <th>Name</th>\r\n                        <th>Last Update</th>\r\n                        <th>Updated By</th>\r\n                        <th width=\"10%\">IsPeak</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.Month}}</td>\r\n                        <td>{{item.Name}}</td>\r\n                        <td>{{item.LastUpdate}}</td>\r\n                        <td>{{item.UpdatedBy}}</td>\r\n                        <td>\r\n                            <button type=\"button\" class=\"btn btn-icon px-0\"\r\n                                    @click=\"togglePeak(item.Month,item.IsPeak)\"\r\n                                    :class=\"{'btn-success':item.IsPeak,'btn-danger':!item.IsPeak}\">\r\n                                <i :class=\"{'ion-android-checkmark-circle':item.IsPeak,'ion-android-cancel':!item.IsPeak}\"></i>\r\n                            </button>\r\n                        </td>\r\n\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n\r\n        </div>\r\n\r\n        <div class=\"modal-mask\" v-show=\"showForm\">\r\n            <div class=\"modal-wrapper\">\r\n\r\n                <div class=\"modal-dialog\" >\r\n                    <div class=\"modal-content\" uib-modal-transclude=\"\">\r\n                        <div class=\"modal-content \">\r\n                            <div class=\"modal-header\">\r\n                                <button type=\"button\" class=\"close\" @click=\"close\" aria-label=\"Close\">\r\n                                    <em class=\"ion-ios-close-empty sn-link-close\"></em>\r\n                                </button>\r\n                                <h4 class=\"modal-title\">test</h4>\r\n                            </div>\r\n                            <div class=\"modal-body\">stest</div>\r\n                            <div class=\"modal-footer\">\r\n                                <button type=\"button\" class=\"btn btn-primary\" @click=\"ok\">ok</button>\r\n                                <button type=\"button\" class=\"btn btn-danger\" @click=\"cancel\">Cancel</button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    //https://therichpost.com/vue-3-datatable-with-export-buttons-print-csv-copy-with-dynamic-data/\r\n    //Datatable Modules\r\n    //import \"datatables.net-dt/js/dataTables.dataTables\"\r\n    //import \"datatables.net-dt/css/jquery.dataTables.min.css\"\r\n    //import \"datatables.net-buttons/js/dataTables.buttons.js\"\r\n    //import \"datatables.net-buttons/js/buttons.colVis.js\"\r\n    //import \"datatables.net-buttons/js/buttons.flash.js\"\r\n    //import \"datatables.net-buttons/js/buttons.html5.js\"\r\n    //import \"datatables.net-buttons/js/buttons.print.js\"\r\n    //import $ from 'jquery';\r\n    \r\n\r\n    import { mapState,mapActions } from 'vuex'\r\n    export default {\r\n        name: `PeakMonth`,\r\n        data: function () {\r\n            return {\r\n                LayoutModel: {},\r\n                data: [],\r\n                showForm: false,\r\n            }\r\n        },\r\n        computed: mapState({\r\n            isCheckedLogin: state => state.view.isCheckedLogin,\r\n        }),\r\n        methods: {\r\n            ...mapActions({\r\n                'loading': 'view/setLoading',\r\n                'showModal': 'view/showModal',\r\n                'showToast': 'view/showToast',\r\n                'setGroups': 'user/setGroups',\r\n                \r\n                'call': 'api/call'\r\n            }),\r\n            checkAcl(action) {\r\n                return this.$store.state.session.acl.includes(this.$options.name + \"/\" + action);\r\n            },\r\n            checkFullAcl(router) {\r\n                return this.$store.state.session.acl.includes(router);\r\n            },\r\n            start() {\r\n                this.getAllUser();\r\n                \r\n            },            \r\n            async getAllUser() {\r\n                this.loading(true);\r\n                const rs = await this.call({ Action: 'PeakMonth/List' })\r\n                this.loading(false);\r\n                this.error = rs.Error;\r\n                if (rs.Error != \"\") {\r\n                    //show modal with callback name = loginView to check it whenever modal confirm triggerConfirm\r\n                    this.showModal({ isShow: true, title: 'Error', content: rs.Error, type: 'error' });\r\n                    //no permission                    \r\n                    if (rs.Error.includes(\"Permission Denied\")) {\r\n                        window.history.back();\r\n                    }\r\n                } else {                    \r\n                    this.data = rs.Data;\r\n                    console.log(this.data);\r\n                }\r\n            },\r\n            async togglePeak(month, peak) {\r\n                                \r\n                if (!(this.checkAcl(\"Edit\"))) {\r\n                    this.showToast({ isShow: true, title: '', content: `No permission!`, type: 'error' });\r\n                    return;\r\n                }\r\n                this.loading(true);\r\n                console.log({ Object: { Month: month, IsPeak: !peak } });\r\n                const rs = await this.call({ Action: 'PeakMonth/Edit', Object: { Month: month, IsPeak: !peak } })\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                    this.data[month - 1].IsPeak = !peak;\r\n                    this.showToast({ isShow: true, title: '', content: ` save peak \"${this.data[month - 1].Name}\" successfull`, type: 'success' });\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=689d2588\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}