mirror of
https://github.com/donaldzou/WGDashboard.git
synced 2025-10-04 00:06:18 +00:00
3 lines
97 KiB
JavaScript
3 lines
97 KiB
JavaScript
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/peerAssignModal-DUlDo88Z.js","assets/localeText-Z4rm7jBp.js","assets/index-BStNSDFl.js","assets/index-DKdU-4Tq.css","assets/DashboardClientAssignmentStore-C5Q0DBxY.js","assets/peerAssignModal--_bmFbmn.css","assets/peerShareLinkModal-BfK8reQE.js","assets/dayjs.min-BHfUl18V.js","assets/vue-datepicker-DGxO2juJ.js","assets/peerShareLinkModal-DgDHiTOw.css","assets/peerJobs-CKpedYCj.js","assets/schedulePeerJob-DZRqg9H1.js","assets/schedulePeerJob-BGJSEouo.css","assets/peerJobs-D_dDl936.css","assets/peerQRCode-l6ejzU-J.js","assets/browser-DnEqp6Qb.js","assets/peerQRCode-DuWWfBch.css","assets/peerConfigurationFile-BBErRt7n.js","assets/peerConfigurationFile-Z9ms5mIx.css","assets/peerSettings-DZ6yti2Z.js","assets/peerSettings-CSjO_Okh.css","assets/peerSearchBar-DirvPT9y.js","assets/peerSearchBar-Dtpovmxo.css","assets/peerJobsAllModal-RjtItHDd.js","assets/peerJobsLogsModal-DCxsJD-f.js","assets/editConfiguration-Dphyzmyt.js","assets/editConfiguration-CP79G5OS.css","assets/selectPeers-CN64eouM.js","assets/selectPeers-ChWyERy7.css","assets/peerAddModal-QCpBHdMz.js","assets/peerAddModal-B4gIHs91.css"])))=>i.map(i=>d[i]);
|
||
|
|
import{r as I,K as ve,D as ee,o as re,H as U,x as fe,q as B,c as f,f as s,a as e,b as u,u as q,d as $,t as S,g as K,J as H,W as Y,m as le,n as O,s as ie,y as pe,F as j,i as z,_ as J,E as ke,v as we,w as N,j as _,T as ae,k as te,A as Ce,z as F,h as G,G as L,M as Se,N as qe,O as V,e as R,P as M,Q as A,L as Ie,S as Oe}from"./index-BStNSDFl.js";import{_ as De}from"./protocolBadge-DovdDOlx.js";import{L as C}from"./localeText-Z4rm7jBp.js";import{C as Te,L as je,B as Me,a as Ae,b as Le,c as Be,p as Re,d as Ee,e as Ne,f as ze,P as Fe,h as Ge,g as be}from"./index-CuMe9Ax4.js";import{d as Je}from"./dayjs.min-BHfUl18V.js";const Ve={class:"row gx-2 gy-2 mb-3"},Ue={class:"col-12"},He={class:"card rounded-3 bg-transparent",style:{height:"270px"}},We={class:"card-header bg-transparent border-0"},Qe={class:"text-muted"},Ke={class:"card-body pt-1"},Ye={class:"col-sm col-lg-6"},Ze={class:"card rounded-3 bg-transparent",style:{height:"270px"}},Xe={class:"card-header bg-transparent border-0 d-flex align-items-center"},el={class:"text-muted"},ll={key:0,class:"text-primary fw-bold ms-auto"},tl={class:"card-body pt-1"},ol={class:"col-sm col-lg-6"},sl={class:"card rounded-3 bg-transparent",style:{height:"270px"}},il={class:"card-header bg-transparent border-0 d-flex align-items-center"},al={class:"text-muted"},rl={key:0,class:"text-success fw-bold ms-auto"},nl={class:"card-body pt-1"},dl={__name:"peerDataUsageCharts",props:{configurationPeers:Array,configurationInfo:Object},setup(t){Te.register(je,Me,Ae,Le,Be,Re,Ee,Ne,ze,Fe);const l=t,i=I({timestamp:[],data:[]}),n=I({timestamp:[],data:[]}),k=ve(),m=ee(),d=I(void 0),p=async()=>{await K("/api/getWireguardConfigurationRealtimeTraffic",{configurationName:k.params.id},y=>{let g=Je().format("hh:mm:ss A");(y.data.sent!==0&&y.data.recv!==0||i.value.data.length>0&&n.value.data.length>0)&&(i.value.timestamp.push(g),i.value.data.push(y.data.sent),n.value.timestamp.push(g),n.value.data.push(y.data.recv))})},r=()=>{clearInterval(d.value),d.value=void 0,l.configurationInfo.Status&&(d.value=setInterval(()=>{p()},parseInt(m.Configuration.Server.dashboard_refresh_interval)))};re(()=>{r()}),U(()=>l.configurationInfo.Status,()=>{r()}),U(()=>m.Configuration.Server.dashboard_refresh_interval,()=>{r()}),fe(()=>{clearInterval(d.value),d.value=void 0});const a=B(()=>{let y=l.configurationPeers.filter(g=>g.cumu_data+g.total_data>0);return{labels:y.map(g=>g.name?g.name:`Untitled Peer - ${g.id}`),datasets:[{label:"Total Data Usage",data:y.map(g=>g.cumu_data+g.total_data),backgroundColor:y.map(g=>"#ffc107"),tooltip:{callbacks:{label:g=>`${g.formattedValue} GB`}}}]}}),b=B(()=>({labels:[...i.value.timestamp],datasets:[{label:"Data Sent",data:[...i.value.data],fill:!1,borderColor:"#198754",backgroundColor:"#198754",tension:0}]})),T=B(()=>({labels:[...n.value.timestamp],datasets:[{label:"Data Received",data:[...n.value.data],fill:!1,borderColor:"#0d6efd",backgroundColor:"#0d6efd",tension:0}]})),w=B(()=>({responsive:!0,plugins:{legend:{display:!1}},scales:{x:{ticks:{display:!1},grid:{display:!1}},y:{ticks:{callback:(y,g)=>`${Math.round((y+Number.EPSILON)*1e3)/1e3} GB`},grid:{display:!1}}}})),P=B(()=>({responsive:!0,plugins:{legend:{display:!1},tooltip:{callbacks:{label:y=>`${y.formattedValue} MB/s`}}},scales:{x:{ticks:{display:!1},grid:{display:!0}},y:{ticks:{callback:(y,g)=>`${Math.round((y+Number.EPSILON)*1e3)/1e3} MB/s`},grid:{display:!0}}}}));return(y,g)=>(s(),f("div",Ve,[e("div",Ue,[e("div",He,[e("div",We,[e("small",Qe,[u(C,{t:"Peers Data Usage"})])]),e("div",Ke,[u(q(Ge),{data:a.value,options:w.value,style:{width:"100%",height:"200px","max-height":"200px"}},null,8,["data","options"])])])]),e("div",Ye,[e("div",Ze,[e("div",Xe,[e("small",el,[u(C,{t:"Real Time Received Data Usage"})]),n.value.data.length>0?(s(),f("small",ll,S(n.value.data[n.value.data.length-1])+" MB/s ",1)):$("",!0)]),e("div",tl,[u(q(be),{options:P.value,data:T.value,style:{width:"100%",height:"200px","max-height":"200px"}},null,8,["options","data"])])])]),e("div",ol,[e("div",sl,[e("div",il,[e("small",al,[u(C,{t:"Real Time Sent Data Usage"})]),i.value.data.
|