{"version":3,"sources":["webpack:///./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack:///./src/campaigns/components/CampaignInvitation.vue?2158","webpack:///./src/campaigns/components/CampaignInvitation.vue?d8cb","webpack:///src/campaigns/components/CampaignInvitation.vue","webpack:///./src/campaigns/components/CampaignInvitation.vue?9ffd","webpack:///./src/campaigns/components/CampaignInvitation.vue"],"names":["normalizeComponent","scriptExports","render","staticRenderFns","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","options","_compiled","functional","_scopeId","context","this","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","call","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","exports","_vm","_h","$createElement","_c","_self","staticClass","style","campaignImage","error","_e","_v","_s","title","ownerName","attrs","getImage","owner","description","on","joinCampaign","name","component"],"mappings":"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","file":"js/chunk-da916f8e.d8c05b5b.js","sourcesContent":["/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier, /* server only */\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () {\n        injectStyles.call(\n          this,\n          (options.functional ? this.parent : this).$root.$options.shadowRoot\n        )\n      }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functional component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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!./CampaignInvitation.vue?vue&type=style&index=0&id=721d09d4&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"invitation-container\"},[_c('div',{staticClass:\"preview-background\",style:({ 'background-image': (\"url(\" + _vm.campaignImage + \")\") })}),(!_vm.error)?_c('div',{staticClass:\"inner-container\"},[_c('div',{staticClass:\"banner\",style:({ 'background-image': (\"url(\" + _vm.campaignImage + \")\") })}),_c('div',{staticClass:\"main-info\"},[_c('h1',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"owner\"},[_vm._v(\"\\n                \"+_vm._s(_vm.ownerName)+\"\\n                \"),_c('img',{staticClass:\"profile-image-adjustments\",attrs:{\"src\":_vm.getImage(_vm.owner)}})])]),_c('div',{staticClass:\"description\"},[_vm._v(_vm._s(_vm.description))]),_c('div',{staticClass:\"bottom-buttons\"},[_c('div',[_vm._v(\"You have been invited to \"+_vm._s(_vm.title)+\".\")]),_c('button',{staticClass:\"modal-button selected\",on:{\"click\":_vm.joinCampaign}},[_vm._v(\"Join Campaign\")]),_c('router-link',{staticClass:\"modal-button\",attrs:{\"to\":{ name: 'campaign-list' },\"tag\":\"button\"}},[_vm._v(\"Decline\")])],1)]):_vm._e(),(_vm.error)?_c('div',[_vm._v(\"\\n        \"+_vm._s(_vm.error)+\"\\n    \")]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"invitation-container\">\n        <div class=\"preview-background\" :style=\"{ 'background-image': `url(${campaignImage})` }\" />\n        <div class=\"inner-container\" v-if=\"!error\">\n            <div class=\"banner\" :style=\"{ 'background-image': `url(${campaignImage})` }\" />\n            <div class=\"main-info\">\n                <h1 class=\"title\">{{ title }}</h1>\n                <!-- MARK: Author's name and Profile Picture534 -->\n                <div class=\"owner\">\n                    {{ ownerName }}\n                    <img class=\"profile-image-adjustments\" :src=\"getImage(owner)\" />\n                </div>\n            </div>\n            <div class=\"description\">{{ description }}</div>\n            <div class=\"bottom-buttons\">\n                <div>You have been invited to {{ title }}.</div>\n                <button class=\"modal-button selected\" @click=\"joinCampaign\">Join Campaign</button>\n                <router-link :to=\"{ name: 'campaign-list' }\" tag=\"button\" class=\"modal-button\">Decline</router-link>\n            </div>\n        </div>\n        <div v-if=\"error\">\n            {{ error }}\n        </div>\n    </div>\n</template>\n\n<script>\nimport axios from 'axios';\nimport { mapGetters, mapActions } from 'vuex';\nexport default {\n    data() {\n        return {\n            joinId: '',\n            campaignId: '',\n            campaignImage: '',\n            description: '',\n            owner: '',\n            title: '',\n            error: '',\n        };\n    },\n    computed: {\n        ...mapGetters(['oidcUser']),\n        ...mapGetters('profile', {\n            getImage: 'getImage',\n            getProfile: 'getProfile',\n        }),\n        ownerName() {\n            if (this.getProfile(this.owner)) {\n                return this.getProfile(this.owner).displayName;\n            }\n            return '';\n        },\n    },\n    beforeRouteEnter(to, from, next) {\n        axios\n            .get(`/api/campaigns/join/${to.params.id}`)\n            .then(response => {\n                next(vm => {\n                    vm.joinId = to.params.id;\n                    vm.setData(response.data);\n                });\n            })\n            .catch(error => {\n                next(vm => vm.setError(error));\n            });\n    },\n    created: async function() {\n        if (!this.getProfile(this.owner)) {\n            await this.loadProfile(this.owner);\n        }\n    },\n    methods: {\n        ...mapActions('profile', {\n            loadProfile: 'load',\n        }),\n        setData(data) {\n            console.log(data);\n            this.owner = data.owner;\n            this.title = data.name;\n            this.campaignId = data.id;\n            this.campaignImage = data.imageUrl;\n            this.description = data.description;\n        },\n        setError(/*error*/) {\n            this.error = 'Error loading campaign invitation.';\n        },\n        joinCampaign() {\n            axios.put(`/api/campaigns/join/${this.joinId}`).then(() => this.$router.push('/'));\n        },\n    },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.invitation-container {\n    width: 100vw;\n    height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.preview-background {\n    position: fixed;\n    top: 0px;\n    left: 0px;\n    width: 100%;\n    height: 100%;\n    z-index: 0;\n    filter: blur(60px);\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n}\n$border-radius: 40px;\n.inner-container {\n    background: #1c1c1cd2;\n    min-width: 700px;\n    width: 40vw;\n    min-height: 500px;\n    border-radius: $border-radius;\n    padding: $border-radius;\n    box-shadow: 0px 0px 20px #00000062;\n    z-index: 10;\n    position: relative;\n    padding-top: 320px;\n    padding-bottom: 120px;\n    overflow: hidden;\n    text-align: right;\n}\n.description {\n    color: #fff;\n    padding-bottom: 20px;\n    text-align: justify;\n    font-size: 18px;\n    line-height: 1.25em;\n    text-align: justify;\n}\n.banner {\n    height: 300px;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    position: absolute;\n    top: 0px;\n    right: 0px;\n\n    padding: 5px $border-radius;\n}\n.main-info {\n    width: 100%;\n    max-width: 100%;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    overflow: hidden;\n    h1 {\n        margin-bottom: -5px;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        font-weight: 700;\n    }\n\n    padding: 10px 0px;\n    .owner {\n        display: flex;\n        align-items: center;\n        color: #8b8b8b;\n        font-size: 1.5em;\n        font-weight: 400;\n        white-space: nowrap;\n        img {\n            height: 1.5em;\n            width: 1.5em;\n            margin-left: 10px;\n        }\n    }\n}\n.bottom-buttons {\n    position: absolute;\n    bottom: $border-radius;\n    right: $border-radius;\n    div {\n        color: #bbb;\n    }\n}\n.selected {\n    margin: 0px 10px;\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!./CampaignInvitation.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!./CampaignInvitation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CampaignInvitation.vue?vue&type=template&id=721d09d4&scoped=true&\"\nimport script from \"./CampaignInvitation.vue?vue&type=script&lang=js&\"\nexport * from \"./CampaignInvitation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CampaignInvitation.vue?vue&type=style&index=0&id=721d09d4&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  \"721d09d4\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}