UNPKG

@andreabiagini5/applicazioni-e-servizi-web-project

Version:
2 lines (1 loc) 2.58 kB
import{_ as w,n as f}from"./NavBar.vue_vue_type_script_setup_true_lang-DwmXh1aW.js";import{d as v,v as p,x as N,z as g,c as _,o as i,a as s,b as r,w as a,u as t,i as k,F as x,j as b,y as l,m as n,B as V,A as j,V as B,N as E,D as P,O as A,e as y,E as O,G as h}from"./index-HkHTkC0I.js";const D={class:"text-uppercase fw-bold mb-0 fs-3 secondary-text"},I={class:"text-uppercase fw-bold mb-0 fs-1"},L=v({__name:"LeaderboardView",setup(S){const c=p([]),d=p({rating:"loading...",position:"loading..."});return N(()=>{g.emit("getTopPlayers",o=>{try{const e=JSON.parse(o);c.value=e}catch(e){console.error("Error parsing top players",e)}}),g.emit("getAccountInfo",o=>{try{const e=JSON.parse(o);d.value={rating:e.rating||"N/A",position:e.position||"N/A"}}catch(e){console.error("Error parsing account info:",e)}})}),(o,e)=>(i(),_(x,null,[s(w),e[3]||(e[3]=r("div",{class:"flex-grow-1 d-flex flex-column align-items-center justify-content-center text-center px-3 mt-md-3"},[r("div",{class:"d-flex flex-column flex-md-row align-items-center mt-4 mt-md-0"},[r("h1",{class:"display-3 fw-bold text-uppercase mt-2 mt-md-0 ms-md-3 mb-4"},"leaderboard")])],-1)),s(t(k),null,{default:a(()=>[s(t(b),{class:"d-grid d-md-flex"},{default:a(()=>[s(t(l),{class:"text-center justify-content-center align-items-center"},{default:a(()=>[e[0]||(e[0]=r("p",{class:"text-uppercase fw-bold mb-0 fs-1"},"You",-1)),e[1]||(e[1]=r("figure",{class:"profile-image figure mb-0"},[r("img",{src:f,class:"figure-img img-fluid rounded shadow-3 darker-bg",alt:"Profile",style:{"max-width":"50%"}})],-1)),r("p",D," rating: "+n(d.value.rating),1),r("p",I,"N° "+n(d.value.position),1)]),_:1,__:[0,1]}),s(t(l),{class:"text-center align-items-center d-md-none justify-content-center"},{default:a(()=>e[2]||(e[2]=[r("div",{class:"divider my-4 d-block d-md-none"},null,-1)])),_:1,__:[2]}),s(t(l),{class:"text-center justify-content-center align-items-center"},{default:a(()=>[(i(!0),_(x,null,V(c.value,(m,u)=>(i(),j(t(B),{key:u,class:"mb-3 img-fluid",style:{"max-width":"540px"}},{default:a(()=>[s(t(b),{class:"g-0"},{default:a(()=>[s(t(l),{md:"4",class:"ms-0"},{default:a(()=>[s(t(E),{class:"bg-dark m-4",src:t(f),alt:"Profile",style:{"max-width":"50%"}},null,8,["src"])]),_:1}),s(t(l),{md:"8"},{default:a(()=>[s(t(P),null,{default:a(()=>[s(t(A),null,{default:a(()=>[y("N° "+n(u+1),1)]),_:2},1024),s(t(O),null,{default:a(()=>[y(n(m.username)+" - "+n(m.rating),1)]),_:2},1024)]),_:2},1024)]),_:2},1024)]),_:2},1024)]),_:2},1024))),128))]),_:1})]),_:1})]),_:1})],64))}}),J=h(L,[["__scopeId","data-v-949b9ae1"]]);export{J as default};