{"version":3,"sources":["webpack:///./src/campaigns/components/CampaignInfoCard.vue?eb33","webpack:///./src/campaigns/components/CampaignList.vue?541f","webpack:///./src/campaigns/components/CampaignItem.vue?ff88","webpack:///./src/campaigns/components/CampaignInfoCard.vue?cad4","webpack:///src/campaigns/components/CampaignInfoCard.vue","webpack:///./src/campaigns/components/CampaignInfoCard.vue?dbde","webpack:///./src/campaigns/components/CampaignInfoCard.vue","webpack:///src/campaigns/components/CampaignItem.vue","webpack:///./src/campaigns/components/CampaignItem.vue?889e","webpack:///./src/campaigns/components/CampaignItem.vue","webpack:///./src/campaigns/components/CampaignAddItem.vue?72b4","webpack:///src/campaigns/components/CampaignAddItem.vue","webpack:///./src/campaigns/components/CampaignAddItem.vue?7fb9","webpack:///./src/campaigns/components/CampaignAddItem.vue","webpack:///src/campaigns/components/CampaignList.vue","webpack:///./src/campaigns/components/CampaignList.vue?f6b7","webpack:///./src/campaigns/components/CampaignList.vue","webpack:///./src/campaigns/components/CampaignAddItem.vue?f36c","webpack:///./src/campaigns/components/CampaignList.vue?6f69","webpack:///./src/campaigns/components/CampaignItem.vue?7728"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_l","campaign","key","id","on","deleteCampaign","leaveCampaign","staticRenderFns","staticClass","class","show","showCard","hideInfoCard","style","imageUrl","$event","target","currentTarget","campaignClick","showInfoCard","_v","_s","name","closeWindow","owner","description","_e","prettyJoinId","directives","rawName","value","expression","copied","clipboardCopied","copyToClipboard","clipboardLinkImg","playCampaign","editCampaign","component","goToCreate","_m"],"mappings":"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","file":"js/chunk-92b704ce.7ac36d16.js","sourcesContent":["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!./CampaignInfoCard.vue?vue&type=style&index=0&id=70a205fe&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"campaign-list\"}},[_vm._l((_vm.campaigns),function(campaign){return _c('CampaignItem',{key:campaign.id,attrs:{\"campaign\":campaign},on:{\"delete-campaign\":_vm.deleteCampaign,\"leave-campaign\":_vm.leaveCampaign}})}),_c('CampaignAddItem')],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"campaign\"},[_c('div',{staticClass:\"info-card\",class:{ show: _vm.showCard }},[_c('CampaignInfoCard',{attrs:{\"campaign\":_vm.campaign},on:{\"dismiss\":_vm.hideInfoCard,\"delete-campaign\":_vm.deleteCampaign,\"leave-campaign\":_vm.leaveCampaign}})],1),_c('div',{staticClass:\"campaign-card\",style:({ 'background-image': 'url(' + _vm.campaign.imageUrl + ')' })},[_c('div',{attrs:{\"id\":\"overlay\"},on:{\"click\":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.campaignClick($event)}}},[_c('img',{attrs:{\"src\":\"/static/icons/layout/play.svg\"},on:{\"click\":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.campaignClick($event)}}}),_c('div',{staticClass:\"info\",on:{\"click\":_vm.showInfoCard}},[_c('img',{attrs:{\"src\":\"/static/icons/layout/info.svg\"}}),_vm._v(\"\\n                Info\\n            \")])])]),_c('div',{staticClass:\"campaign-name\"},[_vm._v(_vm._s(_vm.campaign.name))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"info-card-contents\"},[_c('img',{staticClass:\"dismiss\",attrs:{\"src\":\"/static/icons/layout/exit.svg\"},on:{\"click\":_vm.closeWindow}}),_c('div',{attrs:{\"id\":\"name\"}},[_vm._v(_vm._s(_vm.campaign.name))]),_c('div',{attrs:{\"id\":\"owner\"}},[_vm._v(_vm._s(_vm.campaign.owner))]),_c('div',{attrs:{\"id\":\"description\"}},[_vm._v(_vm._s(_vm.campaign.description))]),(_vm.campaign.joinId)?_c('span',{attrs:{\"id\":\"invitation-header\"}},[_vm._v(\"Invite Players:\")]):_vm._e(),(_vm.campaign.joinId)?_c('div',{attrs:{\"id\":\"invitation-container\"}},[_c('div',{attrs:{\"id\":\"id\"}},[_vm._v(_vm._s(_vm.prettyJoinId))]),_c('div',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:(_vm.clipboardTooltipOptions),expression:\"clipboardTooltipOptions\"}],class:{ copied: _vm.clipboardCopied },attrs:{\"id\":\"copy-link-button\"},on:{\"click\":_vm.copyToClipboard}},[_c('transition',{attrs:{\"name\":\"slide-left\",\"mode\":\"out-in\"}},[_c('img',{key:_vm.clipboardLinkImg,attrs:{\"src\":_vm.clipboardLinkImg}})])],1)]):_vm._e(),_c('div',{staticClass:\"action-buttons\"},[_c('button',{staticClass:\"modal-button selected\",on:{\"click\":_vm.playCampaign}},[_vm._v(\"Play\")]),_c('button',{staticClass:\"modal-button\",on:{\"click\":_vm.editCampaign}},[_vm._v(\"Edit\")]),(_vm.isOwned)?_c('button',{staticClass:\"modal-button accent-red\",attrs:{\"id\":\"delete\"},on:{\"click\":_vm.deleteCampaign}},[_c('img',{attrs:{\"src\":\"/static/icons/layout/delete.svg\"}})]):_c('button',{staticClass:\"modal-button accent-red\",attrs:{\"id\":\"leave\"},on:{\"click\":_vm.leaveCampaign}},[_vm._v(\"\\n            Leave\\n        \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"info-card-contents\">\n        <img src=\"/static/icons/layout/exit.svg\" class=\"dismiss\" @click=\"closeWindow\" />\n        <div id=\"name\">{{ campaign.name }}</div>\n        <div id=\"owner\">{{ campaign.owner }}</div>\n        <div id=\"description\">{{ campaign.description }}</div>\n        <span id=\"invitation-header\" v-if=\"campaign.joinId\">Invite Players:</span>\n        <div id=\"invitation-container\" v-if=\"campaign.joinId\">\n            <div id=\"id\">{{ prettyJoinId }}</div>\n            <div\n                id=\"copy-link-button\"\n                v-tooltip=\"clipboardTooltipOptions\"\n                @click=\"copyToClipboard\"\n                :class=\"{ copied: clipboardCopied }\"\n            >\n                <transition name=\"slide-left\" mode=\"out-in\">\n                    <img :src=\"clipboardLinkImg\" :key=\"clipboardLinkImg\" />\n                </transition>\n            </div>\n        </div>\n        <div class=\"action-buttons\">\n            <button class=\"modal-button selected\" @click=\"playCampaign\">Play</button>\n            <button class=\"modal-button\" @click=\"editCampaign\">Edit</button>\n            <button class=\"modal-button accent-red\" id=\"delete\" @click=\"deleteCampaign\" v-if=\"isOwned\">\n                <img src=\"/static/icons/layout/delete.svg\" />\n            </button>\n            <button class=\"modal-button accent-red\" id=\"leave\" @click=\"leaveCampaign\" v-else>\n                Leave\n            </button>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { mapGetters, mapActions, mapState } from 'vuex';\nexport default {\n    props: {\n        campaign: {\n            type: Object,\n            required: true,\n        },\n    },\n    data() {\n        return {\n            clipboardTooltipOptions: {\n                content: 'Copy Link',\n                offset: '3px',\n                hideOnTargetClick: false,\n            },\n            clipboardLinkImg: '/static/icons/layout/link.svg',\n            clipboardCopied: false,\n        };\n    },\n    computed: {\n        ...mapGetters('profile', {\n            getImage: 'getImage',\n            getProfile: 'getProfile',\n        }),\n        ...mapState('profile', {\n            me: 'me',\n        }),\n        ownerName() {\n            return this.getProfile(this.campaign.owner).displayName;\n        },\n        prettyJoinId() {\n            let id = this.campaign.joinId;\n            //takes 6 digit id of xxxxxx and turns it into xxx-xxx\n            return id.slice(0, 3) + '-' + id.slice(3);\n        },\n        isOwned() {\n            return this.me.id === this.campaign.owner;\n        },\n    },\n    created: async function() {\n        if (!this.getProfile(this.campaign.owner)) {\n            await this.loadProfile(this.campaign.owner);\n        }\n    },\n    methods: {\n        ...mapActions('profile', {\n            loadProfile: 'load',\n        }),\n        playCampaign() {\n            this.$router.push({ name: 'live-play', params: { sessionId: this.campaign.id, mapId: 'debug' } });\n        },\n        editCampaign() {\n            this.$router.push({ path: `/edit/${this.campaign.id}` });\n        },\n        deleteCampaign() {\n            this.$emit('delete-campaign');\n        },\n        leaveCampaign() {\n            this.$emit('leave-campaign');\n        },\n        closeWindow() {\n            this.resetClipboardButton();\n            this.$emit('dismiss');\n        },\n        copyToClipboard() {\n            this.$clipboard(`${window.location.origin}/invite/${this.campaign.joinId}`);\n            this.clipboardLinkImg = '/static/icons/layout/check.svg';\n            this.clipboardCopied = true;\n            this.clipboardTooltipOptions.content = 'Copied!';\n        },\n        resetClipboardButton() {\n            this.clipboardLinkImg = '/static/icons/layout/link.svg';\n            this.clipboardCopied = false;\n            this.clipboardTooltipOptions.content = 'Copy Link';\n        },\n    },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.info-card-contents {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    padding: 2em;\n    display: grid;\n    grid-template-rows: 3em 20px 1fr 1em 3em 60px;\n    row-gap: 10px;\n    .dismiss {\n        width: 3em;\n        position: absolute;\n        top: 1.25em;\n        right: 1.25em;\n        cursor: pointer;\n        &:hover {\n            opacity: 0.8;\n        }\n        &:active {\n            opacity: 0.6;\n        }\n    }\n}\n#name {\n    height: 100%;\n    font-weight: 700;\n    font-size: 30px;\n    margin: 10px 3px 20px 3px;\n    padding-right: 2ch;\n    line-height: normal !important;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n#owner {\n    font-weight: 300;\n    font-size: 1.4em;\n    color: rgb(161, 161, 161);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n#description {\n    font-size: 18px;\n    margin-top: 1em;\n    line-height: 1.25em;\n    grid-row: 3;\n    overflow: hidden;\n    text-align: justify;\n}\n#invitation-header {\n    margin-left: 10px;\n    font-size: 15px;\n    color: #949494;\n    font-weight: 400;\n}\n#invitation-container {\n    width: 100%;\n    display: grid;\n    grid-template-columns: 1fr 3em;\n    align-items: center;\n    border-radius: 10px;\n    background: #444545;\n    justify-items: center;\n    overflow: hidden;\n\n    #id {\n        width: 100%;\n        padding: 0px 10px;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        font-size: 18px;\n        font-weight: 300;\n        overflow: hidden;\n        text-align: center;\n        letter-spacing: 0.5ch;\n    }\n\n    #copy-link-button {\n        height: 100%;\n        width: 100%;\n        background: #313131;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        overflow: hidden;\n        transition: background 0.2s;\n    }\n    #copy-link-button:hover {\n        background: #585858;\n    }\n    #copy-link-button.copied {\n        background: #1ba73e;\n    }\n}\n//clipboard copy transition\n.slide-left-leave-active,\n.slide-left-enter-active {\n    transition: 0.2s ease;\n}\n.slide-left-enter {\n    transform: translate(3em, 0);\n}\n.slide-left-leave {\n    transform: translate(0, 0);\n}\n.slide-left-leave-to {\n    transform: translate(-3em, 0);\n}\n.modal-button {\n    width: auto;\n    padding: 0px 30px;\n    margin: 3px 5px;\n}\n.modal-button.selected {\n    padding: 0px 50px;\n}\n#delete {\n    width: auto;\n    padding: 0px 10px;\n}\n#delete img {\n    height: 1em;\n    width: 1em;\n    margin-bottom: 2px;\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!./CampaignInfoCard.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!./CampaignInfoCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CampaignInfoCard.vue?vue&type=template&id=70a205fe&scoped=true&\"\nimport script from \"./CampaignInfoCard.vue?vue&type=script&lang=js&\"\nexport * from \"./CampaignInfoCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CampaignInfoCard.vue?vue&type=style&index=0&id=70a205fe&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  \"70a205fe\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div class=\"campaign\">\n        <div class=\"info-card\" :class=\"{ show: showCard }\">\n            <CampaignInfoCard\n                :campaign=\"campaign\"\n                @dismiss=\"hideInfoCard\"\n                @delete-campaign=\"deleteCampaign\"\n                @leave-campaign=\"leaveCampaign\"\n            />\n        </div>\n        <div class=\"campaign-card\" :style=\"{ 'background-image': 'url(' + campaign.imageUrl + ')' }\">\n            <div id=\"overlay\" @click.self=\"campaignClick\">\n                <img src=\"/static/icons/layout/play.svg\" @click.self=\"campaignClick\" />\n                <div class=\"info\" @click=\"showInfoCard\">\n                    <img src=\"/static/icons/layout/info.svg\" />\n                    Info\n                </div>\n            </div>\n        </div>\n        <div class=\"campaign-name\">{{ campaign.name }}</div>\n    </div>\n</template>\n\n<script>\nimport CampaignInfoCard from './CampaignInfoCard';\nexport default {\n    components: {\n        CampaignInfoCard,\n    },\n    props: {\n        campaign: {\n            type: Object,\n            required: true,\n        },\n    },\n    data() {\n        return {\n            showCard: false,\n        };\n    },\n    methods: {\n        campaignClick() {\n            //hide the info card if it is being shown\n            if (this.showCard) {\n                this.hideInfoCard();\n            } else {\n                this.$store.dispatch('analytics/pushEvent', {\n                    event: {\n                        category: 'Campaign',\n                        action: 'Play',\n                        name: this.campaign.name,\n                        value: this.campaign.players.length,\n                    },\n                });\n                this.$router.push({ name: 'live-play', params: { sessionId: this.campaign.id, mapId: 'debug' } });\n            }\n        },\n        showInfoCard() {\n            this.showCard = true;\n        },\n        hideInfoCard() {\n            this.showCard = false;\n        },\n        deleteCampaign() {\n            this.$emit('delete-campaign', this.campaign);\n        },\n        leaveCampaign() {\n            this.$emit('leave-campaign', this.campaign);\n        },\n    },\n};\n</script>\n<style lang=\"scss\">\n$hover-transition-length: 0.5s;\n.campaign {\n    width: 25vw;\n    min-width: 353px;\n    max-width: 500px;\n    display: flex;\n    flex-direction: column;\n    margin: 1em 3em;\n    position: relative;\n}\n.campaign-card {\n    position: relative;\n    height: 35vw;\n    min-height: 494px;\n    max-height: 700px;\n    background: #1c1c1c;\n    border-radius: 3em;\n    box-shadow: 0px 0px 50px #00000041;\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center;\n    transition: all $hover-transition-length ease;\n    cursor: pointer;\n    overflow: hidden;\n    #overlay {\n        opacity: 0;\n        width: 100%;\n        height: 100%;\n        background: #000000aa;\n        display: flex;\n        justify-content: center;\n        align-content: center;\n        transition: opacity $hover-transition-length;\n        img {\n            width: 30%;\n        }\n    }\n\n    .info {\n        font-size: 20px;\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        width: 100%;\n        background: #1c1c1cab;\n        border-top: #333 solid 2px;\n        padding: 1.5em 0;\n        cursor: pointer;\n        user-select: none;\n        text-align: center;\n        transition: background 0.2s;\n        img {\n            height: 2em;\n            width: 2em !important;\n            padding: 0;\n            margin-right: 0.25em;\n            margin-top: -0.2em;\n        }\n        &:hover {\n            background: #1c1c1cd3;\n        }\n    }\n}\n.campaign-card:hover {\n    transform: scale(1.03);\n    #overlay {\n        opacity: 1;\n    }\n}\n.info-card {\n    position: absolute;\n    bottom: -20px;\n\n    height: 95%;\n    width: 100%;\n    border-radius: 3em;\n\n    background: #1c1c1c;\n    opacity: 0;\n    z-index: 10;\n    pointer-events: none;\n    transition: all $hover-transition-length ease;\n}\n.info-card.show {\n    bottom: 0px;\n    pointer-events: all;\n    opacity: 1;\n}\n.info-card.show ~ .campaign-card {\n    transform: scale(0.9);\n    filter: saturate(0.25) brightness(1.7);\n    margin-top: -20px;\n}\n.info-card.show ~ .campaign-name {\n    opacity: 0;\n}\n.campaign-name {\n    text-align: center;\n    font-size: 19px;\n    padding-top: 1em;\n    overflow-y: hidden;\n    transition: all $hover-transition-length ease;\n    user-select: none;\n    line-height: normal !important;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-weight: 400;\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!./CampaignItem.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!./CampaignItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CampaignItem.vue?vue&type=template&id=eb7ac652&\"\nimport script from \"./CampaignItem.vue?vue&type=script&lang=js&\"\nexport * from \"./CampaignItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CampaignItem.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"campaign\",on:{\"click\":_vm.goToCreate}},[_vm._m(0)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"campaign-card add-campaign\"},[_c('img',{staticClass:\"plus\",attrs:{\"src\":\"/static/icons/layout/campaign-plus.svg\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"campaign\" @click=\"goToCreate\">\n        <div class=\"campaign-card add-campaign\">\n            <img class=\"plus\" src=\"/static/icons/layout/campaign-plus.svg\" />\n        </div>\n    </div>\n</template>\n<script>\nexport default {\n    methods: {\n        goToCreate() {\n            this.$router.push({ path: '/create' });\n        },\n    },\n};\n</script>\n\n<style lang=\"scss\">\n.campaign-card.add-campaign {\n    background: #262626;\n    border: #444545 8px solid;\n    border-radius: 3em;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    img.plus {\n        width: 7em;\n        height: 7em;\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!./CampaignAddItem.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!./CampaignAddItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CampaignAddItem.vue?vue&type=template&id=4f5c1c54&\"\nimport script from \"./CampaignAddItem.vue?vue&type=script&lang=js&\"\nexport * from \"./CampaignAddItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CampaignAddItem.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","<template>\n    <div id=\"campaign-list\">\n        <CampaignItem\n            v-for=\"campaign in campaigns\"\n            :key=\"campaign.id\"\n            :campaign=\"campaign\"\n            @delete-campaign=\"deleteCampaign\"\n            @leave-campaign=\"leaveCampaign\"\n        />\n        <CampaignAddItem />\n    </div>\n</template>\n\n<script>\nimport axios from 'axios';\nimport { mapActions, mapState } from 'vuex';\nimport moment from 'moment';\nimport CampaignItem from './CampaignItem';\nimport CampaignAddItem from './CampaignAddItem';\n\nexport default {\n    components: {\n        CampaignItem,\n        CampaignAddItem,\n    },\n    data() {\n        return {\n            campaigns: [],\n            searchQuery: '',\n            focusedCampaign: null,\n            error: '',\n            imageUrl: '',\n            index: '',\n            defaultCampaignImage: 'static/images/defaultCampaignImg.jpg',\n        };\n    },\n    computed: {\n        ...mapState('profile', {\n            myProfile: 'me',\n        }),\n        filteredCampaigns: function() {\n            return this.campaigns.filter(c => {\n                c.created = moment(c.created, 'YYYY-MM-DD').format('MM/DD/YYYY');\n                c.lastModified = moment(c.lastModified, 'YYYY-MM-DD').format('MM/DD/YYYY');\n                if (c.lastModified == '01/01/0001') {\n                    c.lastModified = 'Not played yet !';\n                }\n                return c.name.toLowerCase().includes(this.searchQuery.toLowerCase());\n            });\n        },\n    },\n    async beforeRouteEnter(to, from, next) {\n        try {\n            next(async vm => {\n                const profile = await vm.me();\n                console.log(JSON.stringify(profile));\n                const response = await axios.get(`/api/campaigns`);\n                vm.setData(response.data);\n            });\n        } catch (error) {\n            next(vm => vm.setError(error));\n        }\n    },\n    methods: {\n        ...mapActions('profile', {\n            me: 'me',\n        }),\n        setData(data) {\n            this.campaigns = data;\n        },\n        setError() {\n            this.error = 'Error loading campaign list.';\n        },\n        focusCampaign(campaign) {\n            this.focusedCampaign = campaign;\n        },\n        display(campaign, i) {\n            this.campaign = campaign;\n            this.index = i;\n        },\n        unfocusCampaign() {\n            this.focusedCampaign = null;\n        },\n        playClick(campaign) {\n            let date = new Date();\n            campaign.lastModified = moment(date, 'YYYY-MM-DD').format('MM/DD/YYYY');\n            this.campaign = campaign;\n            let method = this.campaign.id ? 'put' : 'post';\n            axios[method]('/api/campaigns', this.campaign).then(() => {});\n        },\n        refresh() {\n            axios\n                .get(`/api/campaigns`)\n                .then(response => {\n                    this.setData(response.data);\n                })\n                .catch(error => {\n                    this.setError(error);\n                });\n        },\n        deleteCampaign(campaign) {\n            axios.delete(`/api/campaigns/${campaign.id}`).then(() => {\n                this.refresh();\n                this.hover = false;\n            });\n        },\n        leaveCampaign(campaign) {\n            axios.put(`/api/campaigns/${campaign.id}/leave`).then(() => {\n                this.refresh();\n                this.hover = false;\n            });\n        },\n    },\n};\n</script>\n<style lang=\"scss\" scoped>\n#campaign-list {\n    padding-top: 8em;\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(325px, 500px));\n    gap: 2vw;\n    // centres each campaign in the grid cell\n    justify-items: center;\n    // centres the whole grid in the outer view\n    justify-content: center;\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!./CampaignList.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!./CampaignList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CampaignList.vue?vue&type=template&id=75dac8c6&scoped=true&\"\nimport script from \"./CampaignList.vue?vue&type=script&lang=js&\"\nexport * from \"./CampaignList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CampaignList.vue?vue&type=style&index=0&id=75dac8c6&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  \"75dac8c6\",\n  null\n  \n)\n\nexport default component.exports","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!./CampaignAddItem.vue?vue&type=style&index=0&lang=scss&\"","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!./CampaignList.vue?vue&type=style&index=0&id=75dac8c6&lang=scss&scoped=true&\"","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!./CampaignItem.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}