{"version":3,"sources":["webpack:///./src/views/news/List.vue?8863","webpack:///src/views/news/List.vue","webpack:///./src/views/news/List.vue?6d98","webpack:///./src/views/news/List.vue?93fd","webpack:///./src/views/news/List.vue?e766"],"names":["render","_vm","this","_h","$createElement","_c","_self","translates","langUrl","staticClass","_v","_s","listPage_title","lang","_l","item","i","key","on","$event","open","code","style","imageSrc","picture","title","preview","news_detail","_e","staticRenderFns","component"],"mappings":"kJAAA,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,aAAa,CAACJ,EAAG,MAAM,CAACI,YAAY,oBAAoB,CAACR,EAAIS,GAAGT,EAAIU,GAAGV,EAAIM,WAAWN,EAAIO,SAASI,eAAeX,EAAIY,UAAUR,EAAG,MAAM,CAACI,YAAY,wBAAwB,CAACR,EAAIa,GAAIb,EAAQ,MAAE,SAASc,EAAKC,GAAG,MAAO,CAACX,EAAG,MAAM,CAACY,IAAID,EAAEP,YAAY,kBAAkBS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOlB,EAAImB,KAAML,EAAKM,SAAU,CAAChB,EAAG,MAAM,CAACI,YAAY,2BAA2Ba,MAAQ,yBAA4BrB,EAAIsB,SAASR,EAAKS,SAAY,MAAQnB,EAAG,MAAM,CAACI,YAAY,yBAAyB,CAACJ,EAAG,MAAM,CAACI,YAAY,yBAAyB,CAACR,EAAIS,GAAGT,EAAIU,GAAGI,EAAKU,UAAUpB,EAAG,MAAM,CAACI,YAAY,gCAAgC,CAACR,EAAIS,GAAGT,EAAIU,GAAGI,EAAKW,YAAYrB,EAAG,MAAM,CAACI,YAAY,yBAAyB,CAACR,EAAIS,GAAGT,EAAIU,GAAGV,EAAIM,WAAWN,EAAIO,SAASmB,YAAY1B,EAAIY,mBAAkB,KAAKZ,EAAI2B,MAC37BC,EAAkB,G,gDC4BtB,GACI,KAAJ,WACI,WACI,MAAR,CACY,MAAZ,yFAGI,WAAJ,GACI,KAAJ,MACQ,gBACA,QAAR,SAEI,SAAJ,IACA,uBACY,KAAZ,mBAEA,uCACA,6BACY,WAAZ,iBAGI,gBACI,KAAR,mCACA,eACQ,KAAR,8BAEI,QAAJ,CACQ,sBACR,kCAEQ,SAAR,GACY,OAAZ,8BAEQ,WAAR,SAEA,kDAEQ,gBAER,2BACA,mBAMA,kBC3EmM,I,wBCQ/LC,EAAY,eACd,EACA9B,EACA6B,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,2CCnBf","file":"js/chunk-0d3f7df5.108092a5.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:\"news-list\"},[_c('div',{staticClass:\"news-list__title\"},[_vm._v(_vm._s(_vm.translates[_vm.langUrl].listPage_title[_vm.lang]))]),_c('div',{staticClass:\"news-list__container\"},[_vm._l((_vm.news),function(item,i){return [_c('div',{key:i,staticClass:\"news-list__item\",on:{\"click\":function($event){return _vm.open( item.code )}}},[_c('div',{staticClass:\"news-list__item__picture\",style:((\"background-image: url(\" + (_vm.imageSrc(item.picture)) + \")\"))}),_c('div',{staticClass:\"news-list__item__text\"},[_c('div',{staticClass:\"news-list__item__name\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"news-list__item__description\"},[_vm._v(_vm._s(item.preview))]),_c('div',{staticClass:\"news-list__item__more\"},[_vm._v(_vm._s(_vm.translates[_vm.langUrl].news_detail[_vm.lang]))])])])]})],2)]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"news-list\" v-if=\"translates && translates[langUrl]\">\n        <div class=\"news-list__title\">{{ translates[langUrl].listPage_title[lang] }}</div>\n        <div class=\"news-list__container\">\n            <template v-for=\"(item, i) in news\">\n                <div \n                    :key=\"i\"\n                    class=\"news-list__item\"\n                    @click=\"open( item.code )\">\n                    <div class=\"news-list__item__picture\" :style=\"`background-image: url(${ imageSrc(item.picture) })` \"></div>\n                    <div class=\"news-list__item__text\">\n                        <!-- <div class=\"news-list__item__date\">{{ postTime(item.createdAt) }}</div> -->\n                        <div class=\"news-list__item__name\">{{ item.title }}</div>\n                        <div class=\"news-list__item__description\">{{ item.preview }}</div>\n                        <div class=\"news-list__item__more\">{{ translates[langUrl].news_detail[lang] }}</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: 'NewsList',\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: 'News'\n        }),\n        computed: {\n            ...mapState('news', {\n                news: 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.getNews();\n            this.$root.$emit('preloaderHide');\n        },\n        methods: {\n            async getNews() {\n                await store.dispatch('news/fetch', {});\n            },\n            postTime(date) {\n                return moment(date).calendar()\n            },\n            async open(code) {\n                // await store.commit('news/CLEAR_ENTITY');\n                await this.$router.push({ name: 'news', params: { code } });\n            },\n            checkPosition() {\n                // Нам потребуется знать высоту документа и высоту экрана:\n                const height = document.body.offsetHeight\n                const screenHeight = window.innerHeight\n\n                // Они могут отличаться: если на странице много контента,\n                // высота документа будет больше высоты экрана (отсюда и скролл).\n\n                // Записываем, сколько пикселей пользователь уже проскроллил:\n                const scrolled = window.scrollY\n\n                // Обозначим порог, по приближении к которому\n                // будем вызывать какое-то действие.\n                // В нашем случае — четверть экрана до конца страницы:\n                const threshold = height - screenHeight / 4\n\n                // Отслеживаем, где находится низ экрана относительно страницы:\n                const position = scrolled + screenHeight\n\n                if (position >= threshold) {\n                    // Если мы пересекли полосу-порог, вызываем нужное действие.\n                }\n            }\n        }\n    }\n\n</script>\n\n<style lang=\"scss\">\n    .news-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: 16px;\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            &__picture {\n                width: 100%;\n                height: 180px;\n                background-position: center;\n                background-size: cover;\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: 14px;\n                line-height: 150%;\n                letter-spacing: -0.02em;\n                color: #93A3B4;\n                min-height: 21px;\n            }\n            &__name {\n                font-weight: 600;\n                font-size: 20px;\n                line-height: 24px;\n                letter-spacing: -0.02em;\n                color: #273155;\n                text-align: left;\n                margin-top: 12px;\n                min-height: 48px;\n            }\n            &__description {\n                font-weight: normal;\n                font-size: 16px;\n                line-height: 150%;\n                letter-spacing: -0.02em;\n                color: #273155;\n                text-align: left;\n                margin-top: 8px;\n                height: 95px;\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!./List.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!./List.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./List.vue?vue&type=template&id=b7fd26a0&\"\nimport script from \"./List.vue?vue&type=script&lang=js&\"\nexport * from \"./List.vue?vue&type=script&lang=js&\"\nimport style0 from \"./List.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!./List.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}