{"version":3,"sources":["webpack:///./src/pages/Biblioteka/NewsPage.vue?7240","webpack:///src/pages/Biblioteka/NewsPage.vue","webpack:///./src/pages/Biblioteka/NewsPage.vue?7c68","webpack:///./src/pages/Biblioteka/NewsPage.vue","webpack:///./src/pages/Biblioteka/NewsPage.vue?7446"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","news","title","date","description","domProps","text","staticRenderFns","name","data","lastNews","computed","methods","getNews","redirect","onScroll","id","window","destroyed","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACE,YAAY,0BAA0B,CAACF,EAAG,KAAK,CAACE,YAAY,mBAAmB,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,MAAM,CAACP,EAAIQ,GAAG,gBAAgB,GAAGJ,EAAG,KAAK,CAACE,YAAY,mBAAmB,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,OAAOJ,EAAG,cAAc,CAACE,YAAY,kBAAkBC,MAAM,CAAC,GAAK,gBAAgB,CAACP,EAAIQ,GAAG,gCAAgC,KAAKJ,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACN,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,KAAKC,UAAUP,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACN,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,KAAKE,SAASR,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACN,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIU,KAAKG,aAAa,KAAKT,EAAG,MAAM,CAACE,YAAY,kBAAkBQ,SAAS,CAAC,UAAYd,EAAIS,GAAIT,EAAIU,KAAKK,gBACzzBC,EAAkB,G,YC4BP,GACfC,kBACAC,WACAC,cAEAC,yBAAAV,wBACAW,YACA,gBACAC,+BAEAC,YACA,wBACA,mBAGAC,WAEA,6BAEA,4CACA,sCAGA,sBACA,cACAC,mCAEA,qDAEAC,iDAEAC,YACAD,qDC7DukB,I,wBCQnkBE,EAAY,eACd,EACA7B,EACAiB,GACA,EACA,KACA,WACA,MAIa,aAAAY,E,6CCnBf","file":"js/chunk-54ef1e33.4b1eaeed.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('ul',{staticClass:\"news-page__breadcrumbs\"},[_c('li',{staticClass:\"breadcrumb-item\"},[_c('router-link',{attrs:{\"to\":\"/\"}},[_vm._v(\" Главная \")])],1),_c('li',{staticClass:\"breadcrumb-item\"},[_c('span',[_vm._v(\"/\")]),_c('router-link',{staticClass:\"breadcrumb-item\",attrs:{\"to\":\"/biblioteka\"}},[_vm._v(\"Библиотека лучших практик\")])],1)]),_c('div',{staticClass:\"news-page__info\"},[_c('div',{staticClass:\"news-page__title\"},[_vm._v(_vm._s(_vm.news.title))]),_c('div',{staticClass:\"news-page__date\"},[_vm._v(_vm._s(_vm.news.date))]),_c('div',{staticClass:\"news-page__desc\"},[_vm._v(\" \"+_vm._s(_vm.news.description)+\" \"),_c('div',{staticClass:\"news-page__text\",domProps:{\"innerHTML\":_vm._s( _vm.news.text )}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container\">\n    <ul class=\"news-page__breadcrumbs\">\n      <li class=\"breadcrumb-item\">\n        <router-link to=\"/\">\n          Главная\n        </router-link>\n      </li>\n      <li class=\"breadcrumb-item\">\n          <span>/</span>\n          <router-link to=\"/biblioteka\" class=\"breadcrumb-item\">Библиотека лучших практик</router-link>\n      </li>\n    </ul>\n    <div class=\"news-page__info\">\n      <div class=\"news-page__title\">{{ news.title }}</div>\n      <div class=\"news-page__date\">{{ news.date }}</div>\n      <div class=\"news-page__desc\">\n        {{ news.description }}\n        <div class=\"news-page__text\" v-html=\" news.text \"></div>\n      </div>\n    </div>\n   \n   \n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from \"vuex\"\n\nexport default {\n  name: 'SoftSkills',\n  data: () => ({\n    lastNews: []\n  }),\n  computed: mapGetters({news: 'softskils/news'}),\n  methods: {\n    ...mapActions({\n      getNews: 'softskils/GET_NEWS',\n    }),\n    redirect(id) {\n      this.$router.push(`${id}`)\n      this.$router.go()\n    },\n    \n    onScroll() {\n      \n      if (!window || !document) return;\n\n      const posTop = document.scrollingElement.scrollTop;\n      this.viewUpper = posTop > window.innerHeight;\n    },\n  },\n  async created() {\n    await this.getNews({\n      id: Number(this.$route.params.id),\n    })\n    this.lastNews = this.$store.state.news.list.slice(0, 3)\n\n    window.addEventListener('scroll', this.onScroll);\n  },\n  destroyed() {\n    window.removeEventListener('scroll', this.onScroll);\n  },\n}\n</script>\n\n<style scoped lang=\"scss\">\n.cover {object-fit: cover;}\n.news-page {\n  &__breadcrumbs {\n    display: flex;\n    width: 100%;\n    margin-bottom: 20px;\n  }\n\n  &__info {\n    margin: 0 auto;\n    text-align: left;\n  }\n\n  &__title {\n    font-size: 10px;\n    font-weight: 500;\n    margin-bottom: 14px;\n  }\n\n  &__date {\n    font-size: 8px;\n    line-height: 8px;\n    font-weight: 500;\n    margin-bottom: 12px;\n  }\n\n  &__desc {\n    font-size: 10px;\n    line-height: 15px;\n    font-weight: 300;\n    margin-bottom: 20px;\n  }\n\n  &__text {\n    margin: 20px 0 40px;\n  }\n\n  &__image {\n    width: 100%;\n    margin: 0 auto 20px;\n\n    & > img {\n      border-radius: 15px;\n      object-fit: cover;\n      width: 100%;\n      height: 100%;\n    }\n  }\n}\n\n.breadcrumb-item {\n  cursor: pointer;\n  font-size: 8px;\n  line-height: 27px;\n  font-weight: 300;\n\n  & > span {\n    margin: 0 4px;\n    cursor: default;\n  }\n}\n\n.last-news {\n  display: flex;\n  justify-content: space-around;\n  gap: 28px;\n  margin: 0 auto;\n\n  &--item {\n    min-width: 95px;\n    width: 100%;\n    text-align: left;\n\n    & > img {\n      width: 100%;\n      min-height: 95px;\n      border-radius: 15px;\n      margin-bottom: 8px;\n    }\n\n    &__date {\n      font-size: 8px;\n      font-weight: 400;\n      margin-bottom: 8px;\n    }\n\n    &__title {\n      font-size: 10px;\n      line-height: 10px;\n      font-weight: 300;\n      margin-bottom: 10px;\n    }\n  }\n\n  &__tag {\n    display: inline-flex;\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@media (min-width: 768px) {\n  .news-page {\n    &__breadcrumbs {\n      margin-bottom: 40px;\n    }\n\n    &__title {\n      font-size: 20px;\n      margin-bottom: 24px;\n    }\n\n    &__date {\n      font-size: 14px;\n      line-height: 14px;\n      margin-bottom: 24px;\n    }\n\n    &__desc {\n      font-size: 18px;\n      line-height: 27px;\n      margin-bottom: 40px;\n    }\n\n    &__image {\n      height: 366px;\n      margin-bottom: 40px;\n    }\n  }\n\n  .breadcrumb-item {\n    font-size: 14px;\n  }\n\n  .last-news {\n    &--item {\n      width: 228px;\n\n      & > img {\n        height: 133px;\n        margin-bottom: 40px;\n      }\n\n      &__date {\n        font-size: 12px;\n        line-height: 27px;\n        margin-bottom: 14px;\n      }\n\n      &__title {\n        font-size: 14px;\n        line-height: 14px;\n        font-weight: 500;\n        margin-bottom: 20px;\n      }\n    }\n\n    &__tag {\n      font-size: 14px;\n      line-height: 14px;\n    }\n  }\n}\n@media (min-width: 1024px) {\n  .news-page {\n    &__breadcrumbs {\n      margin-bottom: 20px;\n    }\n\n    &__date {\n      font-size: 16px;\n      margin-bottom: 32px;\n    }\n\n    &__image {\n      height: 482px;\n      margin-bottom: 60px;\n    }\n  }\n\n  .last-news {\n    &--item {\n      width: 263px;\n      cursor: pointer;\n\n      & > img {\n        height: 154px;\n      }\n\n      &__date {\n        font-size: 12px;\n        line-height: 27px;\n        margin-bottom: 20px;\n      }\n\n      &__title {\n        font-size: 14px;\n        line-height: 14px;\n        font-weight: 500;\n      }\n    }\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!./NewsPage.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!./NewsPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewsPage.vue?vue&type=template&id=f2c7cc04&scoped=true&\"\nimport script from \"./NewsPage.vue?vue&type=script&lang=js&\"\nexport * from \"./NewsPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewsPage.vue?vue&type=style&index=0&id=f2c7cc04&scoped=true&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  \"f2c7cc04\",\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!./NewsPage.vue?vue&type=style&index=0&id=f2c7cc04&scoped=true&lang=scss&\""],"sourceRoot":""}