{"version":3,"sources":["webpack:///./src/views/art-club/StudySubmission.vue?d5d3","webpack:///src/views/art-club/StudySubmission.vue","webpack:///./src/views/art-club/StudySubmission.vue?3231","webpack:///./src/views/art-club/StudySubmission.vue","webpack:///./src/views/art-club/StudySubmission.vue?ee9e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","name","_v","loading","error","submission","url","_s","user","displayName","username","createdAt","comment","_e","staticRenderFns","components","data","undefined","computed","locale","navigator","language","methods","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,GAAG,CAACA,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,CAAEC,KAAM,4BAA6B,CAACJ,EAAG,oBAAoB,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,KAAK,KAAO,kBAAkBP,EAAIS,GAAG,mBAAmB,IAAI,GAAIT,EAAW,QAAEI,EAAG,WAAYJ,EAAIU,SAAWV,EAAIW,MAAOP,EAAG,mBAAoBJ,EAAIU,SAAWV,EAAIY,WAAYR,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMP,EAAIY,WAAWC,IAAI,IAAM,QAAQT,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIS,GAAG,IAAIT,EAAIc,GAAGd,EAAIY,WAAWG,KAAKC,aAAehB,EAAIY,WAAWG,KAAKE,aAAab,EAAG,OAAO,CAACA,EAAG,WAAW,CAACG,MAAM,CAAC,QAAU,YAAY,KAAOP,EAAIY,WAAWM,UAAU,KAAO,OAAO,GAAGd,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,IAAI,CAACJ,EAAIS,GAAGT,EAAIc,GAAGd,EAAIY,WAAWO,kBAAkBnB,EAAIoB,MAAM,IAC18BC,EAAkB,G,wECkCtB,GACEb,KAAM,kBACNc,WAAY,CAAd,kDACEC,KAAM,WACJ,MAAO,CACLX,gBAAYY,EACZd,SAAS,EACTC,MAAO,OAGX,QAVF,WAUA,+JACA,aADA,kBAGA,kBAHA,yDAKA,aALA,OAOA,aACA,sCACA,+BACA,gDAVA,4DAaEc,SAAU,CACRC,OAAQ,WACN,OAAOC,UAAUC,WAGrBC,QAAS,CACP,cADJ,WACA,8KACA,WACA,oDAFA,OACA,EADA,OAKA,oBALA,gDChEwW,I,wBCQpWC,EAAY,eACd,EACA/B,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAS,E,oECnBf,yBAAikB,EAAG","file":"js/chunk-85138870.c2555640.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[_c('div',{staticClass:\"return\"},[_c('router-link',{attrs:{\"to\":{ name: 'art-club-study-gallery' }}},[_c('font-awesome-icon',{staticClass:\"icon\",attrs:{\"size\":\"sm\",\"icon\":\"chevron-left\"}}),_vm._v(\" Study gallery\")],1)],1),(_vm.loading)?_c('loader'):(!_vm.loading && _vm.error)?_c('failed-to-load'):(!_vm.loading && _vm.submission)?_c('div',{staticClass:\"study-submission\"},[_c('div',{staticClass:\"submission__display\"},[_c('img',{attrs:{\"src\":_vm.submission.url,\"alt\":\"\"}})]),_c('div',{staticClass:\"submission__author\"},[_c('span',{staticClass:\"title-large mb-2\"},[_vm._v(\" \"+_vm._s(_vm.submission.user.displayName || _vm.submission.user.username))]),_c('span',[_c('app-date',{attrs:{\"prepend\":\"submitted\",\"date\":_vm.submission.createdAt,\"time\":\"\"}})],1),_c('div',{staticClass:\"submission__comment\"},[_c('p',[_vm._v(_vm._s(_vm.submission.comment))])])])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"\">\n    <div class=\"return\">\n      <router-link :to=\"{ name: 'art-club-study-gallery' }\">\n        <font-awesome-icon class=\"icon\" size=\"sm\" icon=\"chevron-left\" />\n        Study gallery</router-link\n      >\n    </div>\n    <loader v-if=\"loading\" />\n    <failed-to-load v-else-if=\"!loading && error\" />\n    <div v-else-if=\"!loading && submission\" class=\"study-submission\">\n      <div class=\"submission__display\">\n        <img :src=\"submission.url\" alt=\"\" />\n      </div>\n      <div class=\"submission__author\">\n        <span class=\"title-large mb-2\">\n          {{ submission.user.displayName || submission.user.username }}</span\n        >\n        <span>\n          <app-date prepend=\"submitted\" :date=\"submission.createdAt\" time />\n        </span>\n        <div class=\"submission__comment\">\n          <p>{{ submission.comment }}</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport maddyApi from '@/services/maddyApi';\nimport AppDate from '@/components/app/AppDate';\nimport Loader from '@/components/global/Loader';\nimport FailedToLoad from '@/components/global/FailedToLoad';\n\nexport default {\n  name: 'StudySubmission',\n  components: { AppDate, Loader, FailedToLoad },\n  data: function() {\n    return {\n      submission: undefined,\n      loading: false,\n      error: null,\n    };\n  },\n  async mounted() {\n    this.loading = true;\n    try {\n      await this.getSubmission();\n    } catch (err) {\n      this.error = err;\n    }\n    this.loading = false;\n    this.$gtag.event('view_user_submission', {\n      event_category: 'participation',\n      event_label: 'Viewing a submission in gallery',\n    });\n  },\n  computed: {\n    locale: function() {\n      return navigator.language;\n    },\n  },\n  methods: {\n    async getSubmission() {\n      const x = await maddyApi.get(\n        '/studies/submissions/' + this.$route.params.submission,\n      );\n\n      this.submission = x.data;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.study-submission {\n  display: flex;\n  flex-direction: column;\n}\n\n@media screen and (min-width: 768px) {\n  .study-submission {\n    flex-direction: row;\n  }\n}\n\n.return {\n  margin-bottom: 1rem;\n  font-weight: 300;\n\n  .icon {\n    margin-right: 0.5rem;\n  }\n  a {\n    background: color('primary');\n    color: color('primary', 'text');\n    height: 2rem;\n    display: inline-flex;\n    align-items: center;\n    padding: 0 1rem;\n  }\n}\n\n.submission {\n  display: flex;\n  flex: 1;\n\n  &__display {\n    flex: 4;\n    justify-content: center;\n\n    @media screen and (max-width: 767px) {\n      margin-left: -16px;\n      margin-right: -16px;\n      margin-bottom: 16px;\n    }\n\n    img {\n      max-width: 100%;\n      align-self: center;\n      // border-radius: 4px;\n    }\n  }\n\n  &__author {\n    flex: 1;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n\n    .title-large {\n      color: color('primary');\n    }\n\n    @media screen and (min-width: 768px) {\n      padding: 16px;\n    }\n  }\n\n  &__comment {\n    padding: 1rem 0;\n\n    p {\n      font-size: 1rem;\n      margin: 0;\n    }\n  }\n}\n</style>\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!./StudySubmission.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!./StudySubmission.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StudySubmission.vue?vue&type=template&id=24cb4782&scoped=true&\"\nimport script from \"./StudySubmission.vue?vue&type=script&lang=js&\"\nexport * from \"./StudySubmission.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StudySubmission.vue?vue&type=style&index=0&id=24cb4782&lang=scss&scoped=true&\"\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  \"24cb4782\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StudySubmission.vue?vue&type=style&index=0&id=24cb4782&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StudySubmission.vue?vue&type=style&index=0&id=24cb4782&lang=scss&scoped=true&\""],"sourceRoot":""}