{"version":3,"sources":["webpack:///./src/views/SecuredMediaExplorer.vue?5fc1","webpack:///src/views/SecuredMediaExplorer.vue","webpack:///./src/views/SecuredMediaExplorer.vue","webpack:///./src/views/SecuredMediaExplorer.vue?99a4","webpack:///./src/views/SecuredMediaExplorer.vue?6b48"],"names":["data","mediaUrl","displayFull","mediaPlaceholder","images","responsiveOptions","breakpoint","numVisible","created","computed","photoUrl","$route","query","methods","lazyDownloadFileWithAxiosPost","ENCRYPTED_FILE_DOWNLOAD_API_URL","split","pop","fileUrl","then","console","log","loadMedia","render","_vm","this","_c","_self","attrs","on","$event","scopedSlots","_u","key","fn","slotProps","item","staticStyle","_e","staticClass","_v","_s","preventDefault","submit","apply","arguments","staticRenderFns","component"],"mappings":"kHAAA,W,kCC0CA,wCAKe,QACfA,OACA,OACAC,SAAA,GACAC,aAAA,EACAC,iBAAA,4CACAC,OAAA,GACAC,kBAAA,CACA,CACAC,WAAA,SACAC,WAAA,GAEA,CACAD,WAAA,QACAC,WAAA,GAEA,CACAD,WAAA,QACAC,WAAA,GAEA,CACAD,WAAA,QACAC,WAAA,MAKAC,UACA,KAAAJ,OAAA,MAAAD,mBAEAM,SAAA,CACAC,WACA,YAAAC,OAAAC,MAAAF,WAGAG,QAAA,CACA,kBACAC,eACAC,OACA,KAAAL,SAAAM,MAAA,KAAAC,MACA,CACAC,QAAA,KAAAR,UAEA,QACA,GACAS,KAAAnB,IACAoB,QAAAC,IAAArB,GACA,KAAAI,OAAA,CAAAJ,MAGA,eACA,KAAAI,OAAA,wCACA,KAAAkB,iB,iGCnGA,IAAIC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,YAAY,CAACE,MAAM,CAAC,MAAQJ,EAAIpB,OAAO,kBAAoBoB,EAAInB,kBAAkB,WAAa,EAAE,eAAiB,iBAAiB,YAAa,EAAK,QAAUmB,EAAItB,aAAa2B,GAAG,CAAC,iBAAiB,SAASC,GAAQN,EAAItB,YAAY4B,IAASC,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,SAASC,GAAW,MAAO,CAAEA,EAAUC,MAAQZ,EAAIrB,iBAAkBuB,EAAG,MAAM,CAACW,YAAY,CAAC,MAAQ,OAAO,QAAU,SAAST,MAAM,CAAC,IAAMO,EAAUC,KAAK,IAAM,WAAWZ,EAAIc,QAAQ,CAACL,IAAI,YAAYC,GAAG,SAASC,GAAW,MAAO,CAAEA,EAAUC,MAAQZ,EAAIrB,iBAAkB,CAACuB,EAAG,MAAM,CAACa,YAAY,kCAAkC,CAACf,EAAIgB,GAAG,sCAAsChB,EAAIiB,GAAGjB,EAAId,UAAU,OAAOgB,EAAG,MAAM,CAACa,YAAY,uCAAuC,CAACb,EAAG,QAAQ,CAACa,YAAY,eAAeX,MAAM,CAAC,KAAO,WAAW,KAAO,WAAW,MAAQ,cAAcF,EAAG,SAAS,CAACa,YAAY,iCAAiCV,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOY,iBAAwBlB,EAAImB,OAAOC,MAAM,KAAMC,cAAc,CAACrB,EAAIgB,GAAG,kBAAkBd,EAAG,MAAM,CAACa,YAAY,6BAA6B,CAACf,EAAIgB,GAAG,4BAA4B,IAElqCM,EAAkB,G,YCFuU,S,wBCQzVC,EAAY,eACd,EACAxB,EACAuB,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-50c9cf8c.232cd74b.js","sourcesContent":["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!./SecuredMediaExplorer.vue?vue&type=style&index=0&id=1343e531&prod&lang=css\"","<template>\n  <div>\n    <PGalleria\n      :value=\"images\"\n      :responsiveOptions=\"responsiveOptions\"\n      :numVisible=\"1\"\n      containerStyle=\"max-width: 80%\"\n      :fullScreen=\"true\"\n      :visible.sync=\"displayFull\"\n    >\n      <template #item=\"slotProps\">\n        <img\n          :src=\"slotProps.item\"\n          v-if=\"slotProps.item != mediaPlaceholder\"\n          :alt=\"'Photo'\"\n          style=\"width: 100%; display: block\"\n        />\n      </template>\n      <template #thumbnail=\"slotProps\">\n        <template v-if=\"slotProps.item == mediaPlaceholder\">\n          <div class=\"text-white text-uppercase mb-1\">\n            Entrez le mot de passe du fichier {{ photoUrl }}\n          </div>\n          <div class=\"d-flex justify-content-between mt-2\">\n            <input\n              class=\"form-control\"\n              type=\"password\"\n              name=\"password\"\n              value=\"password\"\n            />\n            <button class=\"btn btn-warning rounded-0 mx-2\" @click.prevent=\"submit\">\n              Valider\n            </button>\n          </div>\n        </template>\n        <div v-else class=\"text-white text-uppercase\">GALLERIE MEDIA</div>\n      </template>\n    </PGalleria>\n  </div>\n</template>\n\n<script>\nimport { lazyDownloadFileWithAxiosPost } from \"@/api/api.js\";\nimport { ENCRYPTED_FILE_DOWNLOAD_API_URL } from \"../config/api-config\";\nfunction toBase64(dataArr) {\n  return Buffer.from(dataArr, \"base64\");\n}\nexport default {\n  data() {\n    return {\n      mediaUrl: \"\",\n      displayFull: true,\n      mediaPlaceholder: \"https://picsum.photos/seed/picsum/700/500\",\n      images: [],\n      responsiveOptions: [\n        {\n          breakpoint: \"1024px\",\n          numVisible: 5,\n        },\n        {\n          breakpoint: \"960px\",\n          numVisible: 4,\n        },\n        {\n          breakpoint: \"768px\",\n          numVisible: 3,\n        },\n        {\n          breakpoint: \"560px\",\n          numVisible: 1,\n        },\n      ],\n    };\n  },\n  created() {\n    this.images = [this.mediaPlaceholder];\n  },\n  computed: {\n    photoUrl() {\n      return this.$route.query.photoUrl;\n    },\n  },\n  methods: {\n    async loadMedia() {\n      lazyDownloadFileWithAxiosPost(\n        ENCRYPTED_FILE_DOWNLOAD_API_URL,\n        this.photoUrl.split(\"/\").pop(),\n        {\n          fileUrl: this.photoUrl,\n        },\n        () => {},\n        false\n      ).then((data) => {\n        console.log(data);\n        this.images = [data];\n      });\n    },\n    async submit() {\n      this.images = [\"https://picsum.photos/800/600\"];\n      await this.loadMedia();\n    },\n  },\n};\n</script>\n\n<style>\n.p-galleria-thumbnail-next.p-link,\n.p-galleria-thumbnail-prev.p-link {\n  display: none !important;\n}\n.p-galleria-content {\n  padding: 20px 40px;\n  border: 1px solid rgba(255, 255, 255, 0.4);\n}\n</style>\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('PGalleria',{attrs:{\"value\":_vm.images,\"responsiveOptions\":_vm.responsiveOptions,\"numVisible\":1,\"containerStyle\":\"max-width: 80%\",\"fullScreen\":true,\"visible\":_vm.displayFull},on:{\"update:visible\":function($event){_vm.displayFull=$event}},scopedSlots:_vm._u([{key:\"item\",fn:function(slotProps){return [(slotProps.item != _vm.mediaPlaceholder)?_c('img',{staticStyle:{\"width\":\"100%\",\"display\":\"block\"},attrs:{\"src\":slotProps.item,\"alt\":'Photo'}}):_vm._e()]}},{key:\"thumbnail\",fn:function(slotProps){return [(slotProps.item == _vm.mediaPlaceholder)?[_c('div',{staticClass:\"text-white text-uppercase mb-1\"},[_vm._v(\" Entrez le mot de passe du fichier \"+_vm._s(_vm.photoUrl)+\" \")]),_c('div',{staticClass:\"d-flex justify-content-between mt-2\"},[_c('input',{staticClass:\"form-control\",attrs:{\"type\":\"password\",\"name\":\"password\",\"value\":\"password\"}}),_c('button',{staticClass:\"btn btn-warning rounded-0 mx-2\",on:{\"click\":function($event){$event.preventDefault();return _vm.submit.apply(null, arguments)}}},[_vm._v(\" Valider \")])])]:_c('div',{staticClass:\"text-white text-uppercase\"},[_vm._v(\"GALLERIE MEDIA\")])]}}])})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./SecuredMediaExplorer.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!./SecuredMediaExplorer.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SecuredMediaExplorer.vue?vue&type=template&id=1343e531\"\nimport script from \"./SecuredMediaExplorer.vue?vue&type=script&lang=js\"\nexport * from \"./SecuredMediaExplorer.vue?vue&type=script&lang=js\"\nimport style0 from \"./SecuredMediaExplorer.vue?vue&type=style&index=0&id=1343e531&prod&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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}