Files
WGDashboard/src/static/app/dist/assets/peerList-D4t0-glO.js

3 lines
36 KiB
JavaScript
Raw Normal View History

2025-07-18 18:50:38 +08:00
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/peerAssignModal-B4d2liOl.js","assets/localeText-C7TZPgfG.js","assets/index-Lcd4HoNp.js","assets/index-Ct7n09eO.css","assets/peerAssignModal--_bmFbmn.css","assets/peerShareLinkModal-XX3PHUUA.js","assets/dayjs.min-DcugTqrD.js","assets/vue-datepicker-l5mok7Lj.js","assets/peerShareLinkModal-DgDHiTOw.css","assets/peerJobs-DIbuWsng.js","assets/schedulePeerJob-CJvAWD3F.js","assets/schedulePeerJob-BGJSEouo.css","assets/peerJobs-D_dDl936.css","assets/peerQRCode-IzE-S4dW.js","assets/browser-CjSdxGTc.js","assets/peerQRCode-DuWWfBch.css","assets/peerConfigurationFile-CQ_uxDXw.js","assets/peerConfigurationFile-Z9ms5mIx.css","assets/peerSettings-DRV4SDCv.js","assets/peerSettings-CSjO_Okh.css","assets/peerSearchBar-D4QWe81H.js","assets/peerSearchBar-0uWV_0iv.css","assets/peerJobsAllModal-vEzsRhcE.js","assets/peerJobsLogsModal-D0tuA9Cl.js","assets/editConfiguration-C8vjjSFS.js","assets/editConfiguration-ChlGwssr.css","assets/selectPeers-Buxy5KVP.js","assets/selectPeers-ChWyERy7.css","assets/peerAddModal-8qG5imNf.js","assets/peerAddModal-B4gIHs91.css"])))=>i.map(i=>d[i]);
import{r as M,J as le,D as G,o as ie,H as Y,x as te,q as T,c as v,f as a,a as e,b as i,u as O,d as w,t as S,g as j,_ as z,h as U,F as N,i as H,n as D,z as F,G as R,W as de,K as fe,L as ge,w as B,j as se,e as E,k as $,M as A,T as ee,N as L,O as ve,m as be,v as he,S as _e}from"./index-Lcd4HoNp.js";import{_ as ye}from"./protocolBadge-C7cvuYmV.js";import{L as k}from"./localeText-C7TZPgfG.js";import{C as we,L as Se,B as Pe,a as $e,b as xe,c as Ce,p as ke,d as Oe,e as Me,f as De,P as Ae,h as Le,g as ae}from"./index-BT36naa1.js";import{d as Re}from"./dayjs.min-DcugTqrD.js";const Ie={class:"row gx-2 gy-2 mb-3"},Ee={class:"col-12"},Te={class:"card rounded-3 bg-transparent",style:{height:"270px"}},Be={class:"card-header bg-transparent border-0"},Ne={class:"text-muted"},Je={class:"card-body pt-1"},Fe={class:"col-sm col-lg-6"},je={class:"card rounded-3 bg-transparent",style:{height:"270px"}},Ve={class:"card-header bg-transparent border-0 d-flex align-items-center"},Ue={class:"text-muted"},Ge={key:0,class:"text-primary fw-bold ms-auto"},ze={class:"card-body pt-1"},Qe={class:"col-sm col-lg-6"},We={class:"card rounded-3 bg-transparent",style:{height:"270px"}},qe={class:"card-header bg-transparent border-0 d-flex align-items-center"},He={class:"text-muted"},Ke={key:0,class:"text-success fw-bold ms-auto"},Ye={class:"card-body pt-1"},Ze={__name:"peerDataUsageCharts",props:{configurationPeers:Array,configurationInfo:Object},setup(o){we.register(Se,Pe,$e,xe,Ce,ke,Oe,Me,De,Ae);const t=o,n=M({timestamp:[],data:[]}),r=M({timestamp:[],data:[]}),x=le(),y=G(),u=M(void 0),h=async()=>{await j("/api/getWireguardConfigurationRealtimeTraffic",{configurationName:x.params.id},f=>{let _=Re().format("hh:mm:ss A");(f.data.sent!==0&&f.data.recv!==0||n.value.data.length>0&&r.value.data.length>0)&&(n.value.timestamp.push(_),n.value.data.push(f.data.sent),r.value.timestamp.push(_),r.value.data.push(f.data.recv))})},c=()=>{clearInterval(u.value),u.value=void 0,t.configurationInfo.Status&&(u.value=setInterval(()=>{h()},parseInt(y.Configuration.Server.dashboard_refresh_interval)))};ie(()=>{c()}),Y(()=>t.configurationInfo.Status,()=>{c()}),Y(()=>y.Configuration.Server.dashboard_refresh_interval,()=>{c()}),te(()=>{clearInterval(u.value),u.value=void 0});const P=T(()=>{let f=t.configurationPeers.filter(_=>_.cumu_data+_.total_data>0);return{labels:f.map(_=>_.name?_.name:`Untitled Peer - ${_.id}`),datasets:[{label:"Total Data Usage",data:f.map(_=>_.cumu_data+_.total_data),backgroundColor:f.map(_=>"#ffc107"),tooltip:{callbacks:{label:_=>`${_.formattedValue} GB`}}}]}}),g=T(()=>({labels:[...n.value.timestamp],datasets:[{label:"Data Sent",data:[...n.value.data],fill:!1,borderColor:"#198754",backgroundColor:"#198754",tension:0}]})),C=T(()=>({labels:[...r.value.timestamp],datasets:[{label:"Data Received",data:[...r.value.data],fill:!1,borderColor:"#0d6efd",backgroundColor:"#0d6efd",tension:0}]})),l=T(()=>({responsive:!0,plugins:{legend:{display:!1}},scales:{x:{ticks:{display:!1},grid:{display:!1}},y:{ticks:{callback:(f,_)=>`${Math.round((f+Number.EPSILON)*1e3)/1e3} GB`},grid:{display:!1}}}})),m=T(()=>({responsive:!0,plugins:{legend:{display:!1},tooltip:{callbacks:{label:f=>`${f.formattedValue} MB/s`}}},scales:{x:{ticks:{display:!1},grid:{display:!0}},y:{ticks:{callback:(f,_)=>`${Math.round((f+Number.EPSILON)*1e3)/1e3} MB/s`},grid:{display:!0}}}}));return(f,_)=>(a(),v("div",Ie,[e("div",Ee,[e("div",Te,[e("div",Be,[e("small",Ne,[i(k,{t:"Peers Data Usage"})])]),e("div",Je,[i(O(Le),{data:P.value,options:l.value,style:{width:"100%",height:"200px","max-height":"200px"}},null,8,["data","options"])])])]),e("div",Fe,[e("div",je,[e("div",Ve,[e("small",Ue,[i(k,{t:"Real Time Received Data Usage"})]),r.value.data.length>0?(a(),v("small",Ge,S(r.value.data[r.value.data.length-1])+" MB/s ",1)):w("",!0)]),e("div",ze,[i(O(ae),{options:m.value,data:C.value,style:{width:"100%",height:"200px","max-height":"200px"}},null,8,["options","data"])])])]),e("div",Qe,[e("div",We,[e("div",qe,[e("small",He,[i(k,{t:"Real Time Sent Data Usage"})]),n.value.data.length>0?(a(),v("small",Ke,S(n.value.data[n.val