2 lines
4.8 KiB
JavaScript
2 lines
4.8 KiB
JavaScript
import"./SearchModal-BTKERLZv.js";import{j as a,i as c,r as g,o as t,c as i,h as f,F as h,d as p,e as m,w as v,b as l,t as w,g as n}from"./app-CBssobj-.js";import{_ as x}from"./_plugin-vue_export-helper-DlAUqK2U.js";const y={name:"PostListBlock",components:{axios:a,Link:c},data(){return{posts:null,loading:!0}},methods:{getPosts(){a.get(route("client.widget.post.index"),{params:{count:this.block.data.count,category:this.block.data.category}}).then(e=>{this.posts=e.data,this.loading=!1}).catch(e=>{console.error("Ошибка:",e),this.loading=!1})}},mounted(){this.getPosts()},props:{block:{type:Object}}},b={class:"w-full px-4 py-5 sm:px-6 lg:px-8 lg:py-7 mx-auto"},k={key:0,class:"flex flex-col space-y-4"},_={key:1,class:"grid lg:grid-cols-1 lg:gap-y-16 gap-10"},j={class:"flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-5"},B={class:"shrink-0 relative rounded-xl overflow-hidden w-full sm:w-56 h-44"},z=["src"],L={class:"grow"},P={class:"text-xl font-semibold text-gray-800 group-hover:text-gray-600"},C={class:"flex justify-center"},A=["href"];function F(e,s,d,N,r,V){const u=g("Link");return t(),i("div",b,[r.loading?(t(),i("div",k,s[0]||(s[0]=[f('<div class="flex animate-pulse"><div class="shrink-0 relative rounded-xl overflow-hidden w-full sm:w-56 h-44"><div class="bg-gray-200 group-focus:scale-105 transition-transform duration-500 ease-in-out size-full absolute top-0 start-0 object-cover rounded-xl"></div></div><div class="ms-4 mt-2 w-full"><p class="h-4 bg-gray-200 rounded-full" style="width:40%;"></p><ul class="mt-5 space-y-3 flex flex-col"><li class="w-full h-4 bg-gray-200 rounded-full"></li><li class="w-full h-4 bg-gray-200 rounded-full"></li><li class="w-full h-4 bg-gray-200 rounded-full"></li><li class="w-full h-4 bg-gray-200 rounded-full"></li><li class="w-20 h-4 bg-gray-200 rounded-full"></li></ul></div></div><div class="flex animate-pulse"><div class="shrink-0 relative rounded-xl overflow-hidden w-full sm:w-56 h-44"><div class="bg-gray-200 group-focus:scale-105 transition-transform duration-500 ease-in-out size-full absolute top-0 start-0 object-cover rounded-xl"></div></div><div class="ms-4 mt-2 w-full"><p class="h-4 bg-gray-200 rounded-full" style="width:40%;"></p><ul class="mt-5 space-y-3 flex flex-col"><li class="w-full h-4 bg-gray-200 rounded-full"></li><li class="w-full h-4 bg-gray-200 rounded-full"></li><li class="w-full h-4 bg-gray-200 rounded-full"></li><li class="w-full h-4 bg-gray-200 rounded-full"></li><li class="w-20 h-4 bg-gray-200 rounded-full"></li></ul></div></div><div class="flex animate-pulse"><div class="shrink-0 relative rounded-xl overflow-hidden w-full sm:w-56 h-44"><div class="bg-gray-200 group-focus:scale-105 transition-transform duration-500 ease-in-out size-full absolute top-0 start-0 object-cover rounded-xl"></div></div><div class="ms-4 mt-2 w-full"><p class="h-4 bg-gray-200 rounded-full" style="width:40%;"></p><ul class="mt-5 space-y-3 flex flex-col"><li class="w-full h-4 bg-gray-200 rounded-full"></li><li class="w-full h-4 bg-gray-200 rounded-full"></li><li class="w-full h-4 bg-gray-200 rounded-full"></li><li class="w-full h-4 bg-gray-200 rounded-full"></li><li class="w-20 h-4 bg-gray-200 rounded-full"></li></ul></div></div>',3)]))):(t(),i("div",_,[(t(!0),i(h,null,p(r.posts.data,o=>(t(),m(u,{key:o.id,class:"group block rounded-xl overflow-hidden focus:outline-none",href:e.route("client.post.show",o.slug)},{default:v(()=>[l("div",j,[l("div",B,[l("img",{class:"group-hover:scale-105 group-focus:scale-105 transition-transform duration-500 ease-in-out size-full absolute top-0 start-0 object-cover rounded-xl",src:o.preview?"storage/images/"+o.preview:"/img/thumbnail-1.png"},null,8,z)]),l("div",L,[l("h3",P,w(o.title),1),s[1]||(s[1]=l("p",{class:"mt-3 text-gray-600"}," Produce professional, reliable streams easily leveraging Preline's innovative broadcast studio ",-1)),s[2]||(s[2]=l("p",{class:"mt-4 inline-flex items-center gap-x-1 text-sm text-primaryBlue decoration-2 group-hover:underline group-focus:underline font-medium"},[n(" Читать далее "),l("svg",{class:"shrink-0 size-4",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[l("path",{d:"m9 18 6-6-6-6"})])],-1))])])]),_:2},1032,["href"]))),128)),l("div",C,[l("a",{href:e.route("client.post.index",{category:d.block.data.category}),class:"group inline-flex items-center gap-x-1 text-sm font-semibold text-[#1A5AAF]"},s[3]||(s[3]=[n(" Все новости "),l("svg",{class:"flex-shrink-0 size-4 transition ease-in-out group-hover:translate-x-1",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[l("path",{d:"m9 18 6-6-6-6"})],-1)]),8,A)])]))])}const O=x(y,[["render",F]]);export{O as default};
|