File manager

File manager - Edit - /home/autoph/.trash/assets/index-d944e364.js

Back
import{B as I}from"./index-69295928.js";import{I as O}from"./index-9592cc11.js";import{_ as T,r as g,o as l,d as r,H as d,b as u,f as a,Q as f,I as b,e as h,N as _,W as S,J as m,G as C,g as k,h as D,K as F,L as M}from"./index-3de29242.js";import{T as V}from"./index-b343c50d.js";import{x as N,S as P}from"./lodash-0611198e.js";const Q={name:"Table",components:{Icon:O,TextInput:V,Menu:N,MenuButton:P,Button:I},data(){return{searchQuery:null,sortBy:this.defaultSortField\|\|null,sortOrder:this.defaultSortOrder,hoveredRow:null,selectedRow:null,state:{showFilterDropdown:!1}}},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},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 e=(this.currentPage-1)*this.itemsPerPage,o=e+this.itemsPerPage;return this.rows.slice(e,o)}return this.rows},sortableColumns(){return this.columns.filter(e=>e.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(e,o){this.selectedRow!==null&&this.selectedRow==o&&(e=null,o=null),this.selectedRow=o,this.$emit("rowClick",{row:e,index:o})},filter(){this.$emit("filter")},toggleFilterDropdown(){this.state.showFilterDropdown=!this.state.showFilterDropdown}}},v=e=>(F("data-v-20c59baf"),e=e(),M(),e),H={key:0},A={key:1},U={key:0,class:"flex items-center border border-slate-500 rounded px-2 bg-white"},j={key:1},q={key:2,class:"flex gap-1 items-center"},L={class:"flex border border-slate-500 rounded items-center bg-white pr-2"},z=v(()=>a("option",{disabled:"",value:""}," Sort By ",-1)),E=["value"],G=v(()=>a("option",{value:"asc"},"Asc",-1)),J=v(()=>a("option",{value:"desc"},"Desc",-1)),K=[G,J],W={key:3},X={class:"text-end"},Y={key:0,class:"dropdown-content text-center p-4"},Z={key:4},$={class:"bg-gray-50"},ee={class:"bg-white divide-y divide-gray-200"},te=["onClick","onHover"],se={key:0,class:"py-6 text-center text-xl bg-amber-50 text-slate-400"},le={key:1,class:"bg-blue-50 py-6"};function re(e,o,t,ae,c,i){const w=g("Icon"),B=g("TextInput"),p=g("Button"),x=g("MenuButton"),R=g("Menu");return l(),r("div",{class:d(t.nocard?t.containerClass:["card rounded-md lg:h-full bg-white shadow-base",t.containerClass])},[e.title\|\|e.$slots.header\|\|t.search\|\|e.$slots.filter\|\|e.$slots.filter\|\|i.sortable&&i.sortableColumns\|\|e.$slots.action?(l(),r("div",{key:0,class:d(["relative",["py-2 border-b border-slate-200",t.headerClass]])},[t.headerBgOverlay?(l(),r("div",{key:0,class:d(["absolute inset-0 w-full h-full",["bg-white bg-opacity-[0.7] rounded-t-lg",t.headerBgOverlayClass]])},null,2)):u("",!0),a("div",{class:d(["relative space-x-4",t.headerContentClass])},[a("div",{class:d(["text-2xl p-4 font-semibold",t.headerTitleClass])},[e.$slots.header?(l(),r("div",H,[f(e.$slots,"header",{},void 0,!0)])):(l(),r("span",A,b(t.headerTitle),1))],2),a("div",{class:d(["space-x-2 p-4",t.headerConfigClass])},[t.search?(l(),r("div",U,[a("div",null,[h(w,{icon:"carbon:search"})]),a("div",null,[h(B,{modelValue:c.searchQuery,"onUpdate:modelValue":o[0]\|\|(o[0]=s=>c.searchQuery=s),class:"p-0",classInput:"border-0 p-0 h-[30px]"},null,8,["modelValue"])])])):e.$slots.search?(l(),r("div",j,[f(e.$slots,"search",{},void 0,!0)])):u("",!0),i.sortable&&i.sortableColumns?(l(),r("div",q,[a("div",L,[h(w,{icon:"solar:sort-vertical-linear",class:"text-xl px-2"}),_(a("select",{class:"px-y py-3 bg-white","onUpdate:modelValue":o[1]\|\|(o[1]=s=>c.sortBy=s)},[z,(l(!0),r(m,null,C(i.sortableColumns,s=>(l(),r("option",{key:s.field,value:s.field},b(s.label),9,E))),128))],512),[[S,c.sortBy]])]),_(a("select",{class:"px-2 py-3 bg-white border border-slate-500 rounded","onUpdate:modelValue":o[2]\|\|(o[2]=s=>c.sortOrder=s),onChange:o[3]\|\|(o[3]=(...s)=>i.emitSort&&i.emitSort(...s))},K,544),[[S,c.sortOrder]])])):u("",!0),e.$slots.filter?(l(),r("div",W,[a("div",X,[h(R,{as:"div",class:"relative inline-block text-left"},{default:k(()=>[a("div",null,[h(x,{onClick:i.toggleFilterDropdown},{default:k(()=>[h(p,{icon:"heroicons-outline:filter",text:"Filter",btnClass:" btn-outline-secondary text-slate-600 dark:border-slate-700 bg-white dark:text-slate-300 font-normal btn-sm hover:bg-blue-50",iconClass:"text-lg py-1"})]),_:1},8,["onClick"])])]),_:1}),c.state.showFilterDropdown?(l(),r("div",Y,[f(e.$slots,"filter",{},void 0,!0),a("div",null,[h(p,{type:"submit",btnClass:"text-white bg-info-800 hover:ring ring-info-800 ring-offset-1 py-2 px-3",icon:"carbon:magnify",iconClass:"text-2xl",title:"Search Record Based on Filter",text:"Filter Record",titleTheme:"success-500",titleOffset:[0,7],onClick:i.filter},null,8,["onClick"])])])):u("",!0)])])):u("",!0),e.$slots.action?(l(),r("div",Z,[f(e.$slots,"action",{},void 0,!0)])):u("",!0)],2)],2)],2)):u("",!0),a("div",{class:d(["overflow-x-auto",["w-full",t.tableContainerClass]])},[a("table",{class:d(["min-w-full divide-y divide-gray-200 text-sm",t.tableClass])},[a("thead",$,[a("tr",null,[(l(!0),r(m,null,C(t.columns,s=>(l(),r("th",{key:s.field,class:d(["px-6 py-3 text-left font-medium text-gray-500 uppercase tracking-wider",t.thClass,s.thClass??null])},b(s.label),3))),128))])]),a("tbody",ee,[(l(!0),r(m,null,C(i.paginatedRows,(s,y)=>(l(),r("tr",{key:y,class:d([t.rowStyleClass,t.hoverableRow?"hover:bg-blue-100":"hover:bg-transparent",y%2===0?"bg-white":"bg-gray-50",c.selectedRow==y?t.selectedRowClass:""]),onClick:n=>i.rowClick(s,y),onHover:n=>e.setHoveredRow(y)},[(l(!0),r(m,null,C(t.columns,n=>(l(),r("td",{key:n.field,class:d(["p-2 text-gray-500",t.tdClass,n.tdClass?typeof n.tdClass=="function"?n.tdClass(s[n.field]):n.tdClass:null])},[f(e.$slots,"table-row",{row:s,column:n,item:s[n.field]},()=>[D(b(n.format?n.format(s[n.field]):s[n.field]),1)],!0)],2))),128))],42,te))),128))])],2),!t.rows\|\|t.rows.length==0?(l(),r("div",se,b(t.noDataMessage),1)):u("",!0)],2),e.$slots["pagination-bottom"]&&t.rows&&t.rows.length>0?(l(),r("footer",le,[f(e.$slots,"pagination-bottom",{},void 0,!0)])):u("",!0)],2)}const ce=T(Q,[["render",re],["__scopeId","data-v-20c59baf"]]);export{ce as T};

| ver. 1.4 | . | PHP 7.3.33 | Generation time: 0.05 | proxy | phpinfo | Settings