{"version":3,"sources":["webpack:///./src/views/Admin/General/Albums/Add.vue","webpack:///src/views/Admin/General/Albums/Add.vue","webpack:///./src/views/Admin/General/Albums/Add.vue?73f3","webpack:///./src/views/Admin/General/Albums/Add.vue?cc67"],"names":["render","_vm","this","_c","_self","_m","is_load","_l","k","key","attrs","on","$event","preventDefault","mySubmit","apply","arguments","staticClass","_v","_s","error","name","onPicturefile","img_one","staticStyle","_e","picturefile","onMutilPicturefile","img_mutil","length","el","multipicturefiles","editorConfig","onNamespaceLoaded","model","value","content","callback","$$v","expression","name_EN","editorConfig_EN","content_EN","staticRenderFns","data","window","components","Skeleton","SkeletonTheme","mounted","methods","CKEDITOR","plugins","addExternal","alertError","tt","i","Object","values","myForm","document","getElementById","formData","FormData","pair","append","axios","post","my_api","headers","my_header","then","res","status","alert","$router","go","currentRoute","reset","console","log","e","_this","file","target","files","reader","FileReader","onloadend","result","readAsDataURL","arr","keys","forEach","push","component"],"mappings":"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","file":"js/chunk-2d0b36bb.a131c6e3.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_vm._m(0),(!_vm.is_load)?_c('form',{attrs:{\"method\":\"post\",\"id\":\"sendform\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.mySubmit.apply(null, arguments)}}},[_c('div',{staticClass:\"container\"},[_vm._m(1),_c('div',{staticClass:\"tab-content\"},[_c('div',{staticClass:\"container tab-pane active\",attrs:{\"id\":\"home\"}},[_c('br'),_c('div',{},[_c('div',{staticClass:\"col-sm-12\"},[_c('div',{staticClass:\"card\"},[_vm._m(2),_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-10\"},[_c('div',{staticClass:\"form-group\"},[_vm._m(3),_c('input',{staticClass:\"form-control\",attrs:{\"type\":\"text\",\"name\":\"name\"}}),_c('p',{staticClass:\"text-danger\"},[_vm._v(_vm._s(_vm.error.name))])])]),_c('div',{staticClass:\"col-sm-10\"},[_c('div',{staticClass:\"form-group\"},[_vm._m(4),_c('input',{staticClass:\"form-control main_picture\",attrs:{\"type\":\"file\",\"accept\":\"image/*\",\"name\":\"picturefile\"},on:{\"change\":_vm.onPicturefile}}),(_vm.img_one != '')?_c('div',{staticClass:\"view_picture_one\"},[_c('img',{staticStyle:{\"max-width\":\"400px\"},attrs:{\"src\":_vm.img_one}})]):_vm._e(),_c('p',{staticClass:\"text-danger\"},[_vm._v(_vm._s(_vm.error.picturefile))])])]),_c('div',{staticClass:\"col-sm-10\"},[_c('div',{staticClass:\"form-group\"},[_vm._m(5),_c('input',{staticClass:\"form-control main_picture\",attrs:{\"type\":\"file\",\"name\":\"multipicturefiles\",\"multiple\":\"\",\"accept\":\"image/*\"},on:{\"change\":_vm.onMutilPicturefile}}),(_vm.img_mutil.length > 0)?_c('div',{staticClass:\"view_picture_mutil\"},_vm._l((_vm.img_mutil),function(el){return _c('img',{key:el,staticClass:\"mr-3 mt-3\",staticStyle:{\"max-width\":\"200px\"},attrs:{\"src\":el}})}),0):_vm._e(),_c('p',{staticClass:\"text-danger\"},[_vm._v(\" \"+_vm._s(_vm.error.multipicturefiles)+\" \")])])]),_c('div',{staticClass:\"col-sm-10\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"content_EN\"}},[_vm._v(\" Nội dung \")]),_c('ckeditor',{attrs:{\"config\":_vm.editorConfig},on:{\"namespaceloaded\":_vm.onNamespaceLoaded},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}})],1)]),_vm._m(6)])])])])])]),_c('div',{staticClass:\"container tab-pane fade\",attrs:{\"id\":\"menu1\"}},[_c('br'),_c('div',{},[_c('div',{staticClass:\"col-sm-12\"},[_c('div',{staticClass:\"card\"},[_vm._m(7),_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-10\"},[_c('div',{staticClass:\"form-group\"},[_vm._m(8),_c('input',{staticClass:\"form-control\",attrs:{\"type\":\"text\",\"name\":\"name_EN\"}}),_c('p',{staticClass:\"text-danger\"},[_vm._v(_vm._s(_vm.error.name_EN))])])]),_c('div',{staticClass:\"col-sm-10\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"content_EN\"}},[_vm._v(\" Content \")]),_c('ckeditor',{attrs:{\"config\":_vm.editorConfig_EN},on:{\"namespaceloaded\":_vm.onNamespaceLoaded},model:{value:(_vm.content_EN),callback:function ($$v) {_vm.content_EN=$$v},expression:\"content_EN\"}})],1)])])])])])])]),_c('div',{staticClass:\"card-footer\",staticStyle:{\"width\":\"90%\",\"position\":\"fixed\",\"bottom\":\"0\"}},[(!_vm.is_load)?_c('button',{staticClass:\"btn btn-sm btn-primary\",attrs:{\"type\":\"submit\"}},[_c('i',{staticClass:\"fa fa-save\"}),_vm._v(\" Save \")]):_c('h5',[_vm._v(\"Loading...\")])])])])]):_c('div',[_c('SkeletonTheme',_vm._l((5),function(k){return _c('Skeleton',{key:k,attrs:{\"height\":\"100px\"}})}),1)],1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('ol',{staticClass:\"breadcrumb\"},[_c('li',{staticClass:\"breadcrumb-item\"},[_vm._v(\"Trang chủ\")]),_c('li',{staticClass:\"breadcrumb-item\"},[_c('a',{attrs:{\"href\":\"/admin/albums/lists\"}},[_vm._v(\"Quản lý album \")])]),_c('li',{staticClass:\"breadcrumb-item\"},[_vm._v(\"Thêm mới album\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('ul',{staticClass:\"nav nav-tabs\",attrs:{\"role\":\"tablist\"}},[_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link active\",attrs:{\"data-toggle\":\"tab\",\"href\":\"#home\"}},[_vm._v(\"Tiếng Việt \")])]),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"data-toggle\":\"tab\",\"href\":\"#menu1\"}},[_vm._v(\"English \")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card-header\"},[_c('strong',[_vm._v(\"Thông tin \")]),_c('small',[_vm._v(\"Form\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Tên\"),_c('span',{staticClass:\"text-danger\"},[_vm._v(\"*\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('label',{attrs:{\"for\":\"picturefile\"}},[_vm._v(\"Hình ảnh đại diện\"),_c('span',{staticClass:\"text-danger\"},[_vm._v(\"*\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('label',{attrs:{\"for\":\"multipicturefiles\"}},[_vm._v(\"Danh sách Hình ảnh\"),_c('span',{staticClass:\"text-danger\"},[_vm._v(\"*\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"col-sm-10\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Trạng thái \")]),_c('select',{staticClass:\"form-control col-sm-3\",attrs:{\"name\":\"status\"}},[_c('option',{attrs:{\"value\":\"1\"}},[_vm._v(\"Hiện\")]),_c('option',{attrs:{\"value\":\"2\"}},[_vm._v(\"Ẩn\")])])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card-header\"},[_c('strong',[_vm._v(\"Album \")]),_c('small',[_vm._v(\"Form\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('label',{attrs:{\"for\":\"name_EN\"}},[_vm._v(\"Name \"),_c('span',{staticClass:\"text-danger\"},[_vm._v(\"*\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <ol class=\"breadcrumb\">\n      <li class=\"breadcrumb-item\">Trang chủ</li>\n      <li class=\"breadcrumb-item\">\n        <a href=\"/admin/albums/lists\">Quản lý album </a>\n      </li>\n\n      <li class=\"breadcrumb-item\">Thêm mới album</li>\n    </ol>\n\n    <form\n      method=\"post\"\n      @submit.prevent=\"mySubmit\"\n      id=\"sendform\"\n      v-if=\"!is_load\"\n    >\n      <div class=\"container\">\n        <ul class=\"nav nav-tabs\" role=\"tablist\">\n          <li class=\"nav-item\">\n            <a class=\"nav-link active\" data-toggle=\"tab\" href=\"#home\"\n              >Tiếng Việt\n            </a>\n          </li>\n          <li class=\"nav-item\">\n            <a class=\"nav-link\" data-toggle=\"tab\" href=\"#menu1\">English </a>\n          </li>\n        </ul>\n\n        <!-- Tab panes -->\n        <div class=\"tab-content\">\n          <div id=\"home\" class=\"container tab-pane active\">\n            <br />\n            <div class=\"\">\n              <div class=\"col-sm-12\">\n                <div class=\"card\">\n                  <div class=\"card-header\">\n                    <strong>Thông tin </strong>\n                    <small>Form</small>\n                  </div>\n                  <div class=\"card-body\">\n                    <div class=\"row\">\n                      <div class=\"col-sm-10\">\n                        <div class=\"form-group\">\n                          <label for=\"name\"\n                            >Tên<span class=\"text-danger\">*</span></label\n                          >\n                          <input type=\"text\" name=\"name\" class=\"form-control\" />\n                          <p class=\"text-danger\">{{ error.name }}</p>\n                        </div>\n                      </div>\n                      <div class=\"col-sm-10\">\n                        <div class=\"form-group\">\n                          <label for=\"picturefile\"\n                            >Hình ảnh đại diện<span class=\"text-danger\"\n                              >*</span\n                            ></label\n                          >\n                          <input\n                            type=\"file\"\n                            accept=\"image/*\"\n                            name=\"picturefile\"\n                            class=\"form-control main_picture\"\n                            @change=\"onPicturefile\"\n                          />\n\n                          <div class=\"view_picture_one\" v-if=\"img_one != ''\">\n                            <img :src=\"img_one\" style=\"max-width: 400px\" />\n                          </div>\n                          <p class=\"text-danger\">{{ error.picturefile }}</p>\n                        </div>\n                      </div>\n                      <div class=\"col-sm-10\">\n                        <div class=\"form-group\">\n                          <label for=\"multipicturefiles\"\n                            >Danh sách Hình ảnh<span class=\"text-danger\"\n                              >*</span\n                            ></label\n                          >\n                          <input\n                            type=\"file\"\n                            class=\"form-control main_picture\"\n                            name=\"multipicturefiles\"\n                            multiple\n                            accept=\"image/*\"\n                            @change=\"onMutilPicturefile\"\n                          />\n                          <div\n                            class=\"view_picture_mutil\"\n                            v-if=\"img_mutil.length > 0\"\n                          >\n                            <img\n                              v-for=\"el in img_mutil\"\n                              :key=\"el\"\n                              :src=\"el\"\n                              class=\"mr-3 mt-3\"\n                              style=\"max-width: 200px\"\n                            />\n                          </div>\n                          <p class=\"text-danger\">\n                            {{ error.multipicturefiles }}\n                          </p>\n                        </div>\n                      </div>\n                      <div class=\"col-sm-10\">\n                        <div class=\"form-group\">\n                          <label for=\"content_EN\"> Nội dung </label>\n                          <ckeditor\n                            :config=\"editorConfig\"\n                            v-model=\"content\"\n                            @namespaceloaded=\"onNamespaceLoaded\"\n                          ></ckeditor>\n                        </div>\n                      </div>\n                      <div class=\"col-sm-10\">\n                        <div class=\"form-group\">\n                          <label for=\"name\">Trạng thái </label>\n                          <select class=\"form-control col-sm-3\" name=\"status\">\n                            <option value=\"1\">Hiện</option>\n                            <option value=\"2\">Ẩn</option>\n                          </select>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div id=\"menu1\" class=\"container tab-pane fade\">\n            <br />\n            <div class=\"\">\n              <div class=\"col-sm-12\">\n                <div class=\"card\">\n                  <div class=\"card-header\">\n                    <strong>Album </strong>\n                    <small>Form</small>\n                  </div>\n                  <div class=\"card-body\">\n                    <div class=\"row\">\n                      <div class=\"col-sm-10\">\n                        <div class=\"form-group\">\n                          <label for=\"name_EN\"\n                            >Name <span class=\"text-danger\">*</span></label\n                          >\n                          <input\n                            type=\"text\"\n                            name=\"name_EN\"\n                            class=\"form-control\"\n                          />\n                          <p class=\"text-danger\">{{ error.name_EN }}</p>\n                        </div>\n                      </div>\n                      <div class=\"col-sm-10\">\n                        <div class=\"form-group\">\n                          <label for=\"content_EN\"> Content </label>\n                          <ckeditor\n                            :config=\"editorConfig_EN\"\n                            v-model=\"content_EN\"\n                            @namespaceloaded=\"onNamespaceLoaded\"\n                          ></ckeditor>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div\n            class=\"card-footer\"\n            style=\"width: 90%; position: fixed; bottom: 0\"\n          >\n            <button\n              type=\"submit\"\n              class=\"btn btn-sm btn-primary\"\n              v-if=\"!is_load\"\n            >\n              <i class=\"fa fa-save\"></i> Save\n            </button>\n            <h5 v-else>Loading...</h5>\n          </div>\n        </div>\n      </div>\n    </form>\n\n    <div v-else>\n      <SkeletonTheme>\n        <Skeleton height=\"100px\" v-for=\"k in 5\" :key=\"k\"></Skeleton>\n      </SkeletonTheme>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { Skeleton, SkeletonTheme } from \"vue-loading-skeleton\";\nimport axios from \"axios\";\n\nexport default {\n  data() {\n    return {\n      img_one: \"\",\n      content: \"\",\n      content_EN: \"\",\n      img_mutil: [],\n      is_load: false,\n      error: {\n        name: \"\",\n        picturefile: \"\",\n        multipicturefiles: \"\",\n        name_EN: \"\",\n      },\n      editorConfig: window.editorConfig,\n      editorConfig_EN: window.editorConfig_EN,\n    };\n  },\n\n  components: {\n    Skeleton,\n    SkeletonTheme,\n  },\n  mounted() {},\n\n  methods: {\n    onNamespaceLoaded( CKEDITOR ) {\n        CKEDITOR.plugins.addExternal( 'video', '/layout/ckeditor/video/plugin.js' );\n    },\n    alertError() {\n      let tt = \"\";\n      for (let i = 0; i < Object.values(this.error).length; i++) {\n        if (Object.values(this.error)[i]) {\n          tt =\n            tt +\n            \"<ul style='text-align:left;'><li>\" +\n            Object.values(this.error)[i] +\n            \"</li></ul>\";\n        }\n      }\n      return tt;\n    },\n    mySubmit: function () {\n      this.img_one = \"\";\n      this.img_mutil = [];\n      let myForm = document.getElementById(\"sendform\");\n      let formData = new FormData(myForm);\n      for (var pair of formData) {\n        if (pair[0] == \"name\") {\n          if (pair[1] == \"\") {\n            this.error.name = \"Vui lòng nhập tên.\";\n          } else {\n            this.error.name = \"\";\n          }\n        }\n        if (pair[0] == \"picturefile\") {\n          if (pair[1].name == \"\") {\n            this.error.picturefile = \"Vui lòng nhập hình.\";\n          } else {\n            this.error.picturefile = \"\";\n          }\n        }\n        if (pair[0] == \"multipicturefiles\") {\n          if (pair[1].name == \"\") {\n            this.error.multipicturefiles = \"Vui lòng nhập multi picture.\";\n          } else {\n            this.error.multipicturefiles = \"\";\n          }\n        }\n        if (pair[0] == \"name_EN\") {\n          if (pair[1] == \"\") {\n            this.error.name_EN = \"Vui lòng nhập tên - Tiếng Anh.\";\n          } else {\n            this.error.name_EN = \"\";\n          }\n        }\n      }\n      if (\n        this.error.name == \"\" &&\n        this.error.picturefile == \"\" &&\n        this.error.multipicturefiles == \"\" &&\n        this.error.name_EN == \"\"\n      ) {\n        this.is_load = true;\n        formData.append(\"content\", this.content);\n        formData.append(\"content_EN\", this.content_EN);\n        axios\n          .post(window.my_api + \"api/album/create-or-update-album\", formData,\n              {\n                headers: window.my_header\n              }\n          )\n          .then((res) => {\n            if (res.status == 200) {\n              alert(\"Thêm thành công.\");\n               this.$router.go(this.$router.currentRoute);\n              document.getElementById(\"sendform\").reset();\n            } else {\n              alert(\"Thêm không thành công, vui lòng liên hệ admin\");\n            }\n            this.is_load = false;\n          });\n      } else {\n      \n        console.log(this.alertError());\n\n        alert(\"Vui lòng đầy đủ dữ liệu \");\n      }\n    },\n    onPicturefile(e) {\n      let _this = this;\n      var file = e.target.files[0];\n      var reader = new FileReader();\n      reader.onloadend = function () {\n        _this.img_one = reader.result;\n      };\n      reader.readAsDataURL(file);\n    },\n    onMutilPicturefile(e) {\n      let arr = [];\n      let _this = this;\n      Object.keys(e.target.files).forEach((i) => {\n        let file = e.target.files[i];\n        var reader = new FileReader();\n        reader.onloadend = function () {\n          arr.push(reader.result);\n          _this.img_mutil = arr;\n        };\n        reader.readAsDataURL(file);\n      });\n    },\n  },\n};\n</script>","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!./Add.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!./Add.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Add.vue?vue&type=template&id=5fc55999&\"\nimport script from \"./Add.vue?vue&type=script&lang=js&\"\nexport * from \"./Add.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"],"sourceRoot":""}