{"version":3,"sources":["webpack:///./src/views/supervisor/website/blog/Blog.vue?13e2","webpack:///src/views/supervisor/website/blog/Blog.vue","webpack:///./src/views/supervisor/website/blog/Blog.vue?1040","webpack:///./src/views/supervisor/website/blog/Blog.vue","webpack:///./src/views/supervisor/website/blog/Blog.vue?22b3"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","showLoading","staticClass","key","picKey","blog","image","on","$event","$refs","refInputEl","click","_v","ref","inputImageRenderer","model","value","callback","$$v","$set","expression","resetData","saveData","staticRenderFns","components","quillEditor","data","isEdit","originBlog","title","description","details","imageFileName","created","$route","params","id","loadData","methods","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","wrap","_context","prev","next","$http","get","catch","sent","$serverpath","_objectSpread","stop","_this2","_callee2","_context2","post","$router","push","name","t0","console","error","finish","event","_this3","selectedImageFile","target","files","reader","FileReader","onload","e","binaryString","result","readAsDataURL","component"],"mappings":"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","file":"js/chunk-6a8d0f4b.1996f125.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"supervisor-blog\"}},[_c('b-overlay',{attrs:{\"show\":_vm.showLoading,\"spinner-variant\":\"primary\"}},[_c('div',{staticClass:\"row\"},[_c('div',{key:_vm.picKey,staticClass:\"col-md-4\"},[_c('div',{staticClass:\"card\"},[(_vm.isEdit)?_c('img',{staticClass:\"card-img-top\",attrs:{\"src\":_vm.blog.image,\"alt\":\"Blog Image\"}}):_c('img',{staticClass:\"card-img-top\",attrs:{\"src\":_vm.blog.image == '' ? 'https://via.placeholder.com/400x200' : _vm.blog.image,\"alt\":\"Blog Image\"}}),_c('div',{staticClass:\"card-body\"},[_c('b-button',{staticClass:\"mr-50\",attrs:{\"variant\":\"relief-success\"},on:{\"click\":function($event){return _vm.$refs.refInputEl.click()}}},[_c('feather-icon',{staticClass:\"mr-50\",attrs:{\"icon\":\"CloudIcon\"}}),_c('span',{staticClass:\"align-middle\"},[_vm._v(\"Importer\")]),_c('input',{ref:\"refInputEl\",staticClass:\"d-none\",attrs:{\"type\":\"file\"},on:{\"input\":_vm.inputImageRenderer}})],1)],1)])]),_c('div',{staticClass:\"col-md-8\"},[_c('b-card',[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Titre\"}},[_c('b-form-input',{attrs:{\"placeholder\":\"Titre\"},model:{value:(_vm.blog.title),callback:function ($$v) {_vm.$set(_vm.blog, \"title\", $$v)},expression:\"blog.title\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Description\"}},[_c('b-form-input',{attrs:{\"placeholder\":\"Description\"},model:{value:(_vm.blog.description),callback:function ($$v) {_vm.$set(_vm.blog, \"description\", $$v)},expression:\"blog.description\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('quill-editor',{model:{value:(_vm.blog.details),callback:function ($$v) {_vm.$set(_vm.blog, \"details\", $$v)},expression:\"blog.details\"}})],1)],1)],1)],1)]),_c('hr'),_c('b-row',[_c('b-col',{staticClass:\"text-right\",attrs:{\"cols\":\"12\"}},[_c('b-button',{staticClass:\"mr-4\",attrs:{\"variant\":\"relief-warning\"},on:{\"click\":_vm.resetData}},[_c('feather-icon',{staticClass:\"mr-50\",attrs:{\"icon\":\"RefreshCwIcon\"}}),_c('span',{staticClass:\"align-middle\"},[_vm._v(\"Reset\")])],1),_c('b-button',{attrs:{\"variant\":\"relief-success\"},on:{\"click\":_vm.saveData}},[_c('feather-icon',{staticClass:\"mr-50\",attrs:{\"icon\":\"PocketIcon\"}}),_c('span',{staticClass:\"align-middle\"},[_vm._v(\"Save\")])],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div id=\"supervisor-blog\">\r\n\r\n        <b-overlay :show=\"showLoading\" spinner-variant=\"primary\">\r\n\r\n            <div class=\"row\">\r\n\r\n                <div class=\"col-md-4\" :key=\"picKey\">\r\n                    <div class=\"card\">\r\n                        <img v-if=\"isEdit\" :src=\"blog.image\" class=\"card-img-top\" alt=\"Blog Image\">\r\n                        <img v-else :src=\"blog.image == '' ? 'https://via.placeholder.com/400x200' : blog.image\"\r\n                            class=\"card-img-top\" alt=\"Blog Image\">\r\n                        <div class=\"card-body\">\r\n                            <b-button variant=\"relief-success\" class=\"mr-50\" @click=\"$refs.refInputEl.click()\">\r\n                                <feather-icon icon=\"CloudIcon\" class=\"mr-50\" />\r\n                                <span class=\"align-middle\">Importer</span>\r\n                                <input ref=\"refInputEl\" type=\"file\" class=\"d-none\" @input=\"inputImageRenderer\">\r\n                            </b-button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-8\">\r\n                    <b-card>\r\n                        <b-row>\r\n                            <b-col cols=\"12\">\r\n                                <b-form-group label=\"Titre\">\r\n                                    <b-form-input v-model=\"blog.title\" placeholder=\"Titre\" />\r\n                                </b-form-group>\r\n                            </b-col>\r\n                            <b-col cols=\"12\">\r\n                                <b-form-group label=\"Description\">\r\n                                    <b-form-input v-model=\"blog.description\" placeholder=\"Description\" />\r\n                                </b-form-group>\r\n                            </b-col>\r\n                            <b-col cols=\"12\">\r\n                                <quill-editor v-model='blog.details'></quill-editor>\r\n                            </b-col>\r\n                        </b-row>\r\n                    </b-card>\r\n                </div>\r\n            </div>\r\n\r\n            <hr>\r\n\r\n            <b-row>\r\n                <b-col cols=\"12\" class=\"text-right\">\r\n                    <b-button variant=\"relief-warning\" class=\"mr-4\" @click=\"resetData\">\r\n                        <feather-icon icon=\"RefreshCwIcon\" class=\"mr-50\" />\r\n                        <span class=\"align-middle\">Reset</span>\r\n                    </b-button>\r\n                    <b-button variant=\"relief-success\" @click=\"saveData\">\r\n                        <feather-icon icon=\"PocketIcon\" class=\"mr-50\" />\r\n                        <span class=\"align-middle\">Save</span>\r\n                    </b-button>\r\n                </b-col>\r\n            </b-row>\r\n\r\n        </b-overlay>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport 'quill/dist/quill.core.css';\r\nimport 'quill/dist/quill.snow.css';\r\nimport 'quill/dist/quill.bubble.css';\r\nimport {\r\n    quillEditor\r\n} from 'vue-quill-editor';\r\n\r\nexport default {\r\n    components: {\r\n        quillEditor\r\n    },\r\n    data() {\r\n        return {\r\n            isEdit: false,\r\n            picKey: 0,\r\n            showLoading: false,\r\n            originBlog: {\r\n                image: \"\",\r\n                title: \"\",\r\n                description: \"\",\r\n                details: \"\",\r\n                imageFileName: \"\"\r\n            },\r\n            blog: {\r\n                image: \"\",\r\n                title: \"\",\r\n                description: \"\",\r\n                details: \"\",\r\n                imageFileName: \"\"\r\n            }\r\n        }\r\n    },\r\n    created() {\r\n        if (this.$route.params.id) {\r\n            this.isEdit = true;\r\n            this.loadData();\r\n        }\r\n    },\r\n    methods: {\r\n        async loadData() {\r\n            this.showLoading = true;\r\n            let response = await this.$http.get(\"blog/\" + this.$route.params.id).catch(() => this.showLoading = false);\r\n            response.data.image = this.$serverpath + response.data.image;\r\n            this.originBlog = response.data;\r\n            this.blog = { ...this.originBlog };\r\n            this.showLoading = false;\r\n        },\r\n        resetData() {\r\n            this.blog = { ...this.originBlog };\r\n        },\r\n        async saveData() {\r\n            this.showLoading = true;\r\n            try {\r\n                await this.$http.post(\"blog\", this.blog);\r\n                this.$router.push({ name: \"supervisor-website-blog-list\" });\r\n            } catch (error) {\r\n                // Handle the error and stop further execution\r\n                console.error(error);\r\n            } finally {\r\n                // Hide the loading indicator regardless of success or failure\r\n                this.showLoading = false;\r\n            }\r\n        },\r\n        inputImageRenderer(event) {\r\n            // Assuming event.target.files[0] is the selected image file\r\n            const selectedImageFile = event.target.files[0];\r\n            this.blog.imageFileName = selectedImageFile.name;\r\n            if (selectedImageFile) {\r\n                const reader = new FileReader();\r\n                reader.onload = (e) => {\r\n                    // Update the avatar source when a new image is selected\r\n                    const binaryString = e.target.result;\r\n                    // console.log(binaryString)\r\n                    // let filestring = btoa(binaryString);\r\n                    // console.log(filestring)\r\n                    this.blog.image = binaryString;\r\n                    // let filestring = btoa(binaryString);\r\n                    this.picKey += 1;\r\n                };\r\n                reader.readAsDataURL(selectedImageFile);\r\n            }\r\n        },\r\n    },\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.header-image {\r\n    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('~@/assets/images/website/page-header-bg.jpg') no-repeat center center;\r\n    background-size: cover;\r\n    color: white;\r\n    padding: 50px 0;\r\n}\r\n\r\n.actuality {\r\n    padding: 50px;\r\n}\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Blog.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Blog.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Blog.vue?vue&type=template&id=39159f34&scoped=true\"\nimport script from \"./Blog.vue?vue&type=script&lang=js\"\nexport * from \"./Blog.vue?vue&type=script&lang=js\"\nimport style0 from \"./Blog.vue?vue&type=style&index=0&id=39159f34&prod&scoped=true&lang=css\"\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  \"39159f34\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Blog.vue?vue&type=style&index=0&id=39159f34&prod&scoped=true&lang=css\""],"sourceRoot":""}