File manager

File manager - Edit - /home/autoph/public_html/projects/ahg-hr/assets/index.c55b32ee.js

Back
import{_ as k,r as m,o as l,b as r,h as i,j as h,d as o,a4 as y,t as c,e as v,p as w,v as S,F as g,m as b,f as _}from"./index.28ae41da.js";import{I as B}from"./index.1b36081b.js";/* empty css /import{T as R}from"./index.43beecaf.js";const O={name:"Table",components:{Icon:B,TextInput:R},data(){return{searchQuery:null,sortBy:this.defaultSortField\|\|null,sortOrder:this.defaultSortOrder,hoveredRow:null,selectedRow:null}},props:{paginated:{type:Boolean,default:!1},currentPage:{type:Number,default:1},itemsPerPage:{type:Number,default:10},nocard:{type:Boolean,default:!1},noDataMessage:{type:String,default:"No Data"},hoverableRow:{type:Boolean,default:!1},stripedRow:{type:Boolean,default:!0},headerTitle:{type:String,default:null},headerClass:{type:String,default:null},headerContentClass:{type:String,default:"flex justify-between"},headerConfigClass:{type:String,default:"flex justify-end"},headerTitleClass:{type:String,default:null},containerClass:{type:String,default:null},columns:{type:Array,required:!0},rows:{type:Array,required:!0},tableContainerClass:{type:String,default:null},tableClass:{type:String,default:null},rowStyleClass:{type:String,default:""},thClass:{type:String,default:""},trClass:{type:String,default:""},tdClass:{type:String,default:""},search:{type:Boolean,default:!0},defaultSortField:{type:String,default:null},defaultSortOrder:{type:String,default:null},headerBgOverlay:{type:Boolean,default:!0},headerBgOverlayClass:{type:String,default:null},rowHoverClass:{type:String,default:"bg-blue-200"},selectedRowClass:{type:String,default:"bg-blue-300"}},watch:{sortBy(){this.emitSort()},sortOrder(){this.emitSort()},searchQuery(){this.emitSearch()}},computed:{paginatedRows(){if(this.paginated){const t=(this.currentPage-1)this.itemsPerPage,a=t+this.itemsPerPage;return this.rows.slice(t,a)}return this.rows},sortableColumns(){return this.columns.filter(t=>t.sortable)},sortable(){return this.sortableColumns.length>0}},methods:{emitSort(){this.sortBy&&this.$emit("sort",{field:this.sortBy,sortOrder:this.sortOrder})},emitSearch(){this.$emit("search",this.searchQuery)},rowClick(t,a){this.selectedRow!==null&&this.selectedRow==a&&(t=null,a=null),this.selectedRow=a,this.$emit("rowClick",{row:t,index:a})}}},T={key:0},x={key:1},I={key:0,class:"flex items-center border border-slate-500 rounded px-2 bg-white"},V={key:1},P={key:2,class:"flex gap-1 items-center"},N={class:"flex border border-slate-500 rounded items-center bg-white pr-2"},D=["value"],Q={key:3},F={key:4},H={class:"bg-gray-50"},j={class:"bg-white divide-y divide-gray-200"},A=["onClick","onHover"],M={key:0,class:"py-6 text-center text-xl bg-amber-50 text-slate-400"},U={key:1,class:"bg-blue-50 py-6"};function q(t,a,e,z,u,n){const C=m("Icon"),p=m("TextInput");return l(),r("div",{class:i(e.nocard?e.containerClass:["card rounded-md lg:h-full bg-white shadow-base",e.containerClass])},[t.title\|\|t.$slots.header\|\|e.search\|\|t.$slots.filter\|\|t.$slots.filter\|\|n.sortable&&n.sortableColumns\|\|t.$slots.action?(l(),r("div",{key:0,class:i(["relative",["py-2 border-b border-slate-200",e.headerClass]])},[e.headerBgOverlay?(l(),r("div",{key:0,class:i(["absolute inset-0 w-full h-full",["bg-white bg-opacity-[0.7] rounded-t-lg",e.headerBgOverlayClass]])},null,2)):h("",!0),o("div",{class:i(["relative space-x-4",e.headerContentClass])},[o("div",{class:i(["text-2xl p-4 font-semibold",e.headerTitleClass])},[t.$slots.header?(l(),r("div",T,[y(t.$slots,"header",{},void 0,!0)])):(l(),r("span",x,c(e.headerTitle),1))],2),o("div",{class:i(["space-x-2 p-4",e.headerConfigClass])},[e.search?(l(),r("div",I,[o("div",null,[v(C,{icon:"carbon:search"})]),o("div",null,[v(p,{modelValue:u.searchQuery,"onUpdate:modelValue":a[0]\|\|(a[0]=s=>u.searchQuery=s),class:"p-0",classInput:"border-0 p-0 h-[30px]"},null,8,["modelValue"])])])):t.$slots.search?(l(),r("div",V,[y(t.$slots,"search",{},void 0,!0)])):h("",!0),n.sortable&&n.sortableColumns?(l(),r("div",P,[o("div",N,[v(C,{icon:"solar:sort-vertical-linear",class:"text-xl px-2"}),w(o("select",{class:"px-y py-3 bg-white","onUpdate:modelValue":a[1]\|\|(a[1]=s=>u.sortBy=s)},[a[4]\|\|(a[4]=o("option",{disabled:"",value:""}," Sort By ",-1)),(l(!0),r(g,null,b(n.sortableColumns,s=>(l(),r("option",{key:s.field,value:s.field},c(s.label),9,D))),128))],512),[[S,u.sortBy]])]),w(o("select",{class:"px-2 py-3 bg-white border border-slate-500 rounded","onUpdate:modelValue":a[2]\|\|(a[2]=s=>u.sortOrder=s),onChange:a[3]\|\|(a[3]=(...s)=>n.emitSort&&n.emitSort(...s))},a[5]\|\|(a[5]=[o("option",{value:"asc"},"Asc",-1),o("option",{value:"desc"},"Desc",-1)]),544),[[S,u.sortOrder]])])):h("",!0),t.$slots.filter?(l(),r("div",Q,[y(t.$slots,"filter",{},void 0,!0)])):h("",!0),t.$slots.action?(l(),r("div",F,[y(t.$slots,"action",{},void 0,!0)])):h("",!0)],2)],2)],2)):h("",!0),o("div",{class:i(["overflow-x-auto",["w-full",e.tableContainerClass]])},[o("table",{class:i(["min-w-full divide-y divide-gray-200 text-sm",e.tableClass])},[o("thead",H,[o("tr",null,[(l(!0),r(g,null,b(e.columns,s=>(l(),r("th",{key:s.field,class:i(["px-6 py-3 text-left font-medium text-gray-500 uppercase tracking-wider",e.thClass,s.thClass??null])},c(s.label),3))),128))])]),o("tbody",j,[(l(!0),r(g,null,b(n.paginatedRows,(s,f)=>(l(),r("tr",{key:f,class:i([e.rowStyleClass,e.hoverableRow?"hover:bg-blue-100":"hover:bg-transparent",e.stripedRow&&u.selectedRow!=f?f%2===0?"bg-white":"bg-gray-50":"",u.selectedRow==f?e.selectedRowClass:""]),onClick:d=>n.rowClick(s,f),onHover:d=>t.setHoveredRow(f)},[(l(!0),r(g,null,b(e.columns,d=>(l(),r("td",{key:d.field,class:i(["p-2 text-gray-500",e.tdClass,d.tdClass?typeof d.tdClass=="function"?d.tdClass(s[d.field]):d.tdClass:null])},[y(t.$slots,"table-row",{row:s,column:d,item:s[d.field]},()=>[_(c(d.format?d.format(s[d.field]):s[d.field]),1)],!0)],2))),128))],42,A))),128))])],2),!e.rows\|\|e.rows.length==0?(l(),r("div",M,c(e.noDataMessage),1)):h("",!0)],2),t.$slots["pagination-bottom"]&&e.rows&&e.rows.length>0?(l(),r("footer",U,[y(t.$slots,"pagination-bottom",{},void 0,!0)])):h("",!0)],2)}const K=k(O,[["render",q],["__scopeId","data-v-32e8de9b"]]);export{K as T};

| ver. 1.4 | . | PHP 8.1.32 | Generation time: 0.03 | proxy | phpinfo | Settings