https://eduall-vue.netlify.app/assets/BlogList-D6Vtd_V_.js

1import{H as C}from"./Header-CVACZm5S.js";import{_ as S}from"./Breadcrumb-CvI8Za9B.js";import{i as A,a as D,b as f}from"./blog-two-img3-CryDkOJg.js";import{i as b,a as _}from"./blog-two-img5-CEgqFuDo.js";import{i as x,a as E,b as T,c as M}from"./blog-two-img9-Fj2tPEvg.js";import{_ as v,c as l,b as e,t as o,s as H,v as L,F as p,f as y,r as d,o as m,d as a,w as u,e as h,y as I,n as N}from"./index-BnxObZXq.js";import{C as F}from"./Certificate-BfNhEOcI.js";import{_ as W}from"./Footer-DRIz7usb.js";import"./shape6-H-JIteTK.js";import"./shape5-CVN100N7.js";import"./shape4-q8UrSedO.js";const V={data(){return{blogs:[{image:A,title:"Navigating the Job Market: Advice for Graduates",day:21,month:"DEC",author:"By Admin",comments:24,link:"blog-details"},{image:D,title:"The Importance of Diversity in Higher Education",day:21,month:"DEC",author:"By Admin",comments:24,link:"blog-details"},{image:f,title:"10 Tips for Successful Online Learning",day:21,month:"DEC",author:"By Admin",comments:24,link:"blog-details"},{image:b,title:"How to Stay Motivated While Studying from Home",day:21,month:"DEC",author:"By Admin",comments:24,link:"blog-details"},{image:_,title:"Mastering Python: Beginner to Advanced Tips",day:21,month:"DEC",author:"By Admin",comments:24,link:"blog-details"},{image:x,title:"Balancing Work and Study: Strategies for Success",day:21,month:"DEC",author:"By Admin",comments:24,link:"blog-details"},{image:E,title:"The Importance of Lifelong Learning in Today's World",day:21,month:"DEC",author:"By Admin",comments:24,link:"blog-details"},{image:T,title:"Effective Time Management for Students",day:21,month:"DEC",author:"By Admin",comments:24,link:"blog-details"},{image:M,title:"The Benefits of Learning a New Language Online",day:21,month:"DEC",author:"By Admin",comments:24,link:"blog-details"},{image:f,title:"Top 10 Tips for Online Learning Success",day:21,month:"DEC",author:"By Admin",comments:24,link:"blog-details"},{image:b,title:"How to Stay Motivated While Studying from Home",day:21,month:"DEC",author:"By Admin",comments:24,link:"blog-details"},{image:_,title:"Mastering Python: Beginner to Advanced Tips",day:21,month:"DEC",author:"By Admin",comments:24,link:"blog-details"},{image:x,title:"Balancing Work and Study: Strategies for Success",day:21,month:"DEC",author:"By Admin",comments:24,link:"blog-details"}],currentPage:1,itemsPerPage:10,sortBy:"newest"}},computed:{totalPages(){return Math.ceil(this.blogs.length/this.itemsPerPage)},paginatedBlogs(){const n=(this.currentPage-1)*this.itemsPerPage,t=n+this.itemsPerPage;return this.blogs.slice(n,t)},startItem(){return(this.currentPage-1)*this.itemsPerPage+1},endItem(){return Math.min(this.currentPage*this.itemsPerPage,this.blogs.length)}},methods:{goToPage(n){this.currentPage=n},prevPage(){this.currentPage>1&&this.currentPage--},nextPage(){this.currentPage<this.totalPages&&this.currentPage++},sortBlogs(){this.sortBy==="newest"?this.blogs.sort((n,t)=>t.day-n.day):this.sortBy==="popular"&&this.blogs.sort((n,t)=>t.comments-n.comments)}}},O={class:"blog-page-section py-120"},R={class:"container"},j={class:"flex-between gap-16 flex-wrap mb-40"},z={class:"text-neutral-500"},G={class:"flex-align gap-16"},J={class:"flex-align gap-8"},U={class:"row gy-4"},q={class:"scale-hover-item bg-main-25 rounded-16 p-12 h-100 border border-neutral-30 d-flex flex-sm-row flex-column"},K={class:"course-item__thumb rounded-12 overflow-hidden position-relative max-w-274 w-100"},Q=["src","alt"],X={class:"position-absolute inset-inline-start-0 inset-block-start-0 ms-16 mt-16 py-12 px-24 rounded-8 bg-main-two-600 text-white fw-medium"},Y={class:"mb-0 text-white fw-medium"},Z={class:"p-20 position-relative"},$={class:"flex-align gap-14 flex-wrap mb-20"},ee={class:"flex-align gap-8"},te={class:"text-neutral-500 text-lg"},se={class:"flex-align gap-8"},ie={class:"text-neutral-500 text-lg"},ne={class:"mb-28"},oe={class:"flex-between gap-8 pt-24 border-top border-neutral-50 mt-28 border-dashed border-0"},ae={class:"pagination mt-40 flex-align gap-12 flex-wrap justify-content-center"},re={class:"page-item"},le=["disabled"],de=["onClick"],me={class:"page-item"},ge=["disabled"];function ce(n,t,w,P,r,i){const g=d("router-link");return m(),l("div",O,[e("div",R,[e("div",j,[e("span",z," Showing "+o(i.startItem)+" - "+o(i.endItem)+" of "+o(r.blogs.length)+" Results ",1),e("div",G,[e("div",J,[t[5]||(t[5]=e("span",{class:"text-neutral-500 flex-shrink-0"},"Sort By :",-1)),H(e("select",{class:"form-select ps-20 pe-28 py-8 fw-medium rounded-pill bg-main-25 border border-neutral-30 text-neutral-700","onUpdate:modelValue":t[0]||(t[0]=s=>r.sortBy=s),onChange:t[1]||(t[1]=(...s)=>i.sortBlogs&&i.sortBlogs(...s))},t[4]||(t[4]=[e("option",{value:"newest"},"Newest",-1),e("option",{value:"trending"},"Trending",-1),e("option",{value:"popular"},"Popular",-1)]),544),[[L,r.sortBy]])]),t[6]||(t[6]=e("button",{type:"button",class:"list-bar-btn text-xl w-40 h-40 bg-main-600 text-white rounded-8 flex-center d-lg-none"},[e("i",{class:"ph-bold ph-funnel"})],-1))])]),e("div",U,[(m(!0),l(p,null,y(i.paginatedBlogs,(s,c)=>(m(),l("div",{class:"col-lg-6",key:c},[e("div",q,[e("div",K,[a(g,{to:s.link,class:"w-100 h-100"},{default:u(()=>[e("img",{src:s.image,alt:s.title,class:"scale-hover-item__img rounded-12 cover-img transition-2"},null,8,Q)]),_:2},1032,["to"]),e("div",X,[e("h3",Y,o(s.day),1),h(" "+o(s.month),1)])]),e("div",Z,[e("div",$,[e("div",ee,[t[7]||(t[7]=e("span",{class:"text-neutral-500 text-2xl d-flex"},[e("i",{class:"ph ph-user-circle"})],-1)),e("span",te,o(s.author),1)]),t[9]||(t[9]=e("span",{class:"w-8 h-8 bg-neutral-100 rounded-circle"},null,-1)),e("div",se,[t[8]||(t[8]=e("span",{class:"text-neutral-500 text-2xl d-flex"},[e("i",{class:"ph ph-chat-dots"})],-1)),e("span",ie,o(s.comments),1)])]),e("h4",ne,[a(g,{to:s.link,class:"link text-line-3"},{default:u(()=>[h(o(s.title),1)]),_:2},1032,["to"])]),e("div",oe,[a(g,{to:s.link,class:"flex-align gap-8 text-main-600 hover-text-decoration-underline transition-1 fw-semibold"},{default:u(()=>t[10]||(t[10]=[h(" Read More "),e("i",{class:"ph ph-arrow-right"},null,-1)])),_:2,__:[10]},1032,["to"])])])])]))),128))]),e("ul",ae,[e("li",re,[e("button",{class:"page-link text-neutral-700 fw-semibold w-40 h-40 bg-main-25 rounded-circle hover-bg-main-600 border-neutral-30 hover-border-main-600 hover-text-white flex-center p-0",disabled:r.currentPage===1,onClick:t[2]||(t[2]=(...s)=>i.prevPage&&i.prevPage(...s))},t[11]||(t[11]=[e("i",{class:"ph-bold ph-caret-left"},null,-1)]),8,le)]),(m(!0),l(p,null,y(i.totalPages,s=>(m(),l("li",{class:"page-item",key:s},[e("button",{class:N(["page-link fw-semibold w-40 h-40 rounded-circle",[r.currentPage===s?"bg-main-600 text-white":"bg-main-25 text-neutral-700 hover-bg-main-600 hover-text-white"]]),onClick:I(c=>i.goToPage(s),["prevent"])},o(s),11,de)]))),128)),e("li",me,[e("button",{class:"page-link text-neutral-700 fw-semibold w-40 h-40 bg-main-25 rounded-circle hover-bg-main-600 border-neutral-30 hover-border-main-600 hover-text-white flex-center p-0",disabled:r.currentPage===i.totalPages,onClick:t[3]||(t[3]=(...s)=>i.nextPage&&i.nextPage(...s))},t[12]||(t[12]=[e("i",{class:"ph-bold ph-caret-right"},null,-1)]),8,ge)])])])])}

1const ue=v(V,[["render",ce]]),he={name:"BlogList",components:{Header:C,Breadcrumb:S,BlogPageSection:ue,Certificate:F,Footer:W}};function pe(n,t,w,P,r,i){const g=d("Header"),s=d("Breadcrumb"),c=d("BlogPageSection"),B=d("Certificate"),k=d("Footer");return m(),l(p,null,[a(g),a(s),a(c),a(B),a(k)],64)}const Se=v(he,[["render",pe]]);export{Se as default};