PageSourceSearch

https://www.asninstitute.id/apps/assets/TableComponent.39e29342.js

js asninstitute.id collected 2026-10-06 18:46:21 UTC 7,638 bytes, 1 lines download raw bytes

1import{D as I}from"./index.a159bb86.js";import{I as k}from"./index.d7d232b0.js";import{I as B}from"./index.630b11d6.js";import{S as T}from"./index.8bf3f7f6.js";import{m as N,w as p}from"./runtime-dom.esm-bundler.6a3a7b95.js";import{l as A,_ as C,r as c,o as a,c as s,n as u,k as R,d as n,b as l,e as m,t as g,j as y,F as x,h as S,b9 as V,b6 as $,w as P,a as F}from"./_plugin-vue_export-helper.894c23a4.js";import{B as G}from"./index.9690c506.js";const j=A({name:"Pagination",components:{Icon:k,Select:T},props:{options:{type:Array,default:()=>[{}]},enableText:{type:Boolean,default:!1},enableInput:{type:Boolean,default:!1},enableSelect:{type:Boolean,default:!1},enableSearch:{type:Boolean,default:!1},pageChanged:{type:Function},perPageChanged:{type:Function},current:{type:Number,default:1},total:{type:Number,default:0},perPage:{type:Number,default:10},pageRange:{type:Number,default:2},textBeforeInput:{type:String,default:"Go to page"},textAfterInput:{type:String,default:"Go"},paginationClass:{type:String,default:"default"},searchClasss:{type:String,default:"default"},wrapperClass:{type:String,default:"justify-between"}},data(){return{input:"",input2:null}},methods:{hasFirst:function(){return this.rangeStart!==1},hasLast:function(){return this.rangeEnd<this.totalPages},hasPrev:function(){return this.current>1},hasNext:function(){return this.current<this.totalPages},changePage:function(e){e>0&&e<=this.totalPages&&this.$emit("page-changed",e),this.pageChanged&&this.pageChanged({currentPage:e})},customPerPageChange(e){this.perPageChanged({currentPerPage:e})}},computed:{pages:function(){for(var e=[],t=this.rangeStart;t<=this.rangeEnd;t++)e.push(t);return e},rangeStart:function(){var e=this.current-this.pageRange;return e>0?e:1},rangeEnd:function(){var e=this.current+this.pageRange;return e<this.totalPages?e:this.totalPages},totalPages:function(){return Math.ceil(this.total/this.perPage)},nextPage:function(){return this.current+1},prevPage:function(){return this.current-1}}}),D=e=>(V("data-v-fdaa0b10"),e=e(),$(),e),E={key:0,class:"flex items-center space-x-2 rtl:space-x-reverse"},L={key:1,class:"flex items-center"},M={class:"text-sm text-slate-500 inline-block ltr:ml-2 rtl:mr-2"},U={class:"text-xl leading-4 text-slate-900 dark:text-white rtl:rotate-180"},z=["disabled"],Q={key:1,class:"text-sm inline-block rtl:-rotate-180"},q={key:0,class:""},H=D(()=>n("div",null,[n("span",null," 1 ")],-1)),J=[H],K={key:1,class:"text-slate-600 dark:text-slate-300"},O=["onClick"],W={class:""},X={key:2,class:"text-slate-600 dark:text-slate-300"},Y={key:3,class:""},Z={class:"text-xl leading-4 text-slate-900 dark:text-white rtl:rotate-180"},ee=["disabled"],te={key:1,class:"text-sm rtl:-rotate-180 inline-block"};function ne(e,t,r,_,d,w){const f=c("Select"),h=c("Icon");return a(),s("div",{class:u(["md:flex md:space-y-0 space-y-5",e.wrapperClass])},[e.enableSearch?(a(),s("div",{key:0,class:u(["flex items-center space-x-4 rtl:space-x-reverse",e.searchClasss])},[e.enableSearch&&e.enableInput?(a(),s("div",E,[R(n("input",{"onUpdate:modelValue":t[0]||(t[0]=o=>e.input=o),class:"form-control w-9 overflow-auto h-9",type:"text",placeholder:"0"},null,512),[[N,e.input,void 0,{number:!0}]]),n("div",{onClick:t[1]||(t[1]=p(o=>e.changePage(e.input),["prevent"])),class:"flex-0 cursor-pointer text-sm h-9 w-9 bg-slate-900 text-white flex items-center justify-center rounded"}," Go ")])):l("",!0),e.enableSearch&&e.enableSelect?(a(),s("div",L,[m(f,{modelValue:e.input2,"onUpdate:modelValue":t[2]||(t[2]=o=>e.input2=o),modelModifiers:{number:!0},onChange:t[3]||(t[3]=o=>e.changePage(e.input2)),placeholder:"Go",classInput:" w-[60px] h-9 ",options:e.options},null,8,["modelValue","options"]),n("span",M," of "+g(e.perPage)+" entries",1)])):l("",!0)],2)):l("",!0),n("ul",{class:u(["pagination",e.paginationClass])},[n("li",U,[n("button",{onClick:t[4]||(t[4]=p(o=>e.changePage(e.prevPage),["prevent"])),disabled:e.current===1,class:u(e.current===1?" opacity-50 cursor-not-allowed":"")},[e.enableText?l("",!0):(a(),y(h,{key:0,icon:"heroicons-outline:chevron-left"})),e.enableText?(a(),s("span",Q,"Previous")):l("",!0)],10,z)]),e.hasFirst()?(a(),s("li",q,[n("button",{onClick:t[5]||(t[5]=p(o=>e.changePage(1),["prevent"]))},J)])):l("",!0),e.hasFirst()?(a(),s("li",K,"...")):l("",!0),(a(!0),s(x,null,S(e.pages,(o,b)=>(a(),s("li",{class:"",key:b},[n("button",{onClick:p(i=>
1e.changePage(o),["prevent"])},[n("div",{class:u([{active:e.current===o},""])},[n("span",W,g(o),1)],2)],8,O)]))),128)),e.hasLast()?(a(),s("li",X,"...")):l("",!0),e.hasLast()?(a(),s("li",Y,[n("button",{onClick:t[6]||(t[6]=p(o=>e.changePage(e.totalPages),["prevent"]))},[n("div",null,[n("span",null,g(e.totalPages),1)])])])):l("",!0),n("li",Z,[n("button",{onClick:t[7]||(t[7]=p(o=>e.changePage(e.nextPage),["prevent"])),disabled:e.current===e.totalPages,class:u(e.current===e.totalPages?" opacity-50 cursor-not-allowed":"")},[e.enableText?l("",!0):(a(),y(h,{key:0,icon:"heroicons-outline:chevron-right"})),e.enableText?(a(),s("span",te,"Next")):l("",!0)],10,ee)])],2)],2)}const ae=C(j,[["render",ne],["__scopeId","data-v-fdaa0b10"]]),se={props:{title:{type:String,default:""},searchActive:{type:Boolean,default:!1},enableSearch:{type:Boolean,default:!0},searchActive:{type:Boolean,default:!1},columns:{type:Array,default:()=>[]},items:{type:Array,default:()=>[]},userRanking:{type:Array,default:()=>[]},perPage:{type:Number,default:10},pageRange:{type:Number,default:2}},components:{Pagination:ae,InputGroup:B,Dropdown:I,Icon:k,Button:G},data(){return{current:1,searchTerm:"",options:[{value:"1",label:"1"},{value:"3",label:"3"},{value:"5",label:"5"}]}}},oe={key:0,class:"md:flex justify-between pb-6 md:space-y-0 space-y-3 items-center"},re={class:"text-xl text-[#0F172A] dark:text-white font-medium"},le={class:"flex flex-row"},ie={key:1,class:"grid grid-cols-1 sm:grid-cols-3 gap-4 mb-6 md:mx-16 lg:mx-28"},ue={class:"flex items-center space-x-6 rtl:space-x-reverse"},de={class:"flex-1"},pe={class:"text-slate-600 dark:text-slate-800 text-sm mb-1 font-medium"},ce={class:"text-slate-900 dark:text-slate-700 text-lg font-medium"},ge={class:"py-4 px-3"};function he(e,t,r,_,d,w){const f=c("InputGroup"),h=c("Icon"),o=c("Pagination"),b=c("vue-good-table");return a(),s("div",null,[r.title||r.searchActive?(a(),s("div",oe,[n("p",re,g(r.title),1),n("div",le,[r.searchActive?(a(),y(f,{key:0,modelValue:d.searchTerm,"onUpdate:modelValue":t[0]||(t[0]=i=>d.searchTerm=i),placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"])):l("",!0)])])):l("",!0),r.userRanking?(a(),s("div",ie,[(a(!0),s(x,null,S(r.userRanking,(i,v)=>(a(),s("div",{key:v,class:u([i.bg,"py-[18px] px-4 rounded-[6px]"])},[n("div",ue,[n("div",{class:u(["flex-none text-3xl",i.text])},[m(h,{icon:i.icon},null,8,["icon"])],2),n("div",de,[n("div",pe,g(i.title),1),n("div",ce,g(i.count),1)])])],2))),128))])):l("",!0),m(b,{columns:r.columns,styleClass:" vgt-table bordered centered",rows:r.items,"pagination-options":{enabled:!0,perPage:r.perPage},"search-options":{enabled:!0,externalQuery:d.searchTerm}},{"table-row":P(i=>[F(e.$slots,"default",{props:i})]),"pagination-bottom":P(i=>[n("div",ge,[m(o,{total:r.items.length,current:d.current,perPage:r.perPage,pageRange:r.pageRange,onPageChanged:t[1]||(t[1]=v=>d.current=v),pageChanged:i.pageChanged,perPageChanged:i.perPageChanged,enableSearch:r.enableSearch,enableInput:e.enableInput},null,8,["total","current","perPage","pageRange","pageChanged","perPageChanged","enableSearch","enableInput"])])]),_:3},8,["columns","rows","pagination-options","search-options"])])}const Ce=C(se,[["render",he]]);export{Ce as T};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.