Editing File: /usr/local/cpanel/whostmgr/docroot/templates/monitoring/spa/_nuxt/B_Ses2CT.js

import N from"./DeQ5-w6a.js";import{c as S,r as B}from"./C9SsffiO.js";import{e as R,l as D,L as E,K,q as y,v as k,_ as T,Q as V,o as i,c as s,H as w,b as x,k as l,n as _,F as j,E as F,t as b,a as L}from"./Bb0d5mhF.js";const P=1,O=R({__name:"Pagination",props:{total:{type:Number,default:0},perPage:{type:Number,default:20},queryKey:{type:String,default:"page"},totalPages:{type:Number,default:0}},emits:["switchPagination","switchPage"],setup(g,{expose:a,emit:m}){a();const e=m,o=g,p=D(),c=E(),r=y(1),n=y(0),u=k(()=>o.totalPages>0?o.totalPages:Math.ceil(o.total/o.perPage)),C=k(()=>{if(!u.value)return[];const t=S(1,u.value),d=t(r.value-(1+P)),h=t(r.value+(1+P));return B(d,h)}),f=(t,d)=>({...c.query,[t]:d}),q=t=>{t!==r.value&&p.replace({query:f("page",t)})};K(()=>{const t=c.query[o.queryKey];t&&(r.value=Number(t),n.value=(Number(t)-1)*o.perPage,e("switchPagination",n.value),e("switchPage",r.value))});const v={emit:e,props:o,router:p,route:c,currentPage:r,resultStartBy:n,paginationPages:u,buttonCount:P,paginationRider:C,addPropToQuery:f,switchPage:q};return Object.defineProperty(v,"__isScriptSetup",{enumerable:!1,value:!0}),v}}),Q={key:0,class:"pagination flex-center gap-2 flex-wrap py-4"},z={key:2,class:"h-8 w-8 rounded flex-center flex-shrink-0"},H=["onClick"],I={key:3,class:"h-8 w-8 rounded flex-center flex-shrink-0"};function M(g,a,m,e,o,p){const c=N,r=V("tippy");return e.paginationPages?(i(),s("nav",Q,[e.currentPage>1?w((i(),s("div",{key:0,class:"pagination__element h-8 w-8 rounded cursor-pointer flex-center flex-shrink-0",onClick:a[0]||(a[0]=n=>e.currentPage>1?e.switchPage(e.currentPage-1):null)},[x(c,{name:"material-symbols:chevron-left-rounded",class:"w-5 h-5"})])),[[r,{content:g.$t("back"),placement:"top",appendTo:"parent"}]]):l("",!0),e.currentPage>3?(i(),s("div",{key:1,class:_(["h-8 w-8 rounded flex-center flex-shrink-0",[e.currentPage===1?"pagination__active":"pagination__element cursor-pointer"]]),onClick:a[1]||(a[1]=n=>e.switchPage(1))}," 1 ",2)):l("",!0),e.currentPage>4?(i(),s("div",z," … ")):l("",!0),(i(!0),s(j,null,F(e.paginationRider,n=>(i(),s("div",{key:n,class:_(["h-8 w-8 rounded flex-center flex-shrink-0",[n===e.currentPage?"pagination__active":"pagination__element cursor-pointer"]]),onClick:u=>e.switchPage(n)},b(n),11,H))),128)),e.paginationPages-e.currentPage>2?(i(),s("div",I," … ")):l("",!0),L("div",{class:_(["h-8 w-8 rounded flex-center flex-shrink-0",[e.paginationPages===e.currentPage?"pagination__active":"pagination__element cursor-pointer"]]),onClick:a[2]||(a[2]=n=>e.switchPage(e.paginationPages))},b(e.paginationPages),3),e.currentPage<e.paginationPages?w((i(),s("div",{key:4,class:"pagination__element h-8 w-8 rounded cursor-pointer flex-center flex-shrink-0",onClick:a[3]||(a[3]=n=>e.currentPage<e.paginationPages?e.switchPage(e.currentPage+1):null)},[x(c,{name:"material-symbols:chevron-right-rounded",class:"w-5 h-5"})])),[[r,{content:g.$t("forward"),placement:"top",appendTo:"parent"}]]):l("",!0)])):l("",!0)}const U=Object.assign(T(O,[["render",M],["__file","Pagination.vue"]]),{__name:"Pagination"});export{U as _};

Back to Directory