{"version":3,"sources":["webpack:///./src/pages/News/index.vue?b7e5","webpack:///src/pages/News/index.vue","webpack:///./src/pages/News/index.vue?3dec","webpack:///./src/pages/News/index.vue","webpack:///./src/pages/News/index.vue?d5c8"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_l","item","key","id","on","$event","redirect","style","backgroundImage","_s","Date","split","reverse","join","toLocaleString","day","month","year","replace","title","staticRenderFns","name","data","tags","computed","news","methods","getList","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACF,EAAG,KAAK,CAACE,YAAY,oBAAoB,CAACN,EAAIO,GAAG,aAAaP,EAAIQ,GAAIR,EAAQ,MAAE,SAASS,GAAM,OAAOL,EAAG,MAAM,CAACM,IAAID,EAAKE,GAAGL,YAAY,OAAOM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIc,SAASL,EAAKE,OAAO,CAACP,EAAG,MAAM,CAACE,YAAY,cAAcS,MAAM,CAAGC,gBAAkB,OAAUP,EAAQ,IAAI,OAAUL,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIO,GAAG,IAAIP,EAAIiB,GAAG,IAAIC,KAAMT,EAAS,KAAEU,MAAM,KAAMC,UAAUC,KAAK,MAAOC,eAAe,QAAS,CAAEC,IAAK,UAAWC,MAAO,OAAQC,KAAM,YAAcC,QAAQ,SAAU,KAAK,OAAOtB,EAAG,KAAK,CAACE,YAAY,gCAAgC,CAACN,EAAIO,GAAGP,EAAIiB,GAAGR,EAAKkB,oBAAmB,IACpyBC,EAAkB,G,YCyCP,GACfC,YACAC,OACA,OACAC,kCAGAC,yBAAAC,mBACAC,YACA,gBACAC,0BAEArB,YACA,+BAGA,gBACA,0CAGA,iBC9DokB,I,wBCQhkBsB,EAAY,eACd,EACArC,EACA6B,GACA,EACA,KACA,KACA,MAIa,aAAAQ,E,oECnBf","file":"js/chunk-22e0ede6.c3c9cf65.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container mx-auto text-center\"},[_c('h1',{staticClass:\"news-page__title\"},[_vm._v(\"НОВОСТИ\")]),_vm._l((_vm.news),function(item){return _c('div',{key:item.id,staticClass:\"news\",on:{\"click\":function($event){return _vm.redirect(item.id)}}},[_c('div',{staticClass:\"news__image\",style:({ backgroundImage: (\"url(\" + (item.img) + \")\") })}),_c('div',{staticClass:\"news__info\"},[_c('div',[_c('div',{staticClass:\"news__date\"},[_vm._v(\" \"+_vm._s(new Date((item.date).split('.') .reverse().join('-')) .toLocaleString('ru-RU', { day: 'numeric', month: 'long', year: 'numeric' }) .replace(/\\s*г\\./, \"\"))+\" \")]),_c('h2',{staticClass:\"news__title font-weight-bold\"},[_vm._v(_vm._s(item.title))])])])])})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container mx-auto text-center\">\n    <h1 class=\"news-page__title\">НОВОСТИ</h1>\n    <div\n      v-for=\"item in news\"\n      :key=\"item.id\"\n      class=\"news\"\n      @click=\"redirect(item.id)\"\n    >\n      <div\n        class=\"news__image\"\n        :style=\"{ backgroundImage: `url(${item.img})` }\"\n      />\n      <div class=\"news__info\">\n        <div>\n          <div class=\"news__date\">\n            {{ new Date((item.date).split('.')\n              .reverse().join('-'))\n              .toLocaleString('ru-RU', { day: 'numeric', month: 'long', year: 'numeric' })\n              .replace(/\\s*г\\./, \"\")\n            }}\n          </div>\n          <h2 class=\"news__title font-weight-bold\">{{ item.title }}</h2>\n        </div>\n      <!--   todo: News.tags     -->\n       <!-- <div class=\"news__tags\">\n          <div\n            v-for=\"(item, idx) in tags\"\n            :key=\"idx\"\n            class=\"news__tags--item\"\n          >\n            {{ item }}\n          </div>\n        </div>-->\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from \"vuex\"\n\nexport default {\n  name: \"News\",\n  data() {\n    return {\n      tags: ['SomeText', 'AnotherText']\n    }\n  },\n  computed: mapGetters({ news: 'news/list' }),\n  methods: {\n    ...mapActions({\n      getList: 'news/GET_LIST',\n    }),\n    redirect(id) {\n      this.$router.push(`news/${id}`)\n    }\n  },\n  async created() {\n    if (this.$store.state.news.list.length) {\n      return\n    }\n    await this.getList()\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.news-page__title {\n  font-size: 18px;\n  line-height: 20px;\n  font-weight: 700;\n  margin-bottom: 24px;\n}\n\n.news {\n  display: flex;\n  gap: 12px;\n  max-width: 100%;\n  margin-bottom: 44px;\n  cursor: pointer;\n\n  &__info {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    text-align: left;\n  }\n\n  &__image {\n    min-width: 140px;\n    background-size: cover;\n    height: 95px;\n    border-radius: 15px;\n  }\n\n  &__date {\n    font-size: 10px;\n    color: #000000;\n    font-weight: 300;\n    margin-bottom: 6px;\n  }\n\n  &__title {\n    font-size: 10px;\n    color: #000000;\n    font-weight: 400;\n    min-height: 100%;\n  }\n\n  &__tags {\n    display: inline-flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-right: auto;\n\n    &--item {\n      padding: 2px 4px;\n      background-color: #80b4e6;\n      opacity: 0.7;\n      border-radius: 2px;\n      text-align: center;\n      font-size: 8px;\n      line-height: 8px;\n      font-weight: 300;\n      color: #1976d2;\n    }\n  }\n}\n.news:not(:last-child) {\n  margin-bottom: 36px;\n}\n@media (min-width: 768px) {\n  .news-page__title {\n    font-size: 38px;\n    line-height: 61px;\n    color: #222222;\n    margin-bottom: 64px;\n  }\n\n  .news {\n    gap: 42px;\n    margin-bottom: 100px;\n\n    &__info {\n      max-width: 400px;\n    }\n\n    &__image {\n      min-width: 306px;\n      height: 182px;\n    }\n\n    &__date {\n      font-size: 18px;\n      line-height: 27px;\n      color: #000000;\n      font-weight: 400;\n      margin-bottom: 20px;\n    }\n\n    &__title {\n      font-size: 20px;\n      color: #000000;\n      font-weight: 500;\n    }\n\n    &__tags {\n      flex-direction: row;\n\n      &--item {\n        font-size: 14px;\n        line-height: 14px;\n      }\n    }\n  }\n\n  .news:not(:last-child) {\n    margin-bottom: 48px;\n  }\n}\n\n@media (min-width: 1024px) {\n  .news-page__title {\n    font-size: 48px;\n    line-height: 61px;\n  }\n\n  .news {\n    gap: 64px;\n    margin-bottom: 80px;\n\n    &__info {\n      max-width: 100%;\n    }\n\n    &__image {\n      width: 306px;\n      height: 182px;\n    }\n\n    &__title {\n      font-size: 24px;\n    }\n\n    &__date {\n      font-size: 24px;\n    }\n\n    &__tags {\n      gap: 20px;\n    }\n  }\n\n  .news:not(:last-child) {\n    margin-bottom: 72px;\n  }\n}\n</style>\n","import mod from \"-!../../../../../shared/node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../shared/node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../../shared/node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../shared/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../shared/node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../shared/node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../shared/node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../../shared/node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../shared/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../shared/node_modules/@vue/cli-service/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=d9010f2c&\"\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&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../shared/node_modules/@vue/cli-service/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 \"-!../../../../../shared/node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../shared/node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../shared/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../shared/node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../shared/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../shared/node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../shared/node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}