mirror of
https://github.com/donaldzou/WGDashboard.git
synced 2025-07-28 17:32:23 +00:00
2 lines
2.6 KiB
JavaScript
2 lines
2.6 KiB
JavaScript
import{J as p,q as w,c as l,a as e,t as d,b as u,F as h,i as g,k as f,h as b,w as x,f as r,K as N,r as S,m as L,y as $,u as _,G as k}from"./index-BaGiSoQe.js";import{D}from"./DashboardClientAssignmentStore-BUoDZ6I5.js";import{L as y}from"./localeText-DkjxgEQB.js";const V={class:"card rounded-0 border-0"},B={class:"card-header d-flex align-items-center rounded-0"},E={class:"my-2"},R={class:"badge text-bg-primary ms-auto"},A={class:"card-body p-0"},G={class:"list-group list-group-flush"},I={class:"text-body"},F={class:"text-muted"},T=p({__name:"clientGroup",props:["groupName","clients","searchString"],setup(i){const n=i,a=w(()=>{const o=n.searchString.toLowerCase();return n.searchString?n.clients.filter(t=>t.ClientID&&t.ClientID.toLowerCase().includes(o)||t.Email&&t.Email.toLowerCase().includes(o)||t.Name&&t.Name.toLowerCase().includes(o)):n.clients});return(o,t)=>{const m=b("RouterLink");return r(),l("div",V,[e("div",B,[e("h6",E,d(i.groupName),1),e("span",R,[u(y,{t:a.value.length+" Clients"},null,8,["t"])])]),e("div",A,[e("div",G,[(r(!0),l(h,null,g(a.value,s=>(r(),f(m,{to:{name:"Client Viewer",params:{id:s.ClientID}},class:"list-group-item d-flex flex-column border-bottom list-group-item-action"},{default:x(()=>[e("small",I,d(s.Email),1),e("small",F,d(s.Name?s.Name:"No Name"),1)]),_:2},1032,["to"]))),256))])])])}}}),q={class:"text-body w-100 h-100 pb-2"},J={class:"w-100 h-100 card rounded-3"},K={class:"row h-100 g-0"},M={class:"col-sm-4 border-end d-flex flex-column"},P={class:"d-flex text-body align-items-center sticky-top p-3 bg-body-tertiary rounded-top-3",style:{"border-top-right-radius":"0 !important"}},U=["placeholder"],j={class:"btn btn-body ms-auto bg-body-secondary rounded-3 btn-sm"},z={class:"d-flex flex-column overflow-y-scroll",style:{flex:"1 0 0"}},H={class:"col-sm-8"},X=p({__name:"clients",async setup(i){let n,a;const o=D();[n,a]=N(()=>o.getClients()),await n,a(),o.getAllConfigurationsPeers();const t=S("");return(m,s)=>{const v=b("RouterView");return r(),l("div",q,[e("div",J,[e("div",K,[e("div",M,[e("div",P,[s[2]||(s[2]=e("label",{for:"searchClient"},[e("i",{class:"bi bi-search me-2"})],-1)),L(e("input",{"onUpdate:modelValue":s[0]||(s[0]=c=>t.value=c),id:"searchClient",class:"form-control rounded-3 form-control-sm",placeholder:_(k)("Search Clients..."),type:"email",style:{width:"auto"}},null,8,U),[[$,t.value]]),e("button",j,[s[1]||(s[1]=e("i",{class:"bi bi-gear-fill me-2"},null,-1)),u(y,{t:"Settings"})])]),e("div",z,[(r(!0),l(h,null,g(_(o).clients,(c,C)=>(r(),f(T,{searchString:t.value,clients:c,groupName:C},null,8,["searchString","clients","groupName"]))),256))])]),e("div",H,[u(v)])])])])}}});export{X as default};
|