{"version":3,"sources":["webpack:///./src/components/gallery/GalleryFileUploader.vue?e174","webpack:///src/components/gallery/GalleryFileUploader.vue","webpack:///./src/components/gallery/GalleryFileUploader.vue?3998","webpack:///./src/components/gallery/GalleryFileUploader.vue","webpack:///./src/components/gallery/GalleryFileUploader.vue?b8d8"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","file","attrs","complete","_e","progress","on","$event","alert","response","hasError","staticRenderFns","props","data","uploadId","message","axios","timeout","headers","methods","init","$socket","io","upload","formData","res","success","error","Go","getErrorMessage","mounted","destroyed","off","component"],"mappings":"iJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,eAAe,CAACG,MAAQ,eAAkBP,EAAIQ,KAAQ,IAAI,IAAMC,MAAM,CAAC,KAAO,SAAWT,EAAIU,SAA8DV,EAAIW,KAAxDP,EAAG,cAAc,CAACK,MAAM,CAAC,SAAWT,EAAIY,YAAqBR,EAAG,MAAM,CAACE,YAAY,WAAW,CAAEN,EAAY,SAAEI,EAAG,IAAI,CAACE,YAAY,iBAAiBG,MAAM,CAAC,OAAS,UAAUI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOd,EAAIe,MAAMf,EAAIgB,aAAa,CAACZ,EAAG,SAAS,CAACK,MAAM,CAAC,KAAO,+BAA+B,GAAGT,EAAIW,KAAMX,EAAY,SAAEI,EAAG,IAAI,CAACE,YAAY,kBAAkB,CAACF,EAAG,SAAS,CAACK,MAAM,CAAC,KAAO,kBAAkB,GAAGT,EAAIW,KAAOX,EAAIU,UAAaV,EAAIiB,SAAmHjB,EAAIW,KAA7GP,EAAG,IAAI,CAACE,YAAY,kBAAkBG,MAAM,CAAC,OAAS,KAAK,CAACL,EAAG,SAAS,CAACK,MAAM,CAAC,KAAO,eAAe,MAAe,IACpyBS,EAAkB,G,YCkBP,G,oBAAA,CACbC,MAAOA,CAACA,QACRC,KAAMA,WACJ,MAAO,CACLR,SAAUA,EACVS,SAAUA,GAAGA,OACbC,QAASA,GACTL,UAAUA,EACVD,SAAUA,KACVN,UAAUA,EACVa,MAAOA,CACLC,QAASA,KACTC,QAASA,CACP,WAAY,YAKpBC,QAASA,CACPC,KAAMA,WAAV,WACM1B,KAAK2B,QAAQC,GAAGhB,GAAG,UAAzB,mCACQ,EAAR,oBACQ,EAAR,6BAGMZ,KAAK2B,QAAQC,GAAGhB,GAAG,gBAAzB,mCACQ,EAAR,YACQ,EAAR,cAGMZ,KAAK2B,QAAQC,GAAGhB,GAAG,mBAAzB,mCACQ,EAAR,YACQ,EAAR,kBACQ,EAAR,6BAGIiB,OAAQA,WAAZ,kKAEAC,EAAA,aACAA,gCACAA,oCACAA,mCACAA,gDANA,SAQA,4EARA,OAQA,SARA,OASA,4BACA,wBAVA,qDAYA,iBACA,mBACA,iBAdA,+GAAYD,GAiBRE,IAAKA,SAATA,GAAA,4BACWC,IACHhC,KAAKgB,UAAW,EAChBhB,KAAKqB,QAAUA,IAGnBY,MAAOA,SAAXA,GACMjC,KAAKgB,UAAW,EAChBhB,KAAKqB,QAAUa,GAAGC,gBAAgB,KAGtCC,QAASA,WACHpC,KAAKS,WAGTT,KAAK0B,OACL1B,KAAK6B,WAEPQ,UAAWA,WACTrC,KAAK2B,QAAQC,GAAGU,IAAI,UAAxB,iBACItC,KAAK2B,QAAQC,GAAGU,IAAI,gBAAxB,iBACItC,KAAK2B,QAAQC,GAAGU,IAAI,mBAAxB,oBC7F4W,I,wBCQxWC,EAAY,eACd,EACAzC,EACAmB,GACA,EACA,KACA,KACA,MAIa,aAAAsB,E,2CCnBf","file":"js/chunk-eadcca6e.0a19bf0e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"GalleryFile\"},[_c('IntrinsicSVG',{style:((\"--image:url(\" + (_vm.file.src) + \")\")),attrs:{\"size\":\"293\"}}),(!_vm.complete)?_c('ProgressBar',{attrs:{\"progress\":_vm.progress}}):_vm._e(),_c('div',{staticClass:\"options\"},[(_vm.hasError)?_c('a',{staticClass:\"button warning\",attrs:{\"active\":\"button\"},on:{\"click\":function($event){return _vm.alert(_vm.response)}}},[_c('iconic',{attrs:{\"name\":\"circle-exclamation-solid\"}})],1):_vm._e(),(_vm.complete)?_c('a',{staticClass:\"button success\"},[_c('iconic',{attrs:{\"name\":\"check-solid\"}})],1):_vm._e(),(!_vm.complete && !_vm.hasError)?_c('a',{staticClass:\"button _loading\",attrs:{\"dcolor\":\"\"}},[_c('iconic',{attrs:{\"name\":\"gspinner\"}})],1):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"GalleryFile\">\n    <IntrinsicSVG size=\"293\" :style=\"`--image:url(${file.src})`\" />\n    <ProgressBar :progress=\"progress\" v-if=\"!complete\" />\n    <div class=\"options\">\n      <a class=\"button warning\" active=\"button\" v-if=\"hasError\" @click=\"alert(response)\">\n        <iconic name=\"circle-exclamation-solid\" />\n      </a>\n      <a class=\"button success\" v-if=\"complete\">\n        <iconic name=\"check-solid\" />\n      </a>\n      <a class=\"button _loading\" dcolor v-if=\"!complete && !hasError\">\n        <iconic name=\"gspinner\" />\n      </a>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: [\"file\"],\n  data: function() {\n    return {\n      progress: 0,\n      uploadId: Go.uuid(),\n      message: \"\",\n      hasError: false,\n      response: null,\n      complete: false,\n      axios: {\n        timeout: 1000 * 60 * 30,\n        headers: {\n          \"use-form\": \"false\",\n        },\n      },\n    };\n  },\n  methods: {\n    init: function() {\n      this.$socket.io.on(`upload:${this.uploadId}`, (data) => {\n        this.progress = data.progress;\n        this.progressMessage = data.message;\n      });\n\n      this.$socket.io.on(`upload:error:${this.uploadId}`, (data) => {\n        this.hasError = true;\n        this.response = data;\n      });\n\n      this.$socket.io.on(`upload:complete:${this.uploadId}`, (data) => {\n        this.complete = true;\n        this.message = data.message;\n        this.$emit(\"complete\", this.file);\n      });\n    },\n    upload: async function() {\n      try {\n        const formData = new FormData();\n        formData.append(\"file\", this.file.file);\n        formData.append(\"fileName\", this.file.name);\n        formData.append(\"uploadId\", this.uploadId);\n        formData.append(\"category\", this.$route.query.category);\n\n        this.req = await this.$http.post(`${this.$apiHost}gallery/createFile`, formData, this.axios);\n        this.response = this.req.data;\n        this.res(this.req.data);\n      } catch (error) {\n        this.hasError = true;\n        this.response = error;\n        this.error(error);\n      }\n    },\n    res: function({ success, message }) {\n      if (!success) {\n        this.hasError = true;\n        this.message = message;\n      }\n    },\n    error: function(error) {\n      this.hasError = true;\n      this.message = Go.getErrorMessage(error);\n    },\n  },\n  mounted: function() {\n    if (this.complete) {\n      return;\n    }\n    this.init();\n    this.upload();\n  },\n  destroyed: function() {\n    this.$socket.io.off(`upload:${this.id}`);\n    this.$socket.io.off(`upload:error:${this.id}`);\n    this.$socket.io.off(`upload:complete:${this.id}`);\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.GalleryFile {\n  position: relative;\n  .IntrinsicSVG {\n    background-image: var(--image);\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-color: $alto;\n    max-width: 100%;\n    height: auto;\n    border-radius: $mpadding/1.5;\n  }\n\n  .ProgressBar {\n    position: absolute;\n    bottom: $mpadding/2;\n    left: $mpadding/2;\n    right: $mpadding/2;\n    max-width: calc(100% - #{$mpadding});\n  }\n\n  .options {\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  .button {\n    display: inline-flex;\n    padding: $mpadding/2;\n    font-size: 160%;\n    cursor: pointer;\n    position: relative;\n  }\n\n  .button:not(._loading) .iconic:before {\n    content: \"\";\n    position: absolute;\n    @include fixedSize($mpadding);\n    background-color: var(--theme-background);\n    z-index: 0;\n  }\n\n  .button:not(._loading) .iconic svg {\n    position: relative;\n    z-index: 1;\n  }\n\n  .button.warning {\n    color: red;\n  }\n\n  .button.success {\n    color: var(--success-color);\n  }\n}\n</style>\n","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!./GalleryFileUploader.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!./GalleryFileUploader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GalleryFileUploader.vue?vue&type=template&id=e472f2b0&\"\nimport script from \"./GalleryFileUploader.vue?vue&type=script&lang=js&\"\nexport * from \"./GalleryFileUploader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GalleryFileUploader.vue?vue&type=style&index=0&lang=scss&\"\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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GalleryFileUploader.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}