{"version":3,"sources":["webpack:///./src/@core/libs/i18n/utils.js","webpack:///./src/@core/libs/i18n/index.js","webpack:///./src/views/website/pages/activities/index.vue?b0e0","webpack:///src/views/website/pages/activities/index.vue","webpack:///./src/views/website/pages/activities/index.vue?ffa6","webpack:///./src/views/website/pages/activities/index.vue","webpack:///./src/libs/event-bus.js","webpack:///./src/views/website/pages/activities/index.vue?2370"],"names":["t","key","vm","getCurrentInstance","proxy","$t","_","useUtils","utils","render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","activity","i","class","attrs","staticStyle","$store","getters","imagePath","_v","_s","title","Date","date","toLocaleDateString","_f","description","id","staticRenderFns","component","EventBus","Vue","handleLangChange","action","$on","handleDashLangChange"],"mappings":"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","file":"js/chunk-c52d5086.js","sourcesContent":["import { getCurrentInstance } from '@vue/composition-api'\r\n\r\n/**\r\n * Returns translated string if i18n package is available to Vue\r\n * If i18n is not configured then it will simply return what is being passed\r\n * Useful if you don't know if i18n is configured or not\r\n * Used in @core files to handle absence of i18n without errors\r\n * @param {String} key i18n key to use for translation\r\n */\r\nexport const t = key => {\r\n  const vm = getCurrentInstance().proxy\r\n  return vm.$t ? vm.$t(key) : key\r\n}\r\n\r\nexport const _ = null\r\n","import * as utils from './utils'\r\n\r\nexport const useUtils = () => ({\r\n  ...utils,\r\n})\r\n\r\nexport const _ = null\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-container',{staticClass:\"py-5\"},_vm._l((_vm.activities),function(activity,i){return _c('section',{key:i,staticClass:\"activity-section\"},[_c('b-row',[_c('b-col',{staticClass:\"order-0\",class:i % 2 == 0 ? 'order-lg-0' : 'order-lg-1',attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('div',{staticClass:\"activity-images-container mx-auto\",staticStyle:{\"max-width\":\"500px\"},attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":\"3000\"}},[_c('div',{staticClass:\"image-1\"},[_c('div',{staticClass:\"activity-image-card-border rounded\"},[_c('div',{staticClass:\"activity-image-card rounded\"})])]),_c('div',{staticClass:\"image-2\"},[_c('div',{staticClass:\"activity-image-card-border rounded\"},[_c('div',{staticClass:\"activity-image-card rounded\"},[_c('img',{staticClass:\"w-100 rounded\",attrs:{\"src\":_vm.$store.getters['app/domainHost'] +\n                                        '/' +\n                                        activity.imagePath}})])])])])]),_c('b-col',{staticClass:\"order-1\",class:i % 2 == 0 ? 'order-lg-1' : 'order-lg-0',attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('div',{staticClass:\"activity-description-container w-100 rounded mx-auto\",staticStyle:{\"max-width\":\"500px\"}},[_c('h3',{attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":\"3000\"}},[_vm._v(_vm._s(activity.title))]),_c('div',{staticClass:\"d-flex align-items-center\",attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":\"2500\"}},[_c('unicon',{attrs:{\"name\":\"calendar-alt\",\"height\":\"18\",\"fill\":\"#fff\"}}),_c('span',[_vm._v(\" \"+_vm._s(new Date(activity.date).toLocaleDateString( \"en-UK\" ))+\" \")])],1),_c('p',{staticClass:\"m-0\",attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":\"2500\"}},[_vm._v(_vm._s(_vm._f(\"truncate\")(activity.description,180)))]),_c('b-button',{staticClass:\"text-custom-blue-sky\",attrs:{\"data-aos\":\"fade-up\",\"data-aos-duration\":\"2000\",\"to\":'/activities/' + activity.id,\"type\":\"button\",\"variant\":\"flat-primary\"}},[_vm._v(\" \"+_vm._s(_vm.t(\"readMore\"))+\" \"),_c('unicon',{staticClass:\"arrow\",attrs:{\"name\":\"angle-left\",\"fill\":\"#1AC9FB\"}})],1)],1)])],1)],1)}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template >\r\n    <b-container class=\"py-5\">\r\n        <section v-for=\"(activity, i) in activities\" :key=\"i\" class=\"activity-section\">\r\n            <b-row>\r\n                <b-col\r\n                    cols=\"12\"\r\n                    lg=\"6\"\r\n                    class=\"order-0\"\r\n                    :class=\"i % 2 == 0 ? 'order-lg-0' : 'order-lg-1'\"\r\n                >\r\n                    <div\r\n                        class=\"activity-images-container mx-auto\"\r\n                        style=\"max-width: 500px\"\r\n                        data-aos=\"fade-up\"\r\n                        data-aos-duration=\"3000\"\r\n                    >\r\n                        <div class=\"image-1\">\r\n                            <div class=\"activity-image-card-border rounded\">\r\n                                <div class=\"activity-image-card rounded\"></div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"image-2\">\r\n                            <div class=\"activity-image-card-border rounded\">\r\n                                <div class=\"activity-image-card rounded\">\r\n                                    <img\r\n                                        :src=\"\r\n                                            $store.getters['app/domainHost'] +\r\n                                            '/' +\r\n                                            activity.imagePath\r\n                                        \"\r\n                                        class=\"w-100 rounded\"\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </b-col>\r\n                <b-col\r\n                    cols=\"12\"\r\n                    lg=\"6\"\r\n                    class=\"order-1\"\r\n                    :class=\"i % 2 == 0 ? 'order-lg-1' : 'order-lg-0'\"\r\n                >\r\n                    <div\r\n                        class=\"activity-description-container w-100 rounded mx-auto\"\r\n                        style=\"max-width: 500px\"\r\n                    >\r\n                        <h3 data-aos=\"fade-up\" data-aos-duration=\"3000\">{{ activity.title }}</h3>\r\n                        <div\r\n                            data-aos=\"fade-up\"\r\n                            data-aos-duration=\"2500\"\r\n                            class=\"d-flex align-items-center\"\r\n                        >\r\n                            <unicon name=\"calendar-alt\" height=\"18\" fill=\"#fff\" />\r\n                            <span>\r\n                                {{\r\n                                    new Date(activity.date).toLocaleDateString(\r\n                                        \"en-UK\"\r\n                                    )\r\n                                }}\r\n                            </span>\r\n                        </div>\r\n\r\n                        <p\r\n                            class=\"m-0\"\r\n                            data-aos=\"fade-up\"\r\n                            data-aos-duration=\"2500\"\r\n                        >{{ activity.description | truncate(180) }}</p>\r\n                        <b-button\r\n                            data-aos=\"fade-up\"\r\n                            data-aos-duration=\"2000\"\r\n                            :to=\"'/activities/' + activity.id\"\r\n                            type=\"button\"\r\n                            variant=\"flat-primary\"\r\n                            class=\"text-custom-blue-sky\"\r\n                        >\r\n                            {{ t(\"readMore\") }}\r\n                            <unicon name=\"angle-left\" class=\"arrow\" fill=\"#1AC9FB\"></unicon>\r\n                        </b-button>\r\n                    </div>\r\n                </b-col>\r\n            </b-row>\r\n        </section>\r\n    </b-container>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapState } from \"vuex\";\r\nimport { useUtils as useI18nUtils } from \"@core/libs/i18n\";\r\nimport { handleLangChange } from \"@/libs/event-bus\";\r\nexport default {\r\n    computed: {\r\n        ...mapState({\r\n            activities: state => state.webActivities.activities\r\n        })\r\n    },\r\n    setup() {\r\n        const { t } = useI18nUtils();\r\n        return { t };\r\n    },\r\n    metaInfo() {\r\n        return {\r\n            titleTemplate: \"Awija - \" + this.$t(\"website.activities\"),\r\n            htmlAttrs: {\r\n                lang: this.$i18n.locale\r\n            },\r\n            meta: [\r\n                {\r\n                    name: \"description\",\r\n                    content: \"description\"\r\n                },\r\n                {\r\n                    name: \"keywords\",\r\n                    content: \"keywords, keywords, keywords, ...\"\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    created() {\r\n        this.fetchWebsiteActivities();\r\n        handleLangChange(this.fetchWebsiteActivities);\r\n    },\r\n    methods: {\r\n        ...mapActions([\"fetchWebsiteActivities\"])\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.activity-section {\r\n    padding: 50px 0;\r\n    color: #fff;\r\n    .activity-images-container {\r\n        height: 400px;\r\n        position: relative;\r\n        .image-1,\r\n        .image-2 {\r\n            perspective: 500px;\r\n            transform-style: preserve-3d;\r\n            position: absolute;\r\n            transform: translateY(-100px);\r\n            height: 100%;\r\n            width: 100%;\r\n            .activity-image-card-border {\r\n                transform-origin: right center;\r\n                transform: scale(0.9) rotate3d(22, 6, 0, -10deg)\r\n                    skew(-8deg, 0deg);\r\n                height: 100%;\r\n                width: 100%;\r\n                padding-top: 3px;\r\n                padding-right: 2px;\r\n                overflow: hidden;\r\n                .activity-image-card {\r\n                    height: 100%;\r\n                    width: 100%;\r\n                }\r\n            }\r\n            img {\r\n                height: 100%;\r\n                width: 100%;\r\n                object-fit: cover;\r\n                transform: scale(1.2) rotate3d(8, 6, 0, -28deg) skew(3deg, 0deg);\r\n            }\r\n        }\r\n        .image-1 {\r\n            top: 60px;\r\n            .activity-image-card-border {\r\n                border: solid 1px #fff;\r\n            }\r\n        }\r\n        .image-2 {\r\n            top: 54px;\r\n            right: 6px;\r\n        }\r\n    }\r\n    .activity-description-container {\r\n        h3 {\r\n            color: #fff;\r\n            margin: 0;\r\n        }\r\n        span {\r\n            display: block;\r\n            padding: 1rem 0;\r\n        }\r\n        p {\r\n            padding: 0 0 2em;\r\n            text-align: justify;\r\n        }\r\n    }\r\n    &:nth-of-type(2n - 1) {\r\n        .activity-images-container {\r\n            .image-1,\r\n            .image-2 {\r\n                .activity-image-card-border {\r\n                    position: relative;\r\n                    transform-origin: left center;\r\n                    transform: scale(0.9) rotate3d(-22, 6, 0, 10deg)\r\n                        skew(8deg, 0deg);\r\n                }\r\n                img {\r\n                    transform: scale(1.2) rotate3d(8, -6, 0, 28deg)\r\n                        skew(-3deg, 0deg);\r\n                }\r\n            }\r\n            .image-2 {\r\n                right: auto;\r\n                left: 6px;\r\n            }\r\n        }\r\n    }\r\n    @media screen and (max-width: 992px) {\r\n        .activity-images-container {\r\n            .image-1,\r\n            .image-2 {\r\n                .activity-image-card-border {\r\n                    transform: rotate(0deg) !important;\r\n                    img {\r\n                        transform: rotate(0deg) !important;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n[dir=\"ltr\"] {\r\n    .activity-section {\r\n        .activity-images-container {\r\n            .image-1,\r\n            .image-2 {\r\n                .activity-image-card-border {\r\n                    transform-origin: right center;\r\n                    transform: scale(0.9) rotate3d(-22, 6, 0, -10deg)\r\n                        skew(-8deg, 0deg);\r\n                }\r\n                img {\r\n                    transform: scale(1.2) rotate3d(8, 6, 0, -28deg)\r\n                        skew(3deg, 0deg);\r\n                }\r\n            }\r\n            .image-2 {\r\n                left: -6px;\r\n                right: auto;\r\n            }\r\n        }\r\n        &:nth-of-type(2n - 1) {\r\n            .activity-images-container {\r\n                .image-1,\r\n                .image-2 {\r\n                    .activity-image-card-border {\r\n                        transform-origin: left center;\r\n                        transform: scale(0.9) rotate3d(-22, 6, 0, -10deg)\r\n                            skew(8deg, 0deg);\r\n                    }\r\n                    img {\r\n                        transform: scale(1.2) rotate3d(8, -6, 0, 28deg)\r\n                            skew(-3deg, 0deg);\r\n                    }\r\n                }\r\n                .image-2 {\r\n                    right: -6px;\r\n                    left: auto;\r\n                }\r\n            }\r\n        }\r\n        .arrow {\r\n            transform: scaleX(-1);\r\n        }\r\n    }\r\n}\r\n</style>\r\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=700205d0&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=700205d0&scoped=true&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  \"700205d0\",\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue';\r\nexport const EventBus = new Vue();\r\n\r\nexport function handleLangChange(action) {\r\n    EventBus.$on('onLangChange', (id)=>{ \r\n        action(id);      \r\n    });\r\n    \r\n}\r\nexport function handleDashLangChange(action) {\r\n    EventBus.$on('onDashLangChange', (id)=>{ \r\n        action(id);      \r\n    });\r\n    \r\n}\r\nexport function handleChangeUserInfo(action) {\r\n    EventBus.$on('onChangeUserInfo', ()=>{ \r\n        action();      \r\n    });\r\n}\r\nexport function handleLoadReequest(action) {\r\n    EventBus.$on('onLoadReequest', ()=>{ \r\n        action();\r\n    });\r\n}","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!./index.vue?vue&type=style&index=0&id=700205d0&scoped=true&lang=scss&\""],"sourceRoot":""}