{"version":3,"sources":["webpack:///./src/views/user/Events.vue?8281","webpack:///src/views/user/Events.vue","webpack:///./src/views/user/Events.vue?c784","webpack:///./src/views/user/Events.vue?99cb","webpack:///./src/views/user/Events.vue?a80e"],"names":["render","_vm","this","_h","$createElement","_c","_self","translates","langUrl","staticClass","_v","_s","listPage_title","lang","_l","item","i","key","dateFormatted","createdAt","domProps","subject","messageFormatted","message","link","linkText","attrs","_e","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAIM,YAAcN,EAAIM,WAAWN,EAAIO,SAAUH,EAAG,MAAM,CAACI,YAAY,eAAe,CAACJ,EAAG,MAAM,CAACI,YAAY,sBAAsB,CAACR,EAAIS,GAAGT,EAAIU,GAAGV,EAAIM,WAAWN,EAAIO,SAASI,eAAeX,EAAIY,UAAUR,EAAG,MAAM,CAACI,YAAY,0BAA0B,CAACR,EAAIa,GAAIb,EAAU,QAAE,SAASc,EAAKC,GAAG,MAAO,CAACX,EAAG,MAAM,CAACY,IAAID,EAAEP,YAAY,qBAAqB,CAACJ,EAAG,MAAM,CAACI,YAAY,2BAA2B,CAACJ,EAAG,MAAM,CAACI,YAAY,2BAA2B,CAACR,EAAIS,GAAGT,EAAIU,GAAGV,EAAIiB,cAAcH,EAAKI,eAAed,EAAG,MAAM,CAACI,YAAY,0BAA0BW,SAAS,CAAC,UAAYnB,EAAIU,GAAGI,EAAKM,YAAYhB,EAAG,MAAM,CAACI,YAAY,iCAAiCW,SAAS,CAAC,UAAYnB,EAAIU,GAAGV,EAAIqB,iBAAiBP,EAAKQ,aAAcR,EAAKS,MAAQT,EAAKU,SAAUpB,EAAG,MAAM,CAACI,YAAY,kCAAkC,CAACJ,EAAG,IAAI,CAACqB,MAAM,CAAC,KAAOX,EAAKS,OAAO,CAACvB,EAAIS,GAAGT,EAAIU,GAAGI,EAAKU,eAAexB,EAAI0B,cAAa,KAAK1B,EAAI0B,MAC59BC,EAAkB,G,gDC0BtB,GACI,KAAJ,aACI,WACI,MAAR,CACY,MAAZ,yFAGI,WAAJ,GACI,KAAJ,MACQ,gBACA,QAAR,WAEI,SAAJ,IACA,yBACY,OAAZ,mBAEA,uCACA,6BACY,WAAZ,iBAGI,gBACI,KAAR,mCACA,uBACA,kCACQ,KAAR,8BAEI,QAAJ,CACQ,wBACR,oCAEQ,cAAR,GACY,OAAZ,8BAEQ,iBAAR,GACY,OAAZ,2BC9DqM,I,wBCQjMC,EAAY,eACd,EACA7B,EACA4B,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,sECnBf","file":"js/chunk-101b5268.f1096b2c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.translates && _vm.translates[_vm.langUrl])?_c('div',{staticClass:\"events-list\"},[_c('div',{staticClass:\"events-list__title\"},[_vm._v(_vm._s(_vm.translates[_vm.langUrl].listPage_title[_vm.lang]))]),_c('div',{staticClass:\"events-list__container\"},[_vm._l((_vm.events),function(item,i){return [_c('div',{key:i,staticClass:\"events-list__item\"},[_c('div',{staticClass:\"events-list__item__text\"},[_c('div',{staticClass:\"events-list__item__date\"},[_vm._v(_vm._s(_vm.dateFormatted(item.createdAt)))]),_c('div',{staticClass:\"events-list__item__name\",domProps:{\"innerHTML\":_vm._s(item.subject)}}),_c('div',{staticClass:\"events-list__item__description\",domProps:{\"innerHTML\":_vm._s(_vm.messageFormatted(item.message))}}),(item.link && item.linkText)?_c('div',{staticClass:\"events-list__item__description\"},[_c('a',{attrs:{\"href\":item.link}},[_vm._v(_vm._s(item.linkText))])]):_vm._e()])])]})],2)]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"events-list\" v-if=\"translates && translates[langUrl]\">\n        <div class=\"events-list__title\">{{ translates[langUrl].listPage_title[lang] }}</div>\n        <div class=\"events-list__container\">\n            <template v-for=\"(item, i) in events\">\n                <div \n                    :key=\"i\"\n                    class=\"events-list__item\">\n                    <div class=\"events-list__item__text\">\n                        <div class=\"events-list__item__date\">{{ dateFormatted(item.createdAt) }}</div>\n                        <div class=\"events-list__item__name\" v-html=\"item.subject\"></div>\n                        <div class=\"events-list__item__description\" v-html=\"messageFormatted(item.message)\"></div>\n                        <div class=\"events-list__item__description\" v-if=\"item.link && item.linkText\"><a :href=\"item.link\">{{ item.linkText }}</a></div>\n                    </div>\n                </div>\n            </template>\n        </div>\n    </div>\n</template>\n\n<script>\n    import store from '@/store';\n    import { mapState } from 'vuex';\n    import { imageSrc } from '@/helpers';\n    import moment from '@/plugins/moment';\n\n\n    export default {\n        name: 'EventsList',\n        metaInfo() {\n            return {\n                title: this.translates[this.langUrl] ? this.translates[this.langUrl].browserTitle[this.lang] : ''\n            }\n        },\n        components: {},\n        data: () => ({\n            imageSrc,\n            langUrl: 'Events'\n        }),\n        computed: {\n            ...mapState('events', {\n                events: state => state.entities\n            }),\n            ...mapState('settings', ['lang']),\n            ...mapState('translates', {\n                translates: state => state.entities\n            }),\n        },\n        async mounted() {\n            this.$root.$emit('preloaderShow');\n            await this.getEvents();\n            await store.dispatch('events/summary');\n            this.$root.$emit('preloaderHide');\n        },\n        methods: {\n            async getEvents() {\n                await store.dispatch('events/fetch', {});\n            },\n            dateFormatted(date) {\n                return moment(date).calendar()\n            },\n            messageFormatted(message) {\n                return message.replace(/\\n/g, '<br>');\n            }\n        }\n    }\n\n</script>\n\n<style lang=\"scss\">\n    .events-list {\n        padding: 40px 24px 0;\n        font-family: Inter;\n        font-style: normal;\n        font-weight: normal;\n        @media all and (min-width: 1400px) {\n            max-width: 1400px;\n            padding: 70px 0 0;\n        }\n        @media all and (max-width: 768px) {\n            padding: 30px 20px 0;\n        }\n        &__title{\n            display: flex;\n            justify-content: flex-start;\n            font-weight: 600;\n            font-size: 28px;\n            line-height: 130%;\n            letter-spacing: -0.02em;\n            color: #273155;\n        }\n        &__container{\n            display: flex;\n            flex-direction: row;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n            margin-top: 30px;\n            @media all and (max-width: 768px) {\n                flex-direction: column;\n                font-size: 12px;\n            }\n        }\n        &__item {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            box-shadow: 0px 4px 3px rgba(44, 47, 56, 0.01), 0px 4px 20px rgba(44, 47, 56, 0.08);\n            border-radius: 12px;\n            overflow: hidden;\n            width: 445px;\n            // min-width: 350px;\n            &:last-of-type {\n                margin-right: 0;\n            }\n            @media all and (max-width: 768px) {\n                width: 335px;\n                margin-bottom: 20px;\n                &:last-of-type {\n                    margin-bottom: 0;\n                }\n            }\n            &__text {\n                padding: 24px;\n                display: flex;\n                flex-direction: column;\n                align-items: flex-start;\n                position: relative;\n            }\n            &__date {\n                font-size: 12px;\n                line-height: 150%;\n                letter-spacing: -0.02em;\n                color: #93A3B4;\n            }\n            &__name {\n                font-weight: 600;\n                font-size: 18px;\n                line-height: 24px;\n                letter-spacing: -0.02em;\n                color: #273155;\n                text-align: left;\n                margin-top: 12px;\n            }\n            &__description {\n                font-weight: normal;\n                font-size: 14px;\n                line-height: 150%;\n                letter-spacing: -0.02em;\n                color: #273155;\n                text-align: left;\n                margin-top: 8px;\n                overflow: hidden;\n            }\n            &__more {\n                font-weight: normal;\n                font-size: 16px;\n                line-height: 150%;\n                letter-spacing: -0.02em;\n                color: #D80765;\n                margin-top: 10px;\n                cursor: pointer;\n            }\n        }\n    }\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Events.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Events.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Events.vue?vue&type=template&id=1c38aff9&\"\nimport script from \"./Events.vue?vue&type=script&lang=js&\"\nexport * from \"./Events.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Events.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!./Events.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}