{"version":3,"sources":["webpack:///./src/pages/kySoPhapLy/thietLapKySo.vue?9cef","webpack:///src/pages/kySoPhapLy/thietLapKySo.vue","webpack:///./src/pages/kySoPhapLy/thietLapKySo.vue?3c6e","webpack:///./src/pages/kySoPhapLy/thietLapKySo.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","ref","dropzoneOptions","on","removeThisFile","addThisFile","staticStyle","infoFile","pathUrl","_e","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACA,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,KAAK,CAACE,YAAY,uCAAuC,CAACN,EAAIO,GAAG,iBAAiBH,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACI,MAAM,CAAC,IAAM,KAAK,CAACR,EAAIO,GAAG,2BAA2BH,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACN,EAAIO,GAAG,yBAAyBH,EAAG,eAAe,CAACK,IAAI,gBAAgBD,MAAM,CAAC,GAAK,WAAW,mBAAkB,EAAK,QAAUR,EAAIU,iBAAiBC,GAAG,CAAC,yBAAyBX,EAAIY,eAAe,oBAAoBZ,EAAIa,cAAc,CAACT,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,IAAI,CAACE,YAAY,2CAA2CQ,YAAY,CAAC,YAAY,UAAUV,EAAG,KAAK,CAACJ,EAAIO,GAAG,wDAAwD,KAAMP,EAAW,QAAEI,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,gBAAgB,CAACI,MAAM,CAAC,KAAOR,EAAIe,SAAS,IAAO,GAAKf,EAAIgB,YAAa,GAAGhB,EAAIiB,UACllCC,EAAkB,G,2FCwEtB,G,UAAA,CACA,oBACA,MACA,cACA,mDAEA,YACA,qBACA,cACA,iBAGA,UACA,QADA,WAEA,wCACA,cACA,+CAIA,MAEA,SAVA,WAWA,mBACA,cACA,cAEA,OAGA,KA9BA,WA+BA,OACA,cACA,OACA,CACA,iBACA,UAEA,CACA,uBACA,YAGA,2CACA,kEACA,iBACA,kEACA,mBACA,oBACA,WACA,eACA,6CACA,kBACA,sBAEA,WACA,oBAGA,SACA,eADA,SACA,OACA,iBAEA,YAJA,SAIA,MACA,0CACA,eAEA,aAEA,gBACA,CACA,YACA,oBACA,UACA,kBCnJ0gB,I,YCOtgBC,EAAY,eACd,EACApB,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-2d0f14f6.fb211341.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Layout',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4 mb-3\"},[_c('div',{staticClass:\"card mb-2\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 p-3\"},[_c('h4',{staticClass:\"font-size-18 fw-bold text-dark ms-2\"},[_vm._v(\"Ký số\")])])])]),_c('div',{staticClass:\"card p-3\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Tải tệp tin cần ký số\")]),_c('div',{staticClass:\"mb-2 text-danger\"},[_vm._v(\"Lưu ý: Tệp tin pdf \")]),_c('vue-dropzone',{ref:\"myVueDropzone\",attrs:{\"id\":\"dropzone\",\"use-custom-slot\":true,\"options\":_vm.dropzoneOptions},on:{\"vdropzone-removed-file\":_vm.removeThisFile,\"vdropzone-success\":_vm.addThisFile}},[_c('div',{staticClass:\"dropzone-custom-content\"},[_c('i',{staticClass:\"display-1 text-muted bx bxs-cloud-upload\",staticStyle:{\"font-size\":\"70px\"}}),_c('h4',[_vm._v(\" Kéo thả tệp tin hoặc bấm vào để tải tệp tin \")])])])],1)]),(_vm.pathUrl)?_c('div',{staticClass:\"col-md-8 ps-md-0\"},[_c('PdfEditorTest',{attrs:{\"file\":_vm.infoFile,\"pdf\":(\"\" + _vm.pathUrl)}})],1):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\n  <Layout>\n<!--    <PageHeader :title=\"title\" :items=\"items\"/>-->\n    <div class=\"row\">\n      <div class=\"col-md-4 mb-3\">\n        <div class=\"card mb-2\">\n          <div class=\"row\">\n            <div class=\"col-12 p-3\">\n              <h4 class=\"font-size-18 fw-bold text-dark ms-2\">Ký số</h4>\n            </div>\n          </div>\n        </div>\n        <div class=\"card p-3\">\n          <label for=\"\">Tải tệp tin cần ký số</label>\n          <div class=\"mb-2 text-danger\">Lưu ý: Tệp tin pdf </div>\n          <vue-dropzone\n              id=\"dropzone\"\n              ref=\"myVueDropzone\"\n              :use-custom-slot=\"true\"\n              :options=\"dropzoneOptions\"\n              v-on:vdropzone-removed-file=\"removeThisFile\"\n              v-on:vdropzone-success=\"addThisFile\"\n          >\n            <div class=\"dropzone-custom-content\">\n              <i\n                  class=\"display-1 text-muted bx bxs-cloud-upload\"\n                  style=\"font-size: 70px\"\n              ></i>\n              <h4>\n                Kéo thả tệp tin hoặc bấm vào để tải tệp tin\n              </h4>\n            </div>\n          </vue-dropzone>\n        </div>\n      </div>\n      <div class=\"col-md-8 ps-md-0\" v-if=\"pathUrl\">\n        <PdfEditorTest :file=\"infoFile\" :pdf=\"`${pathUrl}`\" />\n      </div>\n<!--      <b-modal-->\n<!--          v-model=\"showModalClock\"-->\n<!--          body-class=\"p-3\"-->\n<!--          headerClass=\"justify-content-center\"-->\n<!--          footerClass=\"bg-light py-1\"-->\n<!--          centered-->\n<!--          hide-header-close-->\n<!--          no-close-on-backdrop-->\n<!--          size=\"md\"-->\n<!--      >-->\n<!--        <template #modal-title>-->\n<!--          <div class=\"text-primary fw-bold text-center\">-->\n<!--            <h4>Xác nhận ký tài liệu</h4>-->\n<!--          </div>-->\n<!--        </template>-->\n<!--       <CountDownClock />-->\n<!--        <template #modal-footer=\"{cancel}\">-->\n<!--          <b-button class=\"btn bg-white me-2 text-primary px-5\" @click=\"cancel()\">Đóng</b-button>-->\n<!--&lt;!&ndash;          <b-button class=\"btn px-5 text-white\" @click=\"addTextSignature\" style=\"background-color: #3082c9;\">Cập nhật</b-button>&ndash;&gt;-->\n<!--        </template>-->\n<!--      </b-modal>-->\n    </div>\n  </Layout>\n</template>\n\n<script>\n\nimport appConfig from \"@/app.config.json\";\nimport Layout from \"../../layouts/main\";\nimport PageHeader from \"@/components/page-header\";\nimport vue2Dropzone from \"vue2-dropzone\";\nimport PdfEditorTest from \"@/components/pdfEditor/PdfEditorTest\";\nimport CountDownClock from \"@/components/countDownClock\";\n\nexport default {\n  name: \"thietLapKySo\",\n  page: {\n    title: \"Ký số\",\n    meta: [{name: \"description\", content: appConfig.description}],\n  },\n  components:{\n    PdfEditorTest,\n    Layout,\n    vueDropzone: vue2Dropzone,\n    // CountDownClock\n  },\n  computed:{\n    pathUrl (){\n      if(this.files && this.files.length > 0){\n        if(this.files[0]){\n          return this.apiUrl + 'files/view/' + this.files[0].fileId\n        }\n\n      }\n      return null;\n    },\n    infoFile(){\n      if(this.files){\n        if(this.files[0])\n          return this.files[0];\n      }\n      return null\n    }\n  },\n  data() {\n    return {\n      title: \"Ký số\",\n      items: [\n        {\n          text: \"Trang chủ\",\n          href: \"/\",\n        },\n        {\n          text: \"Thông tin ký số\",\n          active: true,\n        }\n      ],\n      apiUrl: process.env.VUE_APP_API_URL,\n      url: `${process.env.VUE_APP_API_URL}files/upload`,\n      dropzoneOptions: {\n        url: `${process.env.VUE_APP_API_URL}files/upload`,\n        thumbnailWidth: 300,\n        thumbnailHeight: 160,\n        maxFiles: 1,\n        maxFilesize: 30,\n        headers: {\"My-Awesome-Header\": \"header value\"},\n        addRemoveLinks: true,\n        acceptedFiles: \".pdf\",\n      },\n      files: null,\n      showModalClock: true\n    };\n  },\n  methods:{\n    removeThisFile(file, error, xhr) {\n      this.files = null;\n    },\n    addThisFile(file, response) {\n      if (this.files == null || this.files.length <= 0) {\n        this.files = [] ;\n      }\n      let fileSuccess = response.data;\n\n      this.files.push(\n          {\n            fileId: fileSuccess.id,\n            fileName: fileSuccess.fileName,\n            ext: fileSuccess.ext,\n            size: fileSuccess.size,\n          }\n      );\n    },\n\n  }\n}\n</script>\n\n<style scoped>\n\n</style>\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./thietLapKySo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./thietLapKySo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./thietLapKySo.vue?vue&type=template&id=3bd01a08&scoped=true&\"\nimport script from \"./thietLapKySo.vue?vue&type=script&lang=js&\"\nexport * from \"./thietLapKySo.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3bd01a08\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}