{"version":3,"sources":["webpack:///./src/components/files/Upload.vue?db2c","webpack:///./src/views/screens/briefings/BriefingDraftConclusionCreate.vue?6379","webpack:///src/views/screens/briefings/BriefingDraftConclusionCreate.vue","webpack:///./src/views/screens/briefings/BriefingDraftConclusionCreate.vue?4b9c","webpack:///./src/views/screens/briefings/BriefingDraftConclusionCreate.vue","webpack:///./src/components/files/Upload.vue?ceb6","webpack:///src/components/files/Upload.vue","webpack:///./src/components/files/Upload.vue?3c08","webpack:///./src/components/files/Upload.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","directives","name","rawName","value","expression","model","body","callback","$$v","$set","_s","errors","first","month","months","on","$event","displayUploadDialog","$router","back","add","scopedSlots","_u","key","fn","proxy","$refs","uploadDialog","uploadFiles","uploadDone","dialog","ref","staticRenderFns","component","type","size","onBeforeDelete","filesSelected","fileRecords","item","data","fileIds","join"],"mappings":"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","file":"js/chunk-9528b852.98ecdf7e.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Upload.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"briefing-draft-create\"},[_c('CCard',[_c('CCardHeader',[_c('span',{staticClass:\"card-header-title\"},[_vm._v(\"Thêm dự thảo kết luận\")])]),_c('CCardBody',[_c('CRow',{staticClass:\"mb-2\"},[_c('CCol',{attrs:{\"md\":\"12\"}},[_c('CInput',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"label\":\"Tên dự thảo kết luận (*)\",\"name\":\"Tên dự thảo\",\"placeholder\":\"Điền tiêu đề dự thảo kết luận giao ban\"},model:{value:(_vm.body.content),callback:function ($$v) {_vm.$set(_vm.body, \"content\", $$v)},expression:\"body.content\"}}),_c('span',{staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"Tên dự thảo\")))])],1)],1),_c('CRow',{staticClass:\"mb-2\"},[_c('CCol',{attrs:{\"md\":\"3\"}},[_c('CInput',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"type\":\"number\",\"label\":\"Năm (*)\",\"name\":\"Năm\"},model:{value:(_vm.body.year),callback:function ($$v) {_vm.$set(_vm.body, \"year\", $$v)},expression:\"body.year\"}}),_c('span',{staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first(\"Năm\")))])],1),_c('CCol',{attrs:{\"md\":\"3\"}},[_c('CSelect',{attrs:{\"value\":_vm.body.month,\"label\":\"Tháng\",\"options\":_vm.months},on:{\"update:value\":function($event){return _vm.$set(_vm.body, \"month\", $event)}}})],1),_c('CCol',{attrs:{\"md\":\"3\"}},[_c('span',[_vm._v(\"File đính kèm (*)\")]),_c('vs-button',{staticClass:\"mt-2 ml-0\",attrs:{\"square\":\"\",\"danger\":\"\"},on:{\"click\":_vm.displayUploadDialog}},[_c('i',{staticClass:\"bx bx-cloud-upload\"}),_vm._v(\"   Chọn files\")])],1)],1)],1),_c('CCardFooter',[_c('CRow',[_c('CCol',{attrs:{\"md\":\"12\"}},[_c('div',{staticClass:\"text-center\"},[_c('vs-button',{staticClass:\"d-inline custom_btn_search\",attrs:{\"square\":\"\",\"danger\":\"\"},on:{\"click\":function($event){return _vm.$router.back()}}},[_c('i',{staticClass:\"bx bx-left-arrow-alt\"}),_vm._v(\"  Quay lại\")]),_c('vs-button',{staticClass:\"d-inline\",attrs:{\"square\":\"\"},on:{\"click\":_vm.add}},[_c('i',{staticClass:\"bx bxs-save\"}),_vm._v(\"  Thêm mới\")])],1)])],1)],1)],1),_c('vs-dialog',{attrs:{\"prevent-close\":\"\",\"width\":\"600px\",\"scroll\":\"\",\"overflow-hidden\":\"\"},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('h4',{staticClass:\"not-margin\"},[_c('b',[_vm._v(\"Tải lên\")])])]},proxy:true},{key:\"footer\",fn:function(){return [_c('div',{staticClass:\"con-footer flex flex-end\"},[_c('vs-button',{attrs:{\"square\":\"\",\"success\":\"\"},on:{\"click\":function($event){return _vm.$refs.uploadDialog.uploadFiles()}}},[_c('i',{staticClass:\"bx bx-cloud-upload\"}),_vm._v(\"   Bắt đầu tải\")]),_c('vs-button',{attrs:{\"square\":\"\",\"danger\":\"\"},on:{\"click\":_vm.uploadDone}},[_c('i',{staticClass:\"bx bx-save\"}),_vm._v(\"   Xong\")])],1)]},proxy:true}]),model:{value:(_vm.dialog.active),callback:function ($$v) {_vm.$set(_vm.dialog, \"active\", $$v)},expression:\"dialog.active\"}},[_c('UploadFile',{ref:\"uploadDialog\"})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport { mapActions } from \"vuex\";\r\nimport ClientFactory from \"@/api/ClientFactory\";\r\nconst api = ClientFactory.get(\"briefingDraft\");\r\nimport UploadFile from '../../../components/files/Upload.vue';\r\nexport default {\r\n    components: {\r\n        UploadFile,\r\n    },\r\n    data: () => ({\r\n        body: {\r\n            content: \"\",\r\n            month: new Date().getMonth() + 1,\r\n            year: new Date().getFullYear(),\r\n            status: 1,\r\n            file_id: []\r\n        },\r\n        dialog: {\r\n            active: false\r\n        }\r\n    }),\r\n    computed:{\r\n        months() {\r\n            return [\r\n                {\r\n                    label: \"Tháng 1\",\r\n                    value: 1,\r\n                },\r\n                {\r\n                    label: \"Tháng 2\",\r\n                    value: 2,\r\n                },\r\n                {\r\n                    label: \"Tháng 3\",\r\n                    value: 3,\r\n                },\r\n                {\r\n                    label: \"Tháng 4\",\r\n                    value: 4,\r\n                },\r\n                {\r\n                    label: \"Tháng 5\",\r\n                    value: 5,\r\n                },\r\n                {\r\n                    label: \"Tháng 6\",\r\n                    value: 6,\r\n                },\r\n                {\r\n                    label: \"Tháng 7\",\r\n                    value: 7,\r\n                },\r\n                {\r\n                    label: \"Tháng 8\",\r\n                    value: 8,\r\n                },\r\n                {\r\n                    label: \"Tháng 9\",\r\n                    value: 9,\r\n                },\r\n                {\r\n                    label: \"Tháng 10\",\r\n                    value: 10,\r\n                },\r\n                {\r\n                    label: \"Tháng 11\",\r\n                    value: 11,\r\n                },\r\n                {\r\n                    label: \"Tháng 12\",\r\n                    value: 12,\r\n                },\r\n            ]\r\n        }\r\n    },\r\n    methods: {\r\n        ...mapActions(\"ui\", [\"loading\", \"closeLoading\", \"notify\"]),\r\n        validator() {\r\n            return (\r\n                !this.errors.any() &&\r\n                this.body.content !== \"\" &&\r\n                this.body.year !== \"\"\r\n            );\r\n        },\r\n        async add() {\r\n            console.log(this.body)\r\n            this.$validator.validateAll();\r\n            if (!this.validator()) {\r\n                return this.notify({\r\n                    error: true,\r\n                    text: \"Dữ liệu không hợp lệ. Kiểm tra lại các trường bắt buộc\",\r\n                });\r\n            }\r\n            if(this.body.file_id.length == 0) {\r\n                return this.notify({\r\n                    error: true,\r\n                    text: 'Tệp tin đính kèm là bắt buộc',\r\n                });\r\n            }\r\n            const {error, data} = await api.add(this.body);\r\n            if (typeof error !== \"undefined\" || data.status === \"failed\") {\r\n                this.closeLoading();\r\n                return this.notify({\r\n                    error: true,\r\n                    text: error || data.message,\r\n                });\r\n            } else {\r\n                this.$router.back();\r\n                this.closeLoading();\r\n                return this.notify({\r\n                    text: \"Thêm mới dữ liệu thành công\",\r\n                });\r\n            }\r\n\r\n        },\r\n        displayUploadDialog() {\r\n            this.dialog.active = true;\r\n        },\r\n        uploadDone() {\r\n            this.dialog.active = false;\r\n            this.body.file_id = this.$refs.uploadDialog.fileIds.map(f=> parseInt(f));\r\n        },\r\n    },\r\n    destroyed() {\r\n        this.closeLoading();\r\n    },\r\n}\r\n</script>\r\n\r\n<template>\r\n    <div class=\"briefing-draft-create\">\r\n        <CCard>\r\n             <CCardHeader>\r\n                <span class=\"card-header-title\">Thêm dự thảo kết luận</span>\r\n            </CCardHeader>\r\n             <CCardBody>\r\n                 <CRow class=\"mb-2\">\r\n                    <CCol md=\"12\">\r\n                        <CInput\r\n                            v-model=\"body.content\"\r\n                            label=\"Tên dự thảo kết luận (*)\"\r\n                            v-validate=\"'required'\"\r\n                            name=\"Tên dự thảo\"\r\n                            placeholder=\"Điền tiêu đề dự thảo kết luận giao ban\"\r\n                        />\r\n                        <span class=\"text-danger text-sm\">{{\r\n                            errors.first(\"Tên dự thảo\")\r\n                        }}</span>\r\n                    </CCol>\r\n                </CRow>\r\n                <CRow class=\"mb-2\">\r\n                    <CCol md=\"3\">\r\n                        <CInput\r\n                            v-model=\"body.year\"\r\n                            type=\"number\"\r\n                            label=\"Năm (*)\"\r\n                            v-validate=\"'required'\"\r\n                            name=\"Năm\"\r\n                        />\r\n                        <span class=\"text-danger text-sm\">{{\r\n                            errors.first(\"Năm\")\r\n                        }}</span>\r\n                    </CCol>\r\n                    <CCol md=\"3\">\r\n                        <CSelect\r\n                            :value.sync=\"body.month\"\r\n                            label=\"Tháng\"\r\n                            :options=\"months\"\r\n                        />\r\n                    </CCol>\r\n                    <CCol md=\"3\">\r\n                        <span>File đính kèm (*)</span>\r\n\t\t\t\t\t\t<vs-button class=\"mt-2 ml-0\" square danger @click=\"displayUploadDialog\"><i class=\"bx bx-cloud-upload\"></i> &nbsp; Chọn files</vs-button>\r\n\t\t\t\t\t\t<!-- <span v-if=\"this.body.file_id.length > 0\" style=\"color: #2eb85c\" class=\"small\">Đã tải lên {{this.body.file_id.length}} tệp tin</span> -->\r\n                    </CCol>\r\n                </CRow>\r\n             </CCardBody>\r\n             <CCardFooter>\r\n                 <CRow>\r\n                    <CCol md=\"12\">\r\n                        <div class=\"text-center\">\r\n                            <vs-button\r\n                                class=\"d-inline custom_btn_search\"\r\n                                square\r\n                                danger\r\n                                @click=\"$router.back()\"\r\n                                ><i class='bx bx-left-arrow-alt'></i>&nbsp; Quay lại</vs-button\r\n                            >\r\n                            <vs-button class=\"d-inline\" square @click=\"add\"\r\n                                ><i class='bx bxs-save'></i>&nbsp; Thêm mới</vs-button\r\n                            >\r\n                            \r\n                        </div>\r\n                    </CCol>\r\n                </CRow>\r\n\r\n             </CCardFooter>\r\n        </CCard>\r\n        <vs-dialog prevent-close width=\"600px\" scroll overflow-hidden v-model=\"dialog.active\">\r\n            <template #header>\r\n                <h4 class=\"not-margin\">\r\n                <b>Tải lên</b>\r\n                </h4>\r\n            </template>\r\n            <UploadFile ref=\"uploadDialog\"/>\r\n            <template #footer>\r\n                <div class=\"con-footer flex flex-end\">\r\n                    <vs-button square success @click=\"$refs.uploadDialog.uploadFiles()\"><i class=\"bx bx-cloud-upload\"></i> &nbsp; Bắt đầu tải</vs-button>\r\n                    <vs-button square danger @click=\"uploadDone\"><i class=\"bx bx-save\"></i> &nbsp; Xong</vs-button>\r\n                </div>\r\n            </template>\r\n        </vs-dialog>\r\n    </div>\r\n</template>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BriefingDraftConclusionCreate.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BriefingDraftConclusionCreate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BriefingDraftConclusionCreate.vue?vue&type=template&id=5814268c&\"\nimport script from \"./BriefingDraftConclusionCreate.vue?vue&type=script&lang=js&\"\nexport * from \"./BriefingDraftConclusionCreate.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"upload-file-component\"},[_c('VueFileAgent',{ref:\"vueFileAgent\",attrs:{\"theme\":'list',\"multiple\":true,\"deletable\":true,\"maxSize\":'50MB',\"maxFiles\":10,\"helpText\":'Click vào đây để chọn file tải lên',\"errorText\":{\n            type: 'Loại file không được hỗ trợ',\n            size: 'Kích thước file tải lên quá lớn, vượt giới hạn 100 MB',\n        }},on:{\"beforedelete\":function($event){return _vm.onBeforeDelete($event)},\"select\":function($event){return _vm.filesSelected($event)}},model:{value:(_vm.fileRecords),callback:function ($$v) {_vm.fileRecords=$$v},expression:\"fileRecords\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport { mapState } from \"vuex\";\r\nimport Client from \"../../api/AxiosClient\";\r\n\r\nexport default {\r\n    data: () => ({\r\n        fileRecords: [],\r\n        fileRecordsForUpload: [], // maintain an upload queue\r\n        uploadUrl: `${Client.defaults.baseURL}/private/files`,\r\n        uploadHeaders: { 'x-access-token': localStorage.getItem('accessToken') ? localStorage.getItem('accessToken').toString() : ''},\r\n        fileIds: []\r\n\r\n    }),\r\n    methods: {\r\n        async uploadFiles() {\r\n            this.$refs.vueFileAgent.upload(this.uploadUrl, this.uploadHeaders, this.fileRecordsForUpload, function createFormData(fileData){\r\n                var formData = new FormData();\r\n                formData.append('files', fileData.file); // this is important! - the actual file for upload\r\n                return formData; // edit: fixed. Thanks to Chauhan-Nitesh for the comment below\r\n            }).then(response => {\r\n                this.fileIds = response.map(item => {\r\n                    return item.data.fileIds.join(',')\r\n                })\r\n                \r\n            }).catch(e => {\r\n                console.log(e)\r\n            });\r\n           \r\n        },\r\n        onBeforeDelete: function (fileRecord) {\r\n            var i = this.fileRecordsForUpload.indexOf(fileRecord);\r\n            if (i !== -1) {\r\n            // queued file, not yet uploaded. Just remove from the arrays\r\n            this.fileRecordsForUpload.splice(i, 1);\r\n            var k = this.fileRecords.indexOf(fileRecord);\r\n            if (k !== -1) this.fileRecords.splice(k, 1);\r\n            } else {\r\n                this.$refs.vueFileAgent.deleteFileRecord(fileRecord); // will trigger 'delete' event\r\n            }\r\n        },\r\n        filesSelected: function (fileRecordsNewlySelected) {\r\n            var validFileRecords = fileRecordsNewlySelected.filter((fileRecord) => !fileRecord.error);\r\n            this.fileRecordsForUpload = this.fileRecordsForUpload.concat(validFileRecords);\r\n        },\r\n        done: function() {\r\n            console.log('done')\r\n            console.log(this.fileIds)\r\n        }\r\n\r\n    },\r\n    computed: {\r\n        ...mapState(\"auth\", [\"AppActiveUser\"]),\r\n    },\r\n    \r\n}\r\n</script>\r\n<template>\r\n    <div class=\"upload-file-component\">\r\n        <VueFileAgent\r\n            ref=\"vueFileAgent\"\r\n            :theme=\"'list'\"\r\n            :multiple=\"true\"\r\n            :deletable=\"true\"\r\n            :maxSize=\"'50MB'\"\r\n            :maxFiles=\"10\"\r\n            :helpText=\"'Click vào đây để chọn file tải lên'\"\r\n            :errorText=\"{\r\n                type: 'Loại file không được hỗ trợ',\r\n                size: 'Kích thước file tải lên quá lớn, vượt giới hạn 100 MB',\r\n            }\"\r\n            @beforedelete=\"onBeforeDelete($event)\"\r\n            @select=\"filesSelected($event)\"\r\n            v-model=\"fileRecords\"\r\n        />\r\n        <!-- <CRow class=\"center\">\r\n            <vs-button square success :disabled=\"!fileRecordsForUpload.length\" @click=\"uploadFiles()\"><i class=\"bx bx-save\"></i> &nbsp; Bắt đầu tải {{ fileRecordsForUpload.length }} files</vs-button>\r\n            <vs-button square danger @click=\"done\"><i class=\"bx bx-save\"></i> &nbsp; Xong</vs-button>\r\n        </CRow> -->\r\n        \r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .upload-file-component {\r\n        .vue-file-agent .file-progress.file-progress-done {\r\n            width: calc(100% - 55px) !important;\r\n            border-radius: 0;\r\n        }\r\n        .vue-file-agent.file-input-wrapper {\r\n            min-height: 200px;\r\n        }\r\n    }\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Upload.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Upload.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Upload.vue?vue&type=template&id=17df494b&\"\nimport script from \"./Upload.vue?vue&type=script&lang=js&\"\nexport * from \"./Upload.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Upload.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}