{"version":3,"sources":["webpack:///./src/views/page/Allnews.vue?d8c9","webpack:///./src/views/page/Allnews.vue","webpack:///./src/views/page/Allnews.vue?c0d5"],"names":["class","isLoading","$res","news","item","key","ContentId","style","name","caption","to","slug","slidesPerView","spaceBetween","index","components","Loading","swiper","setup","modules","data","server","this","$store","state","rootImagePath","beforeMount","initHome","methods","$server","method","url","then","response","initData","catch","error","console","log","obj","blogPosts","loading","pendingRequests","length","render","__scopeId"],"mappings":"uIAAA,W,0JCQSA,MAAM,Y,GACHA,MAAM,a,GAKTA,MAAM,a,GACJA,MAAM,O,GAEFA,MAAM,gB,GAOJA,MAAM,O,GACLA,MAAM,Q,GACPA,MAAM,kB,iBAC+B,e,GAK3CA,MAAM,sB,GAUMA,MAAM,O,GACJA,MAAM,Q,GACPA,MAAM,kB,iBAC+B,a,mLA3C3C,EAAAC,a,iBACd,eAAW,a,iBAIb,eA4CU,aA3CR,eAIM,MAJN,EAIM,CAHH,eAEK,MAFL,EAEK,CADN,eAAyC,yBAAlC,EAAAC,KAAI,8BAIb,eAoCM,MApCN,EAoCM,CAnCJ,eAgBM,MAhBN,EAgBM,E,mBAfJ,eAcM,2BAdwD,EAAAC,MAAI,SAAZC,G,wBAAtD,eAcM,OAdDJ,MAAM,oCAA0DK,IAAKD,EAAKE,W,CAC7E,eAYM,MAZN,EAYM,CAXJ,eAKO,OAJLN,MAAM,MACLO,MAAK,C,iCAAgD,gBAAgB,EAAK,U,eAI7E,eAIM,MAJN,EAIM,CAHJ,eAAqC,KAArC,EAAqC,eAAjBH,EAAKI,MAAI,GAC7B,eAAgD,IAAhD,EAAgD,eAAnBJ,EAAKK,SAAO,GACzC,eAAiE,GAAnDC,GAAE,gBAAWN,EAAKO,O,YAAQ,iBAAW,C,yCAK3D,eAiBS,MAjBT,EAiBS,CAfH,eAcS,GAdAC,cAAe,OAASC,aAAc,GAAIb,MAAM,Y,YACxC,iBAA6B,E,mBAA3C,eAYe,2BAZuB,EAAAG,MAAI,SAApBC,EAAMU,G,wBAA5B,eAYe,GAZ8BT,IAAKS,EAAOd,MAAM,gB,YAC5D,iBAKO,CALP,eAKO,OAJJA,MAAM,MACLO,MAAK,C,iCAA8C,gBAAgB,EAAK,U,eAI5E,eAIM,MAJN,EAIM,CAHH,eAAqC,KAArC,EAAqC,eAAjBH,EAAKI,MAAI,GAC7B,eAAgD,IAAhD,EAAgD,eAAnBJ,EAAKK,SAAO,GACzC,eAA+D,GAAjDC,GAAE,gBAAWN,EAAKO,O,YAAQ,iBAAS,C,sHAkBvD,GACbI,WAAY,CACVC,UAAA,KACMC,OAAQ,OACZ,eAAgB,QAEnBC,MANY,WAOT,MAAO,CACJC,QAAS,CAAC,OAAY,UAI7BC,KAZa,WAaX,MAAO,CACLC,OAAQC,KAAKC,OAAOC,MAAMH,OAC1BlB,KAAM,GACNsB,cAAe,KAInBC,YApBa,WAqBXJ,KAAKK,YAGPC,QAAS,CACPD,SADO,WACI,WAGTL,KAAKO,QAAQ,CACXC,OAAQ,MACRC,IAAK,qCAEJC,MAAK,SAACC,GACL,EAAKC,SAASD,EAASb,SAExBe,OAAM,SAACC,GACNC,QAAQC,IAAIF,OAGlBF,SAfO,SAeEK,GACPjB,KAAKG,cAAgBc,EAAId,cACzBH,KAAKnB,KAAOoC,EAAIC,UAGhBlB,KAAKmB,SAAU,GAGjBxC,UAvBO,WAwBL,OAAOqB,KAAKD,OAAOqB,gBAAgBC,OAAS,K,UC1GlD,EAAOC,OAASA,EAChB,EAAOC,UAAY,kBAEJ","file":"js/chunk-2180eef4.ce4f92ae.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Allnews.vue?vue&type=style&index=0&id=8ba443cc&scoped=true&lang=css\"","\r\n<template>\r\n  <template v-if=\"isLoading()\">\r\n    <Loading />\r\n\r\n  </template>\r\n<template v-else>\r\n  <section>\r\n    <div class=\"news-img\">\r\n       <div class=\"container\">\r\n      <h3>{{ $res(\"site.Allnews.label\") }}</h3>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n        <div class=\"col-12 col-md-4 d-md-block d-none\" v-for=\"item in news\" :key=\"item.ContentId\">\r\n          <div class=\"item-allnews\">\r\n            <div\r\n              class=\"img\"\r\n              :style=\"{\r\n                'background-image': `url(${rootImagePath + item.imagePath})`,\r\n              }\"\r\n            ></div>\r\n            <div class=\"p-2\">\r\n              <h5 class=\"pt-5\">{{ item.name }}</h5>\r\n              <p class=\"pt-1 ps-0 pe-0\">{{ item.caption }}</p>\r\n              <router-link :to=\"`/page/${item.slug}`\"> ادامه خبر </router-link>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\" d-md-none d-block\">\r\n            \r\n            <swiper :slidesPerView=\"'auto'\" :spaceBetween=\"10\" class=\"mySwiper\">\r\n               <swiper-slide v-for=\"(item, index) in news\" :key=\"index\" class=\"item-allnews\">\r\n                  <div\r\n                     class=\"img\"\r\n                     :style=\"{\r\n              'background-image': `url(${rootImagePath + item.imagePath})`,\r\n            }\"\r\n                  ></div>\r\n                  <div class=\"p-2\">\r\n                     <h6 class=\"pt-5\">{{ item.name }}</h6>\r\n                     <p class=\"pt-1 ps-0 pe-0\">{{ item.caption }}</p>\r\n                     <router-link :to=\"`/page/${item.slug}`\">ادامه خبر</router-link>\r\n                  </div>\r\n               </swiper-slide>\r\n            </swiper>\r\n         </div>\r\n    </div>\r\n  </section>\r\n</template>\r\n</template>\r\n\r\n\r\n\r\n<script>\r\nimport Loading from \"../layout/aniresan/Loading.vue\";\r\nimport \"swiper/swiper-bundle.css\";\r\nimport { Swiper, SwiperSlide } from \"swiper/vue/swiper-vue\";\r\nimport { Mousewheel, Pagination } from \"swiper\";\r\n\r\nexport default {\r\n  components: {\r\n    Loading,\r\n          swiper: Swiper,\r\n      \"swiper-slide\": SwiperSlide,\r\n  },\r\n   setup() {\r\n      return {\r\n         modules: [Mousewheel, Pagination],\r\n      };\r\n   },\r\n\r\n  data() {\r\n    return {\r\n      server: this.$store.state.server,\r\n      news: [],\r\n      rootImagePath: \"\",\r\n    };\r\n  },\r\n\r\n  beforeMount() {\r\n    this.initHome();\r\n  },\r\n\r\n  methods: {\r\n    initHome() {\r\n      // if (db.select(\"homeData\")) this.initData(db.select(\"homeData\"));\r\n\r\n      this.$server({\r\n        method: \"get\",\r\n        url: \"/api/General/GetContentBlogPosts\",\r\n      })\r\n        .then((response) => {\r\n          this.initData(response.data);\r\n        })\r\n        .catch((error) => {\r\n          console.log(error);\r\n        });\r\n    },\r\n    initData(obj) {\r\n      this.rootImagePath = obj.rootImagePath;\r\n      this.news = obj.blogPosts;\r\n\r\n      // db.insert(\"homeData\", obj);\r\n      this.loading = false;\r\n    },\r\n\r\n    isLoading() {\r\n      return this.server.pendingRequests.length > 0;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n\r\n<style scoped>\r\n.news {\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n.news-img h3 {\r\n  text-align: right;\r\n  padding-top: 100px;\r\n  color: white;\r\n  position: relative;\r\n}\r\n.news-img {\r\n  width: 100%;\r\n  height: 300px;\r\n  background-image: url(\"../../assets/images/newspaper.jpg\");\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  position: relative;\r\n}\r\n.news-img::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  background-color: black;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 300px;\r\n  opacity: 0.3;\r\n}\r\n.item-allnews {\r\n  width: 100%;\r\n  min-height: 400px;\r\n  text-align: center;\r\n  border: 1px solid #eaeaea;\r\n  margin-top: 100px;\r\n  background-color: white;\r\n   padding: 15px;\r\n   border-radius: 10px;\r\n\r\n}\r\n.img {\r\n  width: 100%;\r\n  height: 200px;\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n}\r\n.mySwiper .item-allnews,\r\n.mySwiper .item-allnews .img {\r\n   max-width: 380px;\r\n}\r\n@media screen and (max-width:768px) {\r\n   .news-img,\r\n   .news-img::before{\r\n  height: 200px;\r\n\r\n}\r\n\r\n   \r\n}\r\n</style>","import { render } from \"./Allnews.vue?vue&type=template&id=8ba443cc&scoped=true\"\nimport script from \"./Allnews.vue?vue&type=script&lang=js\"\nexport * from \"./Allnews.vue?vue&type=script&lang=js\"\n\nimport \"./Allnews.vue?vue&type=style&index=0&id=8ba443cc&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-8ba443cc\"\n\nexport default script"],"sourceRoot":""}