3 lines
8.9 KiB
JavaScript
3 lines
8.9 KiB
JavaScript
import{_ as S}from"./LayoutHeader-5b605857.js";import{_ as p}from"./StatCard-ec2a0541.js";import{_ as u}from"./ChartCard-17dbd226.js";import{n as x,o as d,c,d as l,g as n,b as s,t as a,e as r,r as B,k as U,F as D,j as N,p as b,q as _,x as G}from"./index-98f795cb.js";const y={labels:["14","15","16","17","18","19","20"],datasets:[{name:"Background jobs",values:[1200,800,1500,2e3,1800,900,2200],color:"#e5e7eb"},{name:"Requests",values:[2e3,1500,3500,4500,3200,1200,3800],color:"#93c5fd"},{name:"Avg. Session",values:[800,600,1200,1600,1100,500,1400],color:"#3b82f6"}]},A={labels:["00:00","04:00","08:00","12:00","16:00","20:00","24:00"],datasets:[{name:"CPU %",values:[25,30,55,70,65,45,30]}]},k={labels:["00:00","04:00","08:00","12:00","16:00","20:00","24:00"],datasets:[{name:"Download",values:[100,120,250,400,350,280,200]},{name:"Upload",values:[50,60,120,180,160,140,100]}]},m={osVersion:"Alpine Linux 3.19",incusVersion:"Incus 6.0 LTS",kernelVersion:"6.6.30-0-lts",imageVersion:"v3.2.1",distrobuilderVersion:"3.0"},F={totalSites:47,activeSites:42,stoppedSites:5,totalUsers:156},I={class:"flex flex-col h-full"},C={class:"flex-1 overflow-auto p-5"},P={class:"grid gap-4 sm:grid-cols-2 lg:grid-cols-4 mb-6"},R={class:"grid gap-4 lg:grid-cols-2 mb-6"},L={class:"h-full flex items-end"},T={class:"w-full"},q={class:"relative h-40"},O={class:"absolute inset-0 flex items-end justify-between gap-1.5"},z={class:"flex justify-between text-xs text-ink-gray-4 mt-2"},E={class:"grid gap-4 lg:grid-cols-3 mb-6"},H={class:"h-full flex items-center justify-center"},J={class:"w-full"},K={class:"relative h-24"},M={class:"w-full h-full",viewBox:"0 0 300 100",preserveAspectRatio:"none"},Q=["points"],W={class:"grid gap-4 lg:grid-cols-2 mb-6"},X={class:"h-full flex items-center justify-center"},Y={class:"w-full"},Z={class:"relative h-24"},ss={class:"w-full h-full",viewBox:"0 0 300 100",preserveAspectRatio:"none"},es=["points"],ts=["points"],ls={class:"rounded-lg border p-5 shadow-sm"},as={class:"text-lg font-semibold text-ink-gray-9 mb-4"},is={class:"space-y-3"},os={class:"flex justify-between items-center py-2 border-b"},ns={class:"text-sm text-ink-gray-5"},rs={class:"text-sm font-medium text-ink-gray-9"},ds={class:"flex justify-between items-center py-2 border-b"},cs={class:"text-sm text-ink-gray-5"},us={class:"text-sm font-medium text-ink-gray-9"},fs={class:"flex justify-between items-center py-2 border-b"},vs={class:"text-sm text-ink-gray-5"},hs={class:"text-sm font-medium text-ink-gray-9"},ms={class:"flex justify-between items-center py-2 border-b"},gs={class:"text-sm text-ink-gray-5"},ps={class:"text-sm font-medium text-ink-gray-9"},xs={class:"flex justify-between items-center py-2"},bs={class:"text-sm text-ink-gray-5"},_s={class:"text-sm font-medium text-ink-gray-9"},Vs={__name:"Dashboard",setup(ys){const g=B(F);function w(){console.log("Refreshing data...")}const $=x(()=>{const e=A.datasets[0].values,t=100,i=300,o=100,f=i/(e.length-1);return e.map((v,h)=>`${h*f},${o-v/t*o}`).join(" ")}),j=x(()=>{const e=k.datasets[0].values,t=400,i=300,o=100,f=i/(e.length-1);return e.map((v,h)=>`${h*f},${o-v/t*o}`).join(" ")}),V=x(()=>{const e=k.datasets[1].values,t=400,i=300,o=100,f=i/(e.length-1);return e.map((v,h)=>`${h*f},${o-v/t*o}`).join(" ")});return(e,t)=>(d(),c("div",I,[l(S,{title:e.$t("dashboard.title")},{right:n(()=>[l(r(U),{variant:"subtle",onClick:w},{prefix:n(()=>[l(r(D),{name:"refresh-cw",class:"h-4 w-4"})]),default:n(()=>[N(" "+a(e.$t("common.refresh")),1)]),_:1})]),_:1},8,["title"]),s("div",C,[s("div",P,[l(p,{label:e.$t("dashboard.totalSites"),value:g.value.totalSites,iconName:"server",color:"blue",trend:5},null,8,["label","value"]),l(p,{label:e.$t("dashboard.activeSites"),value:g.value.activeSites,iconName:"activity",color:"green",trend:3},null,8,["label","value"]),l(p,{label:e.$t("dashboard.stoppedSites"),value:g.value.stoppedSites,iconName:"pause-circle",color:"yellow"},null,8,["label","value"]),l(p,{label:e.$t("dashboard.totalUsers"),value:g.value.totalUsers,iconName:"users",color:"purple",trend:8},null,8,["label","value"])]),s("div",R,[l(u,{title:e.$t("dashboard.trafficOverview")},{default:n(()=>[s("div",L,[s("div",T,[s("div",q,[s("div",O,[(d(!0),c(b,null,_(r(y).datasets[0].values,(i,o)=>(d(),c("div",{key:o,class:"flex-1 bg-blue-500 rounded-t transition-all",style:G({height:`${i/5e3*100}%`})},null,4))),128))])]),s("div",z,[(d(!0),c(b,null,_(r(y).labels,i=>(d(),c("span",{key:i},a(i),1))),128))])])])]),_:1},8,["title"]),l(u,{title:e.$t("dashboard.activeSessions")},{default:n(()=>[...t[0]||(t[0]=[s("div",{class:"h-full flex items-center justify-center"},[s("div",{class:"flex items-center gap-8"},[s("div",{class:"relative w-32 h-32"},[s("svg",{class:"w-full h-full transform -rotate-90"},[s("circle",{cx:"64",cy:"64",r:"56",fill:"none","stroke-width":"12",class:"stroke-surface-gray-2"}),s("circle",{cx:"64",cy:"64",r:"56",fill:"none","stroke-width":"12","stroke-dasharray":"351.86","stroke-dashoffset":351.86*(1-.65),class:"stroke-blue-500"})]),s("div",{class:"absolute inset-0 flex items-center justify-center"},[s("span",{class:"text-2xl font-bold text-ink-gray-9"},"65%")])]),s("div",{class:"space-y-2"},[s("div",{class:"flex items-center gap-2"},[s("div",{class:"w-3 h-3 rounded-full bg-blue-500"}),s("span",{class:"text-sm text-ink-gray-7"},"Active: 65%")]),s("div",{class:"flex items-center gap-2"},[s("div",{class:"w-3 h-3 rounded-full bg-orange-400"}),s("span",{class:"text-sm text-ink-gray-7"},"Idle: 25%")]),s("div",{class:"flex items-center gap-2"},[s("div",{class:"w-3 h-3 rounded-full bg-green-500"}),s("span",{class:"text-sm text-ink-gray-7"},"New: 10%")])])])],-1)])]),_:1},8,["title"])]),s("div",E,[l(u,{title:e.$t("dashboard.cpuUsage")},{default:n(()=>[s("div",H,[s("div",J,[s("div",K,[(d(),c("svg",M,[s("polyline",{fill:"none","stroke-width":"2",class:"stroke-green-500",points:$.value},null,8,Q)]))]),t[1]||(t[1]=s("div",{class:"text-center mt-2"},[s("span",{class:"text-2xl font-bold text-ink-gray-9"},"45%"),s("span",{class:"text-sm text-ink-gray-5 ml-1"},"avg")],-1))])])]),_:1},8,["title"]),l(u,{title:e.$t("dashboard.ramUsage")},{default:n(()=>[...t[2]||(t[2]=[s("div",{class:"h-full flex items-center justify-center"},[s("div",{class:"flex items-center gap-6"},[s("div",{class:"relative w-24 h-24"},[s("svg",{class:"w-full h-full transform -rotate-90"},[s("circle",{cx:"48",cy:"48",r:"40",fill:"none","stroke-width":"10",class:"stroke-surface-gray-2"}),s("circle",{cx:"48",cy:"48",r:"40",fill:"none","stroke-width":"10","stroke-dasharray":"251.33","stroke-dashoffset":251.33*(1-.45),class:"stroke-purple-500"})]),s("div",{class:"absolute inset-0 flex items-center justify-center"},[s("span",{class:"text-lg font-bold text-ink-gray-9"},"45%")])]),s("div",{class:"space-y-1 text-sm text-ink-gray-7"},[s("div",null,"Used: 7.2 GB"),s("div",null,"Free: 4.8 GB"),s("div",null,"Cached: 4.0 GB")])])],-1)])]),_:1},8,["title"]),l(u,{title:e.$t("dashboard.diskUsage")},{default:n(()=>[...t[3]||(t[3]=[s("div",{class:"h-full flex items-center justify-center"},[s("div",{class:"flex items-center gap-6"},[s("div",{class:"relative w-24 h-24"},[s("svg",{class:"w-full h-full transform -rotate-90"},[s("circle",{cx:"48",cy:"48",r:"40",fill:"none","stroke-width":"10",class:"stroke-surface-gray-2"}),s("circle",{cx:"48",cy:"48",r:"40",fill:"none","stroke-width":"10","stroke-dasharray":"251.33","stroke-dashoffset":251.33*(1-.62),class:"stroke-orange-500"})]),s("div",{class:"absolute inset-0 flex items-center justify-center"},[s("span",{class:"text-lg font-bold text-ink-gray-9"},"62%")])]),s("div",{class:"space-y-1 text-sm text-ink-gray-7"},[s("div",null,"Used: 310 GB"),s("div",null,"Free: 190 GB"),s("div",null,"Total: 500 GB")])])],-1)])]),_:1},8,["title"])]),s("div",W,[l(u,{title:e.$t("dashboard.networkUsage")},{default:n(()=>[s("div",X,[s("div",Y,[s("div",Z,[(d(),c("svg",ss,[s("polyline",{fill:"none","stroke-width":"2",class:"stroke-blue-500",points:j.value},null,8,es),s("polyline",{fill:"none","stroke-width":"2",class:"stroke-green-500",points:V.value},null,8,ts)]))]),t[4]||(t[4]=s("div",{class:"flex justify-center gap-6 mt-2"},[s("div",{class:"flex items-center gap-2"},[s("div",{class:"w-3 h-3 rounded-full bg-blue-500"}),s("span",{class:"text-sm text-ink-gray-7"},"Download")]),s("div",{class:"flex items-center gap-2"},[s("div",{class:"w-3 h-3 rounded-full bg-green-500"}),s("span",{class:"text-sm text-ink-gray-7"},"Upload")])],-1))])])]),_:1},8,["title"]),s("div",ls,[s("h3",as,a(e.$t("dashboard.systemInfo")),1),s("div",is,[s("div",os,[s("span",ns,a(e.$t("dashboard.osVersion")),1),s("span",rs,a(r(m).osVersion),1)]),s("div",ds,[s("span",cs,a(e.$t("dashboard.incusVersion")),1),s("span",us,a(r(m).incusVersion),1)]),s("div",fs,[s("span",vs,a(e.$t("dashboard.kernelVersion")),1),s("span",hs,a(r(m).kernelVersion),1)]),s("div",ms,[s("span",gs,a(e.$t("dashboard.imageVersion")),1),s("span",ps,a(r(m).imageVersion),1)]),s("div",xs,[s("span",bs,a(e.$t("dashboard.distrobuilderVersion")),1),s("span",_s,a(r(m).distrobuilderVersion),1)])])])])])]))}};export{Vs as default};
|
|
//# sourceMappingURL=Dashboard-b3388dcc.js.map
|