{"version":3,"sources":["webpack:///./src/models/pagingModel.js","webpack:///./src/pages/quantri/slider/index.vue","webpack:///src/pages/quantri/slider/index.vue","webpack:///./src/pages/quantri/slider/index.vue?391a","webpack:///./src/pages/quantri/slider/index.vue?67c0","webpack:///./src/models/headerModel.js"],"names":["toJson","item","currentPage","totalPages","totalCount","pageSize","hasPrevious","hasNext","fromJson","maxVisibleButtons","baseJson","pagingModel","render","_vm","this","_c","_self","attrs","title","items","staticClass","directives","name","rawName","value","filter","expression","domProps","on","$event","target","composing","$can","showModalSlider","_v","_e","model","callback","$$v","ref","preventDefault","handleSubmitSlider","apply","arguments","modelSlider","file","concat","urlFile","fileId","class","getColorWithExtFile","ext","getIconWithExtFile","_s","fileName","deleteFile","dropzoneOptions","sendingEvent","removeThisFile","uploadFileSlider","staticStyle","pageOptions","perPage","myProvider","fields","sortBy","sortDesc","filterOn","scopedSlots","_u","key","fn","data","index","url","handleUpdate","_id","handleShowDeleteModal","numberOfElement","totalRows","modifiers","showDeleteModal","handleDelete","proxy","staticRenderFns","page","meta","content","appConfig","description","components","Layout","PageHeader","vueDropzone","vue2Dropzone","text","href","active","showModal","showDetail","submitted","headerModel","listRole","pagination","todoTotalRows","todoFilter","todofilterOn","images","loaiAnh","label","tdClass","thClass","thStyle","width","minWidth","listFileSilder","process","acceptedFiles","thumbnailHeight","thumbnailWidth","maxFiles","maxFilesize","headers","addRemoveLinks","image","created","watch","status","val","id","methods","files","response","fileSuccess","console","log","code","path","error","xhr","fileCongViec","JSON","parse","idFile","resultData","x","formData","append","e","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","loader","wrap","_context","prev","next","$loading","show","container","$refs","formContainer","$store","dispatch","message","hide","abrupt","then","res","tblList","refresh","fnGetList","stop","_this2","_callee2","_context2","_this3","_callee3","_context3","ctx","_this4","params","start","limit","loading","promise","resp","length","_this5","_callee4","_this5$$refs$tblList","_context4","_this6","axios","post","catch","component"],"mappings":"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","file":"js/chunk-3cfc7550.9d9e2df6.js","sourcesContent":["const toJson = (item) => {\r\n    return {\r\n        currentPage: item.currentPage,\r\n        totalPages: item.totalPages,\r\n        totalCount: item.totalCount,\r\n        pageSize: item.pageSize,\r\n        hasPrevious: item.hasPrevious,\r\n        hasNext : item.hasNext\r\n    }\r\n}\r\n\r\nconst fromJson = (item) => {\r\n    return {\r\n        currentPage: item.currentPage,\r\n        totalPages: item.totalPages,\r\n        totalCount: item.totalCount,\r\n        pageSize: item.pageSize,\r\n        hasPrevious: item.hasPrevious,\r\n        hasNext : item.hasNext,\r\n        maxVisibleButtons: item.totalPages <= 5 ? item.totalPages: 5\r\n    }\r\n}\r\n\r\nconst baseJson = () => {\r\n    return {\r\n        currentPage: 1,\r\n        totalPages: 0,\r\n        totalCount:0,\r\n        pageSize: 10,\r\n        hasPrevious: false,\r\n        hasNext :false,\r\n        maxVisibleButtons: 5\r\n    }\r\n}\r\n\r\n\r\nexport const pagingModel = {\r\n    toJson, fromJson, baseJson\r\n}","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Layout',[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.items}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"row mb-2\"},[_c('div',{staticClass:\"col-sm-4\"},[_c('div',{staticClass:\"search-box me-2 mb-2 d-inline-block\"},[_c('div',{staticClass:\"position-relative\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.filter),expression:\"filter\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":\"Tìm kiếm ...\"},domProps:{\"value\":(_vm.filter)},on:{\"input\":function($event){if($event.target.composing)return;_vm.filter=$event.target.value}}}),_c('i',{staticClass:\"bx bx-search-alt search-icon\"})])])]),_c('div',{staticClass:\"col-sm-8\"},[_c('div',{staticClass:\"text-sm-end\"},[(_vm.$can('manage-THUVIENANH-655da6ca5d377463faffe794') || _vm.$can('create-THUVIENANH-655da6ca5d377463faffe794'))?_c('b-button',{staticClass:\"btn cs-btn-primary btn-rounded mb-2 me-2\",attrs:{\"type\":\"button\",\"size\":\"sm\"},on:{\"click\":function($event){_vm.showModalSlider = true}}},[_c('i',{staticClass:\"mdi mdi-plus me-1\"}),_vm._v(\" Thêm ảnh \")]):_vm._e(),_c('b-modal',{attrs:{\"title\":\"Thêm ảnh\",\"title-class\":\"text-black font-18\",\"body-class\":\"p-3\",\"hide-footer\":\"\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"size\":\"lg\"},model:{value:(_vm.showModalSlider),callback:function ($$v) {_vm.showModalSlider=$$v},expression:\"showModalSlider\"}},[_c('form',{ref:\"formContainer\",on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSubmitSlider.apply(null, arguments)}}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('label',{staticClass:\"text-left\"},[_vm._v(\"Chọn ảnh (Kích thước 350 x 150) \")]),(_vm.modelSlider.file)?[_c('a',{staticClass:\"ml-25\",attrs:{\"href\":`${_vm.urlFile}/${_vm.modelSlider.file.fileId}`}},[_c('i',{class:`${_vm.getColorWithExtFile(_vm.modelSlider.file.ext)} me-2 ${_vm.getIconWithExtFile(_vm.modelSlider.file.ext)}`}),_vm._v(_vm._s(_vm.modelSlider.file.fileName))]),_c('b-button',{staticClass:\"btn-icon\",attrs:{\"variant\":\"flat-danger\"},on:{\"click\":function($event){return _vm.deleteFile()}}},[_c('i',{staticClass:\"mdi mdi-trash-can-outline\"})])]:_vm._e(),_c('vue-dropzone',{ref:\"myVueDropzone\",attrs:{\"id\":\"dropzone\",\"use-custom-slot\":true,\"options\":_vm.dropzoneOptions},on:{\"vdropzone-sending\":_vm.sendingEvent,\"vdropzone-removed-file\":_vm.removeThisFile,\"vdropzone-success\":_vm.uploadFileSlider}},[_c('div',{staticClass:\"dropzone-custom-content\"},[_c('div',{staticClass:\"mb-1\"},[_c('i',{staticClass:\"display-4 text-muted bx bxs-cloud-upload\"})]),_c('h4',[_vm._v(\"Kéo thả tệp hoặc click vào đây để tải tệp tin.\")])])])],2)]),_c('div',{staticClass:\"text-end pt-2 mt-3\"},[_c('b-button',{staticClass:\"border-0\",attrs:{\"variant\":\"light\"},on:{\"click\":function($event){_vm.showModalSlider = false}}},[_vm._v(\" Đóng \")]),_c('b-button',{staticClass:\"ms-1 cs-btn-primary\",attrs:{\"type\":\"submit\",\"variant\":\"success\"}},[_vm._v(\"Lưu \")])],1)])])],1)])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row mt-4\"},[_c('div',{staticClass:\"col-sm-12 col-md-6\"},[_c('div',{staticClass:\"col-sm-12 d-flex justify-content-left align-items-center\"},[_c('div',{staticClass:\"dataTables_length m-1\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"left\",\"align-items\":\"center\"},attrs:{\"id\":\"tickets-table_length\"}},[_c('div',{staticClass:\"me-1\"},[_vm._v(\"Hiển thị \")]),_c('b-form-select',{staticClass:\"form-select form-select-sm\",staticStyle:{\"width\":\"70px\"},attrs:{\"size\":\"sm\",\"options\":_vm.pageOptions},model:{value:(_vm.perPage),callback:function ($$v) {_vm.perPage=$$v},expression:\"perPage\"}}),_vm._v(\"  \"),_c('div',{staticStyle:{\"width\":\"100px\"}},[_vm._v(\" dòng \")])],1)])])]),_c('div',{staticClass:\"table-responsive mb-0\"},[_c('b-table',{ref:\"tblList\",staticClass:\"datatables table-admin\",attrs:{\"items\":_vm.myProvider,\"fields\":_vm.fields,\"striped\":\"\",\"bordered\":\"\",\"responsive\":\"sm\",\"per-page\":_vm.perPage,\"current-page\":_vm.currentPage,\"sort-by\":_vm.sortBy,\"sort-desc\":_vm.sortDesc,\"filter\":_vm.filter,\"filter-included-fields\":_vm.filterOn,\"primary-key\":\"id\"},on:{\"update:sortBy\":function($event){_vm.sortBy=$event},\"update:sort-by\":function($event){_vm.sortBy=$event},\"update:sortDesc\":function($event){_vm.sortDesc=$event},\"update:sort-desc\":function($event){_vm.sortDesc=$event}},scopedSlots:_vm._u([{key:\"cell(STT)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.index + ((_vm.currentPage-1)*_vm.perPage) + 1)+\" \")]}},{key:\"cell(file)\",fn:function(data){return [_c('b-card-img',{staticClass:\"rounded-0 image-pakn mb-2\",attrs:{\"src\":_vm.url + data.item.file.fileId,\"height\":300,\"width\":300}})]}},{key:\"cell(process)\",fn:function(data){return [(_vm.$can('manage-THUVIENANH-655da6ca5d377463faffe794') || _vm.$can('update-THUVIENANH-655da6ca5d377463faffe794'))?_c('button',{staticClass:\"btn btn-outline btn-sm\",attrs:{\"type\":\"button\",\"size\":\"sm\"},on:{\"click\":function($event){return _vm.handleUpdate(data.item._id)}}},[_c('i',{staticClass:\"fas fa-pencil-alt text-success me-1\"})]):_vm._e(),(_vm.$can('manage-THUVIENANH-655da6ca5d377463faffe794') || _vm.$can('delete-THUVIENANH-655da6ca5d377463faffe794'))?_c('button',{staticClass:\"btn btn-outline btn-sm\",attrs:{\"type\":\"button\",\"size\":\"sm\"},on:{\"click\":function($event){return _vm.handleShowDeleteModal(data.item._id)}}},[_c('i',{staticClass:\"fas fa-trash-alt text-danger me-1\"})]):_vm._e()]}}])})],1),_c('div',{staticClass:\"row\"},[_c('b-col',[_c('div',[_vm._v(\"Hiển thị \"+_vm._s(_vm.numberOfElement)+\" trên tổng số \"+_vm._s(_vm.totalRows)+\" dòng\")])]),_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"dataTables_paginate paging_simple_numbers float-end\"},[_c('ul',{staticClass:\"pagination pagination-rounded mb-0\"},[_c('b-pagination',{attrs:{\"total-rows\":_vm.totalRows,\"per-page\":_vm.perPage},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)])])],1)])]),_c('b-modal',{attrs:{\"centered\":\"\",\"title\":\"Xóa dữ liệu\",\"title-class\":\"font-18\",\"no-close-on-backdrop\":\"\"},scopedSlots:_vm._u([{key:\"modal-footer\",fn:function(){return [_c('button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-close_visit\",modifiers:{\"modal-close_visit\":true}}],staticClass:\"btn btn-outline-info m-1\",on:{\"click\":function($event){_vm.showDeleteModal = false}}},[_vm._v(\" Đóng \")]),_c('button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-close_visit\",modifiers:{\"modal-close_visit\":true}}],staticClass:\"btn btn-danger btn m-1\",on:{\"click\":_vm.handleDelete}},[_vm._v(\" Xóa \")])]},proxy:true}]),model:{value:(_vm.showDeleteModal),callback:function ($$v) {_vm.showDeleteModal=$$v},expression:\"showDeleteModal\"}},[_c('p',[_vm._v(\" Dữ liệu xóa sẽ không được phục hồi! \")])])],1)])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport Layout from \"@/layouts/main\";\r\nimport PageHeader from \"@/components/page-header\";\r\nimport {required} from \"vuelidate/lib/validators\";\r\nimport appConfig from \"@/app.config\";\r\nimport {pagingModel} from \"@/models/pagingModel\";\r\nimport vue2Dropzone from \"vue2-dropzone\";\r\nimport axios from \"axios\";\r\nimport {headerModel} from \"@/models/headerModel\";\r\nimport Multiselect from \"vue-multiselect\";\r\nexport default {\r\n  page: {\r\n    title: \"Quản lý Header\",\r\n    meta: [{name: \"description\", content: appConfig.description}],\r\n  },\r\n  components: {Layout, PageHeader, vueDropzone: vue2Dropzone },\r\n  data() {\r\n    return {\r\n      title: \"Quản lý Header\",\r\n      items: [\r\n        {\r\n          text: \"Header\",\r\n          href: \"\",\r\n          // active: true,\r\n        },\r\n        {\r\n          text: \"Danh sách\",\r\n          active: true,\r\n        }\r\n      ],\r\n      data: [],\r\n      showModal: false,\r\n      showModalSlider: false,\r\n      showDetail: false,\r\n      showDeleteModal: false,\r\n      submitted: false,\r\n      modelSlider: headerModel.baseJson(),\r\n      listRole: [],\r\n      pagination: pagingModel.baseJson(),\r\n      totalRows: 1,\r\n      todoTotalRows: 1,\r\n      currentPage: 1,\r\n      numberOfElement: 1,\r\n      perPage: 10,\r\n      pageOptions: [5, 10, 25, 50, 100],\r\n      filter: null,\r\n      todoFilter: null,\r\n      filterOn: [],\r\n      todofilterOn: [],\r\n      sortBy: \"age\",\r\n      sortDesc: false,\r\n      images: null,\r\n      loaiAnh: [],\r\n      fields: [\r\n        {\r\n          key: 'STT', label: 'STT',\r\n          class: \"text-center td-stt\",\r\n          tdClass: 'align-middle',\r\n          thClass: 'hidden-sortable'\r\n        },\r\n        {\r\n          key: \"file\",\r\n          label: \"Hình ảnh\",\r\n          class: \"text-center\",\r\n          thClass: 'hidden-sortable'\r\n        },\r\n        {\r\n          key: 'process',\r\n          label: 'Xử lý',\r\n          class: \"text-center\",\r\n          thStyle: {width: '100px', minWidth: '60px'},\r\n          thClass: 'hidden-sortable'\r\n        }\r\n      ],\r\n      listFileSilder : [],\r\n      url : `${process.env.VUE_APP_API_URL}filesminio/view/`,\r\n      dropzoneOptions: {\r\n        url: `${process.env.VUE_APP_API_URL}filesminio/UploadFileImage`,\r\n        acceptedFiles: \".jpg,.jpeg,.png,.gif\",\r\n        thumbnailHeight: 100,\r\n        thumbnailWidth: 300,\r\n        maxFiles: 1,\r\n        maxFilesize: 30,\r\n        headers: {\"My-Awesome-Header\": \"header value\"},\r\n        addRemoveLinks: true\r\n      },\r\n      image: \"\",\r\n      file: \"\",\r\n      urlFile:`${process.env.VUE_APP_API_URL}filesminio/view`\r\n    };\r\n  },\r\n\r\n  created() {\r\n    // this.getThongTinSlider();\r\n    const user = {\r\n      id: 1,\r\n      name: 'Victory Osayi',\r\n      is_editor: true,\r\n      is_admin: false,\r\n      // you can have role based permission list or access control list possibly from database\r\n      permissions: [\r\n        'manage-HEADER-654863bd4e06313c529c0109', \r\n        'create-HEADER-654863bd4e06313c529c0109',\r\n        'update-HEADER-654863bd4e06313c529c0109',\r\n        'delete-HEADER-654863bd4e06313c529c0109'\r\n      ]\r\n    }\r\n  },\r\n  watch: {\r\n    showModalSlider(status) {\r\n      if (status == false) this.modelSlider = headerModel.baseJson() ;\r\n    },\r\n    showDeleteModal(val) {\r\n      if (val == false) {\r\n        this.model.id = null;\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    // async getLoaiAnh(){\r\n    //   await this.$store.dispatch(\"commonStore/getAll\",\"DM_LOAIANH\").then((res) => {\r\n    //     console.log(\"LOAI ANH: \", res.data);\r\n    //     this.loaiAnh = res.data;\r\n    //   })\r\n    // },\r\n    uploadFileSlider(files,response) {\r\n      let fileSuccess = response.data;\r\n      console.log('log suscess', response.data)\r\n      if (response.code == 0){\r\n        this.modelSlider.file={\r\n          fileId: fileSuccess.fileId,\r\n          fileName: fileSuccess.fileName,\r\n          ext: fileSuccess.ext,\r\n          path: fileSuccess.path\r\n        };\r\n      }\r\n\r\n    },\r\n    removeThisFile(files, error, xhr) {\r\n      let fileCongViec = JSON.parse(files.xhr.response);\r\n      if (fileCongViec.data && fileCongViec.data.fileId) {\r\n        let idFile = fileCongViec.data.fileId;\r\n        let resultData = this.modelSlider.file.filter(x => {\r\n          return x.fileId != idFile;\r\n        })\r\n        this.modelSlider.file = resultData;\r\n      }\r\n    },\r\n    sendingEvent(file, xhr, formData) {\r\n      formData.append(\"files\", file);\r\n    },\r\n\r\n    // async getThongTinSlider(){\r\n    //   let promise =  this.$store.dispatch(\"headerStore/getAll\")\r\n    //   return promise.then(resp => {\r\n    //     if(resp.data == null){\r\n    //       return []\r\n    //     }else{\r\n    //       if (resp.data != null )\r\n    //       {\r\n    //         this.listFileSilder = []\r\n    //         this.listFileSilder = resp.data;\r\n    //       }\r\n    //     }\r\n    //   })\r\n    // },\r\n\r\n    async handleSubmitSlider(e) {\r\n      e.preventDefault();\r\n      this.submitted = true;\r\n        let loader = this.$loading.show({\r\n          container: this.$refs.formContainer,\r\n        });\r\n        if (\r\n            this.modelSlider._id != 0 &&\r\n            this.modelSlider._id != null &&\r\n            this.modelSlider._id\r\n        ) {\r\n          console.log(\"LOG USER UPDATE NE : \" , this.modelSlider)\r\n          if (this.modelSlider == null || (this.modelSlider != null && this.modelSlider.file == null)) {\r\n            this.$store.dispatch(\"snackBarStore/addNotify\", {\r\n              message: \"Vui lòng chọn hình ảnh trước khi lưu \",\r\n              code: 20,\r\n            });\r\n            loader.hide();\r\n            return;\r\n          }else{\r\n            await this.$store.dispatch(\"headerStore/update\", this.modelSlider).then((res) => {\r\n              if (res.code === 0) {\r\n                this.showModalSlider = false;\r\n                this.modelSlider=headerModel.baseJson()\r\n                this.$refs.tblList.refresh();\r\n              }\r\n              this.$store.dispatch(\"snackBarStore/addNotify\", {\r\n                message: res.message,\r\n                code: res.code,\r\n              });\r\n            });\r\n          }\r\n          // Update model\r\n\r\n        } else {\r\n          // Create model\r\n          console.log(\"LOG USER CREATE NE : \" , this.modelSlider)\r\n          if (this.modelSlider == null || (this.modelSlider != null && this.modelSlider.file == null)) {\r\n            this.$store.dispatch(\"snackBarStore/addNotify\", {\r\n              message: \"Vui lòng chọn hình ảnh trước khi lưu \",\r\n              code: 20,\r\n            });\r\n            loader.hide();\r\n            return;\r\n          }else{\r\n            await this.$store.dispatch(\"headerStore/create\", this.modelSlider).then((res) => {\r\n              if (res.code === 0) {\r\n                this.fnGetList();\r\n                this.showModalSlider = false;\r\n                this.modelSlider=headerModel.baseJson()\r\n              }\r\n              this.$store.dispatch(\"snackBarStore/addNotify\", {\r\n                message: res.message,\r\n                code: res.code,\r\n              });\r\n            });\r\n          }\r\n\r\n        }\r\n        loader.hide();\r\n      this.submitted = false;\r\n    },\r\n    handleShowDeleteModal(id) {\r\n      this.modelSlider._id = id;\r\n      this.showDeleteModal = true;\r\n    },\r\n    async handleDelete() {\r\n      if (this.modelSlider._id != 0 && this.modelSlider._id != null && this.modelSlider._id) {\r\n        await this.$store.dispatch(\"headerStore/delete\",{_id :  this.modelSlider._id}).then((res) => {\r\n          if (res.code===0) {\r\n            this.fnGetList();\r\n            this.modelSlider=headerModel.baseJson()\r\n            this.showDeleteModal = false;\r\n          }\r\n          var a = {\r\n            message: res.message,\r\n            code: res.code\r\n          };\r\n          // console.log(\"LOG A : \" ,a)\r\n          this.$store.dispatch(\"snackBarStore/addNotify\", {\r\n            message: res.message,\r\n            code: res.code\r\n          });\r\n        });\r\n      }\r\n    },\r\n    async handleUpdate(id) {\r\n      await this.$store.dispatch(\"headerStore/getById\", {_id : id}).then((res) => {\r\n        if (res.code===0) {\r\n          console.log(res)\r\n          this.modelSlider = headerModel.toJson(res.data);\r\n          this.showModalSlider = true;\r\n        } else {\r\n          this.$store.dispatch(\"snackBarStore/addNotify\", {\r\n            message: res.message,\r\n            code: res.code,\r\n          });\r\n        }\r\n      });\r\n    },\r\n\r\n    myProvider (ctx) {\r\n      const params = {\r\n        start: ctx.currentPage,\r\n        limit: ctx.perPage,\r\n      }\r\n      this.loading = true\r\n      try {\r\n        let promise =  this.$store.dispatch(\"headerStore/getPagingParams\", params)\r\n        return promise.then(resp => {\r\n          let items = resp.data.data\r\n          this.totalRows = resp.data.totalRows\r\n          this.numberOfElement = resp.data.data.length\r\n          this.loading = false\r\n          return items || []\r\n        })\r\n      } finally {\r\n        this.loading = false\r\n      }\r\n    },\r\n    async fnGetList() {\r\n      this.$refs.tblList?.refresh()\r\n    },\r\n    getColorWithExtFile(ext) {\r\n      if (ext == '.png' || ext == '.jpg'|| ext == '.jpeg' )\r\n        return 'text-danger';\r\n\r\n    },\r\n\r\n    getIconWithExtFile(ext) {\r\n      if (ext == '.png' || ext == '.jpg'|| ext == '.jpeg')\r\n        return 'mdi mdi-file-image-outline';\r\n    },\r\n    deleteFile(id) {\r\n      let resultData = this.modelSlider.file.filter(x => {\r\n        return x.fileId !=id;\r\n      })\r\n      this.modelSlider.file = resultData;\r\n      console.log('log model file remove', this.modelSlider.files)\r\n      axios.post(`${process.env.VUE_APP_API_URL}filesminio/delete/`+id).then((response) => {\r\n        console.log('log model file remove', this.modelSlider.files);\r\n      }).catch((error) => {\r\n        // Handle error here\r\n        console.error('Error deleting file:', error);\r\n      });\r\n    },\r\n\r\n  }\r\n}\r\n</script>\r\n<template>\r\n  <Layout>\r\n    <PageHeader :title=\"title\" :items=\"items\"/>\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <div class=\"row mb-2\">\r\n              <div class=\"col-sm-4\">\r\n                <div class=\"search-box me-2 mb-2 d-inline-block\">\r\n                  <div class=\"position-relative\">\r\n                    <input\r\n                        v-model=\"filter\"\r\n                        type=\"text\"\r\n                        class=\"form-control\"\r\n                        placeholder=\"Tìm kiếm ...\"\r\n                    />\r\n                    <i class=\"bx bx-search-alt search-icon\"></i>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-sm-8\">\r\n                <div class=\"text-sm-end\">\r\n                  <b-button\r\n                      v-if=\"$can('manage-THUVIENANH-655da6ca5d377463faffe794') || $can('create-THUVIENANH-655da6ca5d377463faffe794')\"\r\n                      type=\"button\"\r\n                      class=\"btn cs-btn-primary btn-rounded mb-2 me-2\"\r\n                      size=\"sm\"\r\n                      @click=\"showModalSlider = true\"\r\n                  >\r\n                    <i class=\"mdi mdi-plus me-1\"></i> Thêm ảnh\r\n                  </b-button>\r\n                  <b-modal\r\n                      v-model = \"showModalSlider\"\r\n                      title=\"Thêm ảnh\"\r\n                      title-class=\"text-black font-18\"\r\n                      body-class=\"p-3\"\r\n                      hide-footer\r\n                      centered\r\n                      no-close-on-backdrop\r\n                      size=\"lg\"\r\n                  >\r\n                    <form @submit.prevent=\"handleSubmitSlider\"\r\n                          ref=\"formContainer\"\r\n                    >\r\n                      <div class=\"row\">\r\n                        <div class=\"col-12\" >\r\n                          <label class=\"text-left\">Chọn ảnh (Kích thước 350 x 150) </label>\r\n                          <template  v-if=\"modelSlider.file\" >\r\n                            <a\r\n                                class=\"ml-25\"\r\n                                :href=\"`${urlFile}/${modelSlider.file.fileId}`\"\r\n                            ><i\r\n                                :class=\"`${getColorWithExtFile(modelSlider.file.ext)} me-2 ${getIconWithExtFile(modelSlider.file.ext)}`\"\r\n                            ></i>{{modelSlider.file.fileName }}</a>\r\n                              <b-button\r\n                                  variant=\"flat-danger\"\r\n                                  class=\"btn-icon\"\r\n                                  @click=\"deleteFile()\"\r\n                              >\r\n                                <i class=\"mdi mdi-trash-can-outline\"></i>\r\n                              </b-button>\r\n\r\n                          </template>\r\n                        \r\n                          <vue-dropzone\r\n                              id=\"dropzone\"\r\n                              ref=\"myVueDropzone\"\r\n                              :use-custom-slot=\"true\"\r\n                              :options=\"dropzoneOptions\"\r\n                              v-on:vdropzone-sending=\"sendingEvent\"\r\n                              v-on:vdropzone-removed-file=\"removeThisFile\"\r\n                              v-on:vdropzone-success=\"uploadFileSlider\"\r\n                          >\r\n                            <div class=\"dropzone-custom-content\">\r\n                              <div class=\"mb-1\">\r\n                                <i class=\"display-4 text-muted bx bxs-cloud-upload\"></i>\r\n                              </div>\r\n                              <h4>Kéo thả tệp hoặc click vào đây để tải tệp tin.</h4>\r\n                            </div>\r\n                          </vue-dropzone>\r\n                        </div>\r\n\r\n                      </div>\r\n                      <div class=\"text-end pt-2 mt-3\">\r\n                        <b-button variant=\"light\" @click=\"showModalSlider = false\" class=\"border-0\">\r\n                          Đóng\r\n                        </b-button>\r\n                        <b-button  type=\"submit\" variant=\"success\" class=\"ms-1 cs-btn-primary\">Lưu\r\n                        </b-button>\r\n                      </div>\r\n                    </form>\r\n                  </b-modal>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"row\">\r\n              <div class=\"col-12\">\r\n                <div class=\"row mt-4\">\r\n                  <div class=\"col-sm-12 col-md-6\">\r\n                    <div\r\n                        class=\"col-sm-12 d-flex justify-content-left align-items-center\"\r\n                    >\r\n                      <div\r\n                          id=\"tickets-table_length\"\r\n                          class=\"dataTables_length m-1\"\r\n                          style=\"\r\n                        display: flex;\r\n                        justify-content: left;\r\n                        align-items: center;\r\n                      \"\r\n                      >\r\n                        <div class=\"me-1\" >Hiển thị </div>\r\n                        <b-form-select\r\n                            class=\"form-select form-select-sm\"\r\n                            v-model=\"perPage\"\r\n                            size=\"sm\"\r\n                            :options=\"pageOptions\"\r\n                            style=\"width: 70px\"\r\n                        ></b-form-select\r\n                        >&nbsp;\r\n                        <div style=\"width: 100px\"> dòng </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"table-responsive mb-0\">\r\n                  <b-table\r\n                      class=\"datatables table-admin\"\r\n                      :items=\"myProvider\"\r\n                      :fields=\"fields\"\r\n                      striped\r\n                      bordered\r\n                      responsive=\"sm\"\r\n                      :per-page=\"perPage\"\r\n                      :current-page=\"currentPage\"\r\n                      :sort-by.sync=\"sortBy\"\r\n                      :sort-desc.sync=\"sortDesc\"\r\n                      :filter=\"filter\"\r\n                      :filter-included-fields=\"filterOn\"\r\n                      ref=\"tblList\"\r\n                      primary-key=\"id\"\r\n                  >\r\n                    <template v-slot:cell(STT)=\"data\">\r\n                      {{ data.index + ((currentPage-1)*perPage) + 1  }}\r\n                    </template>\r\n                    <template v-slot:cell(file)=\"data\">\r\n                        <b-card-img\r\n                          :src=\"url + data.item.file.fileId\"\r\n                          class=\"rounded-0 image-pakn mb-2\"\r\n                          :height=\"300\"\r\n                          :width=\"300\"\r\n                      ></b-card-img>\r\n                    </template>\r\n                    <template v-slot:cell(process)=\"data\">\r\n                      <button\r\n                          v-if=\"$can('manage-THUVIENANH-655da6ca5d377463faffe794') || $can('update-THUVIENANH-655da6ca5d377463faffe794')\"\r\n                          type=\"button\"\r\n                          size=\"sm\"\r\n                          class=\"btn btn-outline btn-sm\"\r\n                          v-on:click=\"handleUpdate(data.item._id)\">\r\n                        <i class=\"fas fa-pencil-alt text-success me-1\"></i>\r\n                      </button>\r\n                      <button\r\n                          v-if=\"$can('manage-THUVIENANH-655da6ca5d377463faffe794') || $can('delete-THUVIENANH-655da6ca5d377463faffe794')\"\r\n                          type=\"button\"\r\n                          size=\"sm\"\r\n                          class=\"btn btn-outline btn-sm\"\r\n                          v-on:click=\"handleShowDeleteModal(data.item._id)\">\r\n                        <i class=\"fas fa-trash-alt text-danger me-1\"></i>\r\n                      </button>\r\n                    </template>\r\n                  </b-table>\r\n                </div>\r\n                <div class=\"row\">\r\n                  <b-col>\r\n                    <div>Hiển thị {{numberOfElement}} trên tổng số {{totalRows}} dòng</div>\r\n                  </b-col>\r\n                  <div class=\"col\">\r\n                    <div\r\n                        class=\"dataTables_paginate paging_simple_numbers float-end\">\r\n                      <ul class=\"pagination pagination-rounded mb-0\">\r\n                        <!-- pagination -->\r\n                        <b-pagination\r\n                            v-model=\"currentPage\"\r\n                            :total-rows=\"totalRows\"\r\n                            :per-page=\"perPage\"\r\n                        ></b-pagination>\r\n                      </ul>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n              </div>\r\n            </div>\r\n            <b-modal\r\n                v-model=\"showDeleteModal\"\r\n                centered\r\n                title=\"Xóa dữ liệu\"\r\n                title-class=\"font-18\"\r\n                no-close-on-backdrop\r\n            >\r\n              <p>\r\n                Dữ liệu xóa sẽ không được phục hồi!\r\n              </p>\r\n              <template #modal-footer>\r\n                <button v-b-modal.modal-close_visit\r\n                        class=\"btn btn-outline-info m-1\"\r\n                        v-on:click=\"showDeleteModal = false\">\r\n                  Đóng\r\n                </button>\r\n                <button v-b-modal.modal-close_visit\r\n                        class=\"btn btn-danger btn m-1\"\r\n                        v-on:click=\"handleDelete\">\r\n                  Xóa\r\n                </button>\r\n              </template>\r\n            </b-modal>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </Layout>\r\n</template>\r\n","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=ee9399a0&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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","const toJson = (item) => {\r\n    return {\r\n        _id: item._id,\r\n        file: item.file,\r\n    }\r\n}\r\nconst fromJson = (item) => {\r\n    return {\r\n        _id: item._id,\r\n        file: item.file,\r\n    }\r\n}\r\n\r\nconst baseJson = () => {\r\n    return {\r\n        _id: null,\r\n        file: null,\r\n    }\r\n}\r\n\r\n\r\nexport const  headerModel = {\r\n    toJson, fromJson, baseJson\r\n}\r\n"],"sourceRoot":""}