https://app.bankari.sk/js/118.5d2e4b6d.js

1"use strict";(globalThis["webpackChunkosobni_bankari"]=globalThis["webpackChunkosobni_bankari"]||[]).push([[118],{7335:(e,t,a)=>{a.r(t),a.d(t,{default:()=>S});a(5663);var i=a(3673),l=a(8880),s=a(2323);const r=e=>((0,i.dD)("data-v-1bad15cb"),e=e(),(0,i.Cn)(),e),n={class:"articles-page"},o=r((()=>(0,i._)("header",{class:"library-heading"},[(0,i._)("span",null,"PORADŇA BANKÁRI"),(0,i._)("h1",null,"Praktické návody k hypotéke"),(0,i._)("p",null,"Aktuálne zmeny bánk, vysvetlenia a postupy môžete čítať priamo v aplikácii.")],-1))),c={class:"library-tools"},d={class:"search-field"},u=r((()=>(0,i._)("span",{class:"sr-only"},"Hľadať článok",-1))),y=r((()=>(0,i._)("i",{"aria-hidden":"true"},"⌕",-1))),h={class:"category-list","aria-label":"Filtrovať podľa kategórie"},k=["onClick"],g={key:0,class:"article-grid","aria-label":"Načítavam články"},p={key:1,class:"article-grid"},b={key:2,class:"empty-state"};function m(e,t,a,r,m,v){const w=(0,i.up)("q-skeleton"),_=(0,i.up)("article-card");return(0,i.wg)(),(0,i.iD)("main",n,[(0,i._)("button",{type:"button",class:"back-action",onClick:t[0]||(t[0]=t=>e.$router.push({name:v.menuRouteName}))}," ← Späť na prehľad "),o,(0,i._)("div",c,[(0,i._)("label",d,[u,(0,i.wy)((0,i._)("input",{"onUpdate:modelValue":t[1]||(t[1]=t=>e.search=t),type:"search",placeholder:"Hľadať tému, banku alebo pojem…"},null,512),[[l.nr,e.search,void 0,{trim:!0}]]),y]),(0,i._)("div",h,[((0,i.wg)(!0),(0,i.iD)(i.HY,null,(0,i.Ko)(v.categories,(t=>((0,i.wg)(),(0,i.iD)("button",{key:t,type:"button",class:(0,s.C_)({active:e.selectedCategory===t}),onClick:a=>e.selectedCategory=t},(0,s.zw)(t),11,k)))),128))])]),e.loading?((0,i.wg)(),(0,i.iD)("div",g,[((0,i.wg)(),(0,i.iD)(i.HY,null,(0,i.Ko)(6,(e=>(0,i._)("div",{key:e,class:"article-skeleton"},[(0,i.Wm)(w,{height:"170px",square:""}),(0,i._)("div",null,[(0,i.Wm)(w,{type:"text",width:"35%"}),(0,i.Wm)(w,{type:"text",height:"42px"}),(0,i.Wm)(w,{type:"text",width:"80%"})])]))),64))])):v.filteredArticles.length?((0,i.wg)(),(0,i.iD)("div",p,[((0,i.wg)(!0),(0,i.iD)(i.HY,null,(0,i.Ko)(v.filteredArticles,(e=>((0,i.wg)(),(0,i.j4)(_,{key:e.slug,article:e,"detail-route-name":v.detailRouteName},null,8,["article","detail-route-name"])))),128))])):((0,i.wg)(),(0,i.iD)("section",b,[(0,i._)("strong",null,(0,s.zw)(e.articles.length?"Nenašli sme článok pre tento filter.":"Články sa nepodarilo načítať."),1),(0,i._)("p",null,(0,s.zw)(e.articles.length?"Skúste iný výraz alebo zobrazte všetky kategórie.":"Skúste knižnicu obnoviť o chvíľu."),1),e.articles.length?((0,i.wg)(),(0,i.iD)("button",{key:0,type:"button",onClick:t[2]||(t[2]=(...e)=>v.resetFilters&&v.resetFilters(...e))},"Zobraziť všetky články")):((0,i.wg)(),(0,i.iD)("button",{key:1,type:"button",onClick:t[3]||(t[3]=(...e)=>v.loadArticles&&v.loadArticles(...e))},"Skúsiť znova"))]))])}var v=a(1585);const w={name:"Articles",components:{ArticleCard:v.Z},data:()=>({articles:[],loading:!0,search:"",selectedCategory:"Všetky"}),created(){this.loadArticles()},computed:{serviceMode(){return this.$route.path.startsWith("/servis/")},detailRouteName(){return this.serviceMode?"SecondaryArticleDetail":"ArticleDetail"},menuRouteName(){return this.serviceMode?"SecondaryMenu":"Menu"},categories(){return["Všetky",...new Set(this.articles.map((e=>e.category)).filter(Boolean))]},filteredArticles(){const e=this.search.toLocaleLowerCase("sk-SK");return this.articles.filter((t=>{const a="Všetky"===this.selectedCategory||t.category===this.selectedCategory,i=[t.title,t.summary,t.category,...t.tags||[]].join(" ").toLocaleLowerCase("sk-SK");return a&&(!e||i.includes(e))}))}},methods:{async loadArticles(){this.loading=!0;try{const e=await this.$api.get("articles/");this.articles=Array.isArray(e.data)?e.data:e.data.results||[]}catch{this.articles=[]}finally{this.loading=!1}},resetFilters(){this.search="",this.selectedCategory="Všetky"}}};var _=a(4260),C=a(4103),A=a(7518),D=a.n(A);const f=(0,_.Z)(w,[["render",m],["__scopeId","data-v-1bad15cb"]]),S=f;D()(w,"components",{QSkeleton:C.ZP})}}]);