Viewing File: /usr/local/cpanel/whostmgr/docroot/templates/monitoring/spa/_nuxt/D6fzGOWD.min.js

import q from"./BVLr4EuM.js";import{v as j,u as I,r as v,e as O,_ as U,o as a,c as s,t as E,Q as z,D as F,A as Q,E as G,g as S,R as J,a as p,L as C,M as N,q as u,I as b,K as D,C as g,d as W,b as M,B as X,H as Y,p as T}from"./okq41Fdn.js";import{_ as Z}from"./D-Kh0ThU.js";const $=j({__name:"UdtResultCount",props:{total:{type:Number,default:0},perPage:{type:Number,default:20},queryKey:{type:String,default:"page"},withPagination:{type:Boolean,default:!0}},setup(_,{expose:c}){c();const n=_,t=I(),r=v("");O((()=>{const y=Number(t.query[n.queryKey])||1,k=(y-1)*n.perPage+1,d=Math.min(y*n.perPage,n.total);r.value=`${k} - ${d}`}));const i={props:n,route:t,resultsFromTo:r};return Object.defineProperty(i,"__isScriptSetup",{enumerable:!1,value:!0}),i}}),ee={class:"text-slate-600"};function te(_,c,n,t,r,i){return a(),s("div",ee,E(n.withPagination?_.$t("showingResultCounter",{start:t.resultsFromTo,total:String(n.total)}):_.$t("showingSimpleResultCounter",{total:String(n.total)})),1)}const ae=U($,[["render",te],["__file","UdtResultCount.vue"]]),se=z("dataTableStore",(()=>{const _=F({key:"",direction:"desc"}),c=()=>{_.key="",_.direction="desc"},n=v(!1),t=v(!1),r=F({page:1,resultsPerPage:10,totalResults:0});return{sortParams:_,updateTable:n,collectData:t,pagination:r,resetSort:c,resetPagination:()=>{r.page=1,r.resultsPerPage=10,r.totalResults=0}}})),ne=j({__name:"UniversalDataTable",props:{name:{type:String,default:""},cols:{type:Array,default:()=>[]},rows:{type:Array,default:()=>[]},selectableRows:{type:Boolean,default:!1},triggerToggleAll:{type:Boolean,default:!1},disableFooter:{type:Array,default:()=>[]},apiSort:{type:Boolean,default:!1},clickableRows:{type:Boolean,default:!1},mixpanelObj:{type:Object,default:()=>({})}},emits:["selectedEntries","actions","clicklink","changePage","clickRow","updateLength"],setup(_,{expose:c,emit:n}){c();const t=n,r=_,i=se(),{t:y,locale:k}=Q(),d=v(""),f=v("asc");d.value=i.sortParams.key||"",f.value=i.sortParams.direction?"asc":"desc";const o=G((()=>{if(r.apiSort)return r.rows;const l=r.rows.slice();return d.value&&l.sort(((h,R)=>{var A,B;const K=((A=h[d.value])==null?void 0:A.value)||h[d.value],L=((B=R[d.value])==null?void 0:B.value)||R[d.value];return K<L?f.value==="asc"?-1:1:K>L?f.value==="asc"?1:-1:0})),l})),w=l=>{if(l.sortKey)if(d.value===l.id||d.value===l.sortKey)f.value=f.value==="asc"?"desc":"asc",i.sortParams.direction=f.value;else{const h=l.sortKey||l.id;d.value=h,f.value="asc",i.sortParams.key=h,i.sortParams.direction="asc"}r.apiSort&&(i.updateTable=!0)},P=l=>{const{meta:h,...R}=l;return R},m=v(!1),e=v([]),x=()=>o.value.map((l=>l.id.value));S((()=>m.value),(l=>{e.value=l?x():[]})),S((()=>e.value),(()=>{t("selectedEntries",e.value)})),S((()=>i.collectData),(()=>{e.value=[],m.value=!1})),S((()=>r.triggerToggleAll),(l=>{m.value=l}));const H={emit:t,props:r,dtStore:i,t:y,locale:k,sortColumn:d,sortDirection:f,sortRows:o,sort:w,filterRow:P,selectAllRows:m,selectedRows:e,collectAllIds:x,switchPage:l=>{i.pagination.page=l,i.updateTable=!0,t("changePage",l)}};return Object.defineProperty(H,"__isScriptSetup",{enumerable:!1,value:!0}),H}}),oe={class:"overflow-y-auto relative"},le={class:"w-full dataTable__container"},re={class:"border-b border-gray-300 text-left bg-white"},ie={key:0,class:"px-2 py-4 w-5 dt-checkbox dt-header"},ce=["onClick"],ue={key:0},de={key:0},pe={key:1},_e={key:1},ye={class:"relative bg-white"},fe={key:0},ge={key:0,class:"px-2 py-4 w-5 dt-checkbox dt-cell"},me=["value"],be=["onClick"],ve=["innerHTML"],he=["onClick"],ke=["innerHTML"],we={key:1,class:"flex gap-2 items-center w-full"},xe=["innerHTML"],Pe=["innerHTML"];function Re(_,c,n,t,r,i){const y=q,k=ae,d=Z,f=J("tippy");return a(),s("div",{class:g(["dataTable @container/datatable",[`dataTable-${n.name} dataTable--lang-${t.locale}`]])},[p("div",oe,[p("table",le,[p("thead",null,[p("tr",re,[n.selectableRows?(a(),s("th",ie,[C(p("input",{"onUpdate:modelValue":c[0]||(c[0]=o=>t.selectAllRows=o),type:"checkbox",class:"transform scale-125"},null,512),[[N,t.selectAllRows]])])):u("",!0),(a(!0),s(b,null,D(n.cols,(o=>(a(),s(b,{key:`th-${o.id}`},[o.isHidden?u("",!0):(a(),s("th",{key:0,class:g(["font-medium text-gray-700 px-2 py-4 dt-header",[`dt-${o.id}`]])},[p("span",{class:g([[{"cursor-pointer":o.sortKey}],"flex gap-2 items-center first-letter:uppercase"]),onClick:w=>t.sort(o)},[W(E(o.label||o.id)+" ",1),o.sortKey&&(t.sortColumn===o.sortKey||t.sortColumn===o.id)?(a(),s("span",ue,[t.sortDirection==="asc"?(a(),s("span",de,[M(y,{name:"typcn:arrow-sorted-up",class:"w-4 text-slate-500"})])):u("",!0),t.sortDirection==="desc"?(a(),s("span",pe,[M(y,{name:"typcn:arrow-sorted-down",class:"w-4 text-slate-500"})])):u("",!0)])):o.sortKey?(a(),s("span",_e,[M(y,{name:"typcn:arrow-unsorted",class:"w-4 text-slate-300"})])):u("",!0)],10,ce)],2))],64)))),128))])]),p("tbody",ye,[p("tr",{class:g(["absolute top-0 left-0 right-0 bottom-0 bg-white z-10 flex items-center justify-center backdrop-filter backdrop-blur-sm bg-opacity-10 pointer-events-none transition duration-200 ease-linear",[t.dtStore.collectData?"opacity-100":"opacity-0"]])},null,2),t.sortRows.length?u("",!0):(a(),s("tr",fe,c[2]||(c[2]=[p("td",{colspan:"100",ssd:"",class:"h-8"},null,-1)]))),(a(!0),s(b,null,D(t.sortRows,((o,w)=>{var P,m;return a(),s("tr",{key:w,class:g(["border-b border-gray-200",[{"cursor-pointer hover:bg-slate-100":n.clickableRows&&((P=o.meta)==null?void 0:P.notClickable)!==!0},((m=o.meta)==null?void 0:m.classes)||""]])},[n.selectableRows?(a(),s("td",ge,[C(p("input",{"onUpdate:modelValue":c[1]||(c[1]=e=>t.selectedRows=e),class:"transform scale-125",type:"checkbox",value:o.id.value},null,8,me),[[N,t.selectedRows]])])):u("",!0),(a(!0),s(b,null,D(t.filterRow(o),((e,x)=>(a(),s(b,{key:`td-${w}-${x}`},[e!=null&&e.isHidden?u("",!0):(a(),s("td",{key:0,class:g(["px-2 py-3 dt-cell",[`dt-${x}`]]),onClick:V=>n.clickableRows?t.emit("clickRow",o):null},[typeof e=="string"||typeof e=="number"?(a(),s("span",{key:0,class:"flex items-center gap-2 dt-content",innerHTML:e},null,8,ve)):e?(a(),s(b,{key:1},[e!=null&&e.special?(a(),s(b,{key:0},[e.custom?X(_.$slots,e.custom,{key:0,value:e.data}):u("",!0)],64)):(a(),s("span",{key:1,class:g(["flex justify-between w-full items-center",e.style||""])},[e.linkable?(a(),s("a",{key:0,class:"text-blue-800 hover:text-blue-400 transition-color duration-200 cursor-pointer flex gap-2 items-center pr-2 dt-content",onClick:Y((V=>t.emit("clicklink",{...e,id:o.id,columnName:e.columnName??null})),["stop"])},[p("span",{innerHTML:e.showValue||e.value},null,8,ke)],8,he)):(a(),s("span",we,[e.warning?(a(),T(y,{key:0,name:"ion:warning",class:"w-4 text-danger"})):u("",!0),e.success?(a(),T(y,{key:1,name:"fluent:checkmark-16-filled",class:"text-success w-4"})):u("",!0),e.tooltip?C((a(),s("span",{key:2,class:"dt-content",innerHTML:e.showValue||e.value},null,8,xe)),[[f,{content:e.showValue||e.value}]]):(a(),s("span",{key:3,class:"dt-content w-full",innerHTML:e.showValue||e.value},null,8,Pe))]))],2))],64)):u("",!0)],10,be))],64)))),128))],2)})),128))])])]),n.disableFooter.length?u("",!0):(a(),s("div",{key:0,class:g(["dataTableFooter py-2 px-4 flex flex-col items-start gap-4 min-[700px]:items-center min-[700px]:flex-row",[n.disableFooter.length===2?"justify-center":"justify-between"]])},[p("div",null,[n.disableFooter.includes("count")?u("",!0):(a(),T(k,{key:0,total:t.dtStore.pagination.totalResults,"per-page":t.dtStore.pagination.resultsPerPage,"with-pagination":!n.disableFooter.includes("pagination")},null,8,["total","per-page","with-pagination"]))]),p("div",null,[n.disableFooter.includes("pagination")?u("",!0):(a(),T(d,{key:0,total:t.dtStore.pagination.totalResults,"per-page":t.dtStore.pagination.resultsPerPage,class:"py-0",onSwitchPage:t.switchPage},null,8,["total","per-page"]))]),c[3]||(c[3]=p("div",null,null,-1))],2))],2)}const De=U(ne,[["render",Re],["__file","UniversalDataTable.vue"]]);export{De as _,se as u};