File manager

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

Back
import{_ as V,r as a,o as c,c as g,w as d,j as p,d as r,k as E,e as s,b as h,t as v,f as N,m as W,F as Q,h as H}from"./index.e8902503.js";import{E as x}from"./EmployeeLoanService.42d89111.js";import{w as J,L as K}from"./index.3c190fb8.js";import{L}from"./Loading.587e211a.js";import{l as X}from"./lodash.946ada64.js";import{B as Z}from"./index.edca6480.js";import{C as $}from"./CreateButton.69c40d9f.js";import{D as ee}from"./DeleteButton.85a5f71a.js";import{E as te}from"./EditButton.3881a749.js";/* empty css /import{V as oe}from"./ViewButton.bab3942f.js";import{I as se}from"./index.48097a46.js";import"./jspdf.es.min.e8517b60.js";/ empty css // empty css /import"./vue-cleave.min.795cb0c2.js";import{c as re,a as b,V as ie}from"./array.29c46f9b.js";import"./vue-quill.snow.2184ee49.js";/ empty css /import{I as ae}from"./index.1fa545a8.js";import{P as ne}from"./index.09aa51ae.js";import{F as R}from"./index.b0868b90.js";import{F as S}from"./index.fbdde90a.js";import{T as M}from"./index.2b071307.js";import{T as I}from"./index.c1433bbe.js";import{C as T}from"./CloseButton.7e0edf88.js";import{S as A}from"./SubmitButton.8f4c4681.js";import{U as D}from"./UpdateButton.af135175.js";import{E as le}from"./EmployeeService.0b822608.js";import{L as ce}from"./LoanTypeService.eef89299.js";import{M as U}from"./Multiselect.b44a8b2e.js";import{F as j}from"./index.ec6cdce2.js";import{F as z}from"./index.553d4f42.js";import{p as me,j as de}from"./scr-1.d9aaecca.js";import{C as ue}from"./index.fb3a5789.js";import"./logo-black.7c15feb3.js";import"./logo-white.b04c5a89.js";import"./transition.e3cedc97.js";import"./es.string.replace.b08ed996.js";import"./Loading.vue_vue_type_style_index_0_scoped_cbded5a2_lang.4f499d44.js";import"./index.a4f02fc5.js";import"./index.bd314dbf.js";const fe={components:{FileType:z,Fileinput:j,FormModal:S,FormGroup:R,TextInput:I,TextArea:M,SubmitButton:A,UpdateButton:D,CloseButton:T,Loading:L,Multiselect:U},data(){return{frequencyOptions:[{value:"1",label:"1st Cutoff"},{value:"2",label:"2nd Cutoff"},{value:"3",label:"Every Cutoff"}],employeeOptions:"",loanOptions:"",form:{employee_id:"",loan_id:"",amount:"",frequency:"",term:"",monthly:"",balance:"",effectivity_date:"",attachment:"",remarks:"",paused:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1},fileIcons:{pdf:me,jpg:de,default:""}}},methods:{deleteFile(t){this.$swal.fire({title:"Are you sure you want remove the attachment?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.deleteFileAttachment()}),console.log("wawawawa",t)},async deleteFileAttachment(){const t=this.form.id,e=this.form.attachment,i={id:t,attachment:e};await EmployeeLeave.removeAttachment(i).then(f=>{f.status==201?(this.$swal.fire({title:"Great!",text:"Attachment successfully deleted.",icon:"success",timer:2e3}),this.state.isSaving=!1,this.form.attachment="",console.log("null dapat",this.form.attachment)):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.reload()}).catch(f=>{f.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:f.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})})},getFileTypeImage(t){if(typeof t=="string"){if(!t)return this.fileIcons.default;const e=t.substring(t.lastIndexOf(".")+1).toLowerCase();return this.fileIcons[e]\|\|this.fileIcons.default}},async viewAttachment(t){if(this.state.isDownloading)return;this.state.isDownloading=!0;let e=await FileService.Reader2("employee-leave",t),i;if(t.endsWith(".pdf"))i="application/pdf";else if(t.endsWith(".png"))i="image/png";else if(t.endsWith(".jpg")\|\|t.endsWith(".jpeg"))i="image/jpeg";else if(t.endsWith(".svg"))i="image/svg+xml";else throw new Error("Unsupported file type");const f=atob(e),o=new Array(f.length);for(let n=0;n<f.length;n++)o[n]=f.charCodeAt(n);const m=new Uint8Array(o),y=new Blob([m],{type:i}),w=URL.createObjectURL(y);window.open(w),this.state.isLoadingPDF=!1},handleMainImageUpload(){const t=event.target.files[0];this.form.attachment=t;const e=new FileReader;e.onload=()=>{t.type.startsWith("image/")?this.form.imageView=e.result:t.type==="application/pdf"?this.form.imageView=this.pdf_file_view:t.type==="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"&&(this.form.imageView=this.excel_file_view)},e.readAsDataURL(t)},async fetchEmployee(){await le.fetchRecords().then(t=>{t.status==200&&(this.employeeOptions=t.data.data.map(e=>({value:e.employee_id,label:e.employee_id+" - "+e.firstname+" "+e.lastname})))}).catch(t=>{console.log(t)})},async fetchLoanType(){await ce.fetchRecords().then(t=>{t.status==200&&(this.loanOptions=t.data.data.map(e=>({value:e.id,label:e.name})))}).catch(t=>{console.log(t)})},loadRecord(t){this.resetForm(),this.state.isEdit=!0,this.form=t},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={employee_id:"",loan_id:"",amount:"",frequency:"",term:"",monthly:"",balance:"",effectivity_date:"",attachment:"",remarks:"",paused:""}},reload(){this.$emit("reload")},async saveRecord(){if(this.state.isSaving=!0,this.state.isEdit){this.form.id;let t=new FormData;Object.keys(this.form).forEach(e=>{t.append(e,this.form[e])}),await x.update(t).then(e=>{e.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}else{this.state.isSaving=!1;let t=new FormData;Object.keys(this.form).forEach(e=>{t.append(e,this.form[e])}),await x.create(t).then(e=>{e.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.showModal=!1,this.resetForm(),this.reload())}).catch(e=>{console.log(e),e.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})})}},async submitForm(){try{await re().shape({employee_id:b().required("Employee field is required"),loan_id:b().required("Loan field is required"),amount:b().required("Amount field is required"),frequency:b().required("Frequency field is required"),term:b().required("Term field is required"),monthly:b().required("Monthly field is required"),balance:b().required("Balance field is required"),effectivity_date:b().required("Effectivity Date field is required")}).validate(this.form,{abortEarly:!1}),this.$swal.fire({title:"Are you sure you want to save this record?",text:"",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord()})}catch(t){if(t instanceof ie){const e={};t.inner.forEach(i=>{e[i.path]=i.message}),this.errors=e}this.state.isSaving=!1}},calculateMonthly(){this.form.monthly=(this.form.amount/this.form.term).toFixed(2),this.form.balance=this.form.amount}},watch:{"form.amount":{handler:"calculateMonthly",immediate:!0},"form.term":{handler:"calculateMonthly",immediate:!0}},mounted(){this.fetchLoanType(),this.fetchEmployee()}},pe={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},he={class:"relative"},ge={key:0,class:"text-[#ec4899]"},ye={class:"relative"},we={key:0,class:"text-[#ec4899]"},_e={class:"grid grid-cols-2 gap-2"},ve={class:"relative"},be={key:0,class:"text-[#ec4899]"},xe={class:"grid grid-cols-2 gap-2"},Ce={class:"grid grid-cols-2 gap-2"},ke={key:0,class:"text-[#ec4899]"},Fe={key:0,class:"text-[#ec4899]"},Pe={key:0,class:"flex items-center gap-2 mt-2 cursor-pointer"},Be={class:"flex justify-between w-full items-center"},Oe={key:0,class:"flex justify-end text-xl text-red-500 cursor-pointer"},Ve={class:"flex gap-1 justify-end"};function Le(t,e,i,f,o,m){const y=a("Loading"),w=a("Multiselect"),n=a("FormGroup"),_=a("TextInput"),C=a("flat-pickr"),k=a("Fileinput"),F=a("Card"),P=a("FileType"),B=a("Icon"),O=a("TextArea"),u=a("SubmitButton"),q=a("UpdateButton"),Y=a("CloseButton"),G=a("FormModal");return c(),g(G,{title:o.state.isEdit?"Edit Loan Record":"Create Loan Record",active:o.state.showModal,onSubmit:t.confirmSubmit,onClose:m.closeModal,themeClass:o.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-2/4"},{default:d(()=>[o.state.isEdit&&o.state.isLoading?(c(),g(y,{key:0,text:"Fetching record"})):p("",!0),r("div",pe,[r("form",{onSubmit:e[12]\|\|(e[12]=E((...l)=>t.confirmSubmit&&t.confirmSubmit(...l),["prevent"])),class:"space-y-4"},[o.state.isSaving?(c(),g(y,{key:0,text:"Saving record"})):p("",!0),s(n,{label:"Employee",isRequired:!0},{default:d(()=>[r("div",he,[s(w,{modelValue:o.form.employee_id,"onUpdate:modelValue":e[0]\|\|(e[0]=l=>o.form.employee_id=l),"close-on-select":!0,searchable:!0,id:"employee_id",class:"h-[48px]",options:o.employeeOptions},null,8,["modelValue","options"])]),o.errors.employee_id?(c(),h("div",ge,"Employee field is required")):p("",!0)]),_:1}),s(n,{label:"Loan Type",isRequired:!0},{default:d(()=>[r("div",ye,[s(w,{modelValue:o.form.loan_id,"onUpdate:modelValue":e[1]\|\|(e[1]=l=>o.form.loan_id=l),"close-on-select":!0,searchable:!0,id:"loan_id",class:"h-[48px]",options:o.loanOptions},null,8,["modelValue","options"])]),o.errors.loan_id?(c(),h("div",we,"Loan field is required")):p("",!0)]),_:1}),r("div",_e,[s(n,{label:"Amount",isRequired:!0},{default:d(()=>[s(_,{type:"text",placeholder:"Input amount",modelValue:o.form.amount,"onUpdate:modelValue":e[2]\|\|(e[2]=l=>o.form.amount=l),error:o.errors.amount,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),s(n,{label:"Frequency",isRequired:!0},{default:d(()=>[r("div",ve,[s(w,{modelValue:o.form.frequency,"onUpdate:modelValue":e[3]\|\|(e[3]=l=>o.form.frequency=l),"close-on-select":!0,searchable:!0,id:"frequency",class:"h-[48px]",options:o.frequencyOptions},null,8,["modelValue","options"])]),o.errors.frequency?(c(),h("div",be,"Frequency field is required")):p("",!0)]),_:1})]),r("div",xe,[s(n,{label:"Term",isRequired:!0},{default:d(()=>[s(_,{type:"text",placeholder:"Input term ",modelValue:o.form.term,"onUpdate:modelValue":e[4]\|\|(e[4]=l=>o.form.term=l),error:o.errors.term,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),s(n,{label:"Monthly",isRequired:!0},{default:d(()=>[s(_,{type:"text",placeholder:"Input monthly ",modelValue:o.form.monthly,"onUpdate:modelValue":e[5]\|\|(e[5]=l=>o.form.monthly=l),error:o.errors.monthly,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1})]),r("div",Ce,[s(n,{label:"Balance",isRequired:!0},{default:d(()=>[s(_,{type:"text",placeholder:"Input balance ",modelValue:o.form.balance,"onUpdate:modelValue":e[6]\|\|(e[6]=l=>o.form.balance=l),error:o.errors.balance,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),s(n,{label:"Effectivity Date",isRequired:!0},{default:d(()=>[s(C,{modelValue:o.form.effectivity_date,"onUpdate:modelValue":e[7]\|\|(e[7]=l=>o.form.effectivity_date=l),class:"form-control h-[48px]",min:o.form.effectivity_date,placeholder:"Select date"},null,8,["modelValue","min"]),o.errors.effectivity_date?(c(),h("div",ke,"Effectivity Date field is required")):p("",!0)]),_:1})]),s(n,{label:"Attachment"},{default:d(()=>[s(F,{title:"File Input Basic"},{default:d(()=>[s(k,{modelValue:o.form.attachment,"onUpdate:modelValue":e[8]\|\|(e[8]=l=>o.form.attachment=l),name:"basic",onChange:m.handleMainImageUpload,class:"h-[48px] w-full"},null,8,["modelValue","onChange"]),o.errors.attachment?(c(),h("div",Fe,v(o.errors.attachment),1)):p("",!0)]),_:1}),typeof o.form.attachment=="string"&&o.form.attachment?(c(),h("div",Pe,[r("div",Be,[r("div",{class:"flex items-center cursor-pointer",onClick:e[9]\|\|(e[9]=l=>m.viewAttachment(o.form.attachment))},[s(P,{image:m.getFileTypeImage(o.form.attachment)},null,8,["image"]),N(" "+v(o.form.attachment),1)]),o.form.status==0&&o.form.days<3?(c(),h("div",Oe,[s(B,{icon:"mingcute:delete-2-fill",onClick:e[10]\|\|(e[10]=l=>m.deleteFile(o.form.id))})])):p("",!0)])])):p("",!0)]),_:1}),s(n,{label:"Remarks"},{default:d(()=>[s(O,{modelValue:o.form.remarks,"onUpdate:modelValue":e[11]\|\|(e[11]=l=>o.form.remarks=l),error:o.errors.remarks,rows:"2",classInput:"w-full"},null,8,["modelValue","error"])]),_:1}),r("div",Ve,[o.state.isEdit?(c(),g(q,{key:1,onClick:m.submitForm},null,8,["onClick"])):(c(),g(u,{key:0,onClick:m.submitForm},null,8,["onClick"])),s(Y,{onClick:m.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const qe=V(fe,[["render",Le]]),Ee={components:{FileType:z,Fileinput:j,FormModal:S,FormGroup:R,TextInput:I,TextArea:M,SubmitButton:A,UpdateButton:D,CloseButton:T,Loading:L,Multiselect:U},data(){return{loans:[],loanName:"",state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{loadRecord(t,e){console.log(t),this.loans=[],this.loanName=e,x.fetchRecord(t).then(i=>{this.loans=i.data,console.log(i)})},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={employee_id:"",loan_id:"",amount:"",frequency:"",term:"",monthly:"",balance:"",effectivity_date:"",attachment:"",remarks:"",paused:""}},reload(){this.$emit("reload")}},mounted(){}},Re={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},Se={class:"text-lg font-bold"},Me={class:"overflow-x-auto mt-4"},Ie={class:"min-w-full divide-y divide-zinc-200 dark:divide-zinc-700"},Te={class:"bg-white divide-y divide-zinc-200 dark:bg-zinc-900 dark:divide-zinc-700"},Ae={class:"px-6 py-4 whitespace-nowrap"},De={class:"px-6 py-4 whitespace-nowrap"},Ue={class:"px-6 py-4 whitespace-nowrap"};function je(t,e,i,f,o,m){const y=a("Loading"),w=a("FormModal");return c(),g(w,{title:"Loan List",active:o.state.showModal,onSubmit:t.confirmSubmit,onClose:m.closeModal,themeClass:"bg-gray-800",sizeClass:"lg:w-3/4"},{default:d(()=>[o.state.isEdit&&o.state.isLoading?(c(),g(y,{key:0,text:"Fetching record"})):p("",!0),r("div",Re,[r("form",{onSubmit:e[0]\|\|(e[0]=E((...n)=>t.confirmSubmit&&t.confirmSubmit(...n),["prevent"])),class:"space-y-4"},[o.state.isSaving?(c(),g(y,{key:0,text:"Saving record"})):p("",!0),r("div",Se,v(o.loanName),1),r("div",Me,[r("table",Ie,[e[1]\|\|(e[1]=r("thead",{class:"bg-zinc-50 dark:bg-zinc-800"},[r("tr",{class:"bg-gray-100"},[r("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"#"),r("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Amount"),r("th",{class:"px-6 py-3 text-left text-xs font-medium text-zinc-500 uppercase tracking-wider"},"Date Paid")])],-1)),r("tbody",Te,[(c(!0),h(Q,null,W(o.loans,(n,_)=>(c(),h("tr",{key:_,class:"mb-5"},[r("td",Ae,v(_+1),1),r("td",De,v(n.amount),1),r("td",Ue,v(n.date_paid?this.$formatDate(n.date_paid):"Not Yet Paid"),1)]))),128))])])])],32)])]),_:1},8,["active","onSubmit","onClose"])}const ze=V(Ee,[["render",je]]),Ye={mixins:[J],components:{Layout:K,CreateButton:$,InputGroup:ae,Loading:L,EditButton:te,DeleteButton:ee,ViewButton:oe,Pagination:ne,Form:qe,View:ze,Card:ue,Icon:se,Button:Z},setup(){},data(){return{title:"Employee Loans",breadcrumbs:[{text:"Home",href:"/"},{text:"Employee Loans",active:!0}],columns:[{label:"#",field:"#"},{label:"Employee ID",field:"employee_id"},{label:"Name",field:"fullname"},{label:"Loan",field:"loan.name"},{label:"Amount",field:"amount"},{label:"Monthly",field:"monthly"},{label:"Term",field:"term"},{label:"Balance",field:"balance"},{label:"Paused",field:"paused"},{label:"Action",field:"action"}],perPageOptions:[{value:"10",label:"10"},{value:"50",label:"50"},{value:"100",label:"100"}],items:[],totalItems:0,searchQuery:null,serverOptions:{page:1,rowsPerPage:10,sortBy:"created_at",sortType:"asc"},state:{isLoading:!1,isEdit:!1,isDeleting:!1}}},watch:{serverOptions:{handler(){console.log(`perPage: ${this.serverOptions.rowsPerPage}`),this.fetchRecords()},deep:!0},searchQuery:X.debounce(function(){this.fetchRecords()},800)},computed:{perPage:function(){return this.serverOptions.rowsPerPage}},methods:{async reloadRecords(){await this.fetchRecords()},async fetchRecords(){this.state.isLoading=!0,await x.fetchEmployeeLoan({keyword:this.searchQuery,page:this.serverOptions.page,per_page:this.serverOptions.rowsPerPage,sortBy:this.serverOptions.sortBy,sortType:this.serverOptions.sortType}).then(t=>{let e=t.data.data;console.log(e),this.items=e,this.items=e.map((i,f)=>({...i,"#":(this.serverOptions.page-1)this.serverOptions.rowsPerPage+(f+1)})),this.totalItems=t.data.total}).finally(()=>{this.state.isLoading=!1})},handlePageChange(t){console.log(t),console.log(this.serverOptions.page),this.serverOptions.page!=t&&(this.serverOptions.page=t)},handlePerPageChange(t){this.serverOptions.page=1,this.serverOptions.rowsPerPage=t},onSortChange(t){console.log(t),t[0].type!="none"&&(this.serverOptions.sortBy=t[0].field,this.serverOptions.sortType=t[0].type)},async activateLoan(t,e){this.$swal.fire({title:"Are you sure?",text:"You want to "+e+" this record?",icon:"warning",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes, "+e+" it!",background:this.$store.themeSettingsStore.isDark?"#1e293b":"#fff"}).then(i=>{console.log(i.value),i.value&&x.activate(t,{formType:e}).then(f=>{f.status==200&&this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3}),this.reloadRecords()})}).catch(i=>{i.response&&i.response.status==401&&this.$swal.fire({title:"Ooops! something is wrong.",text:"Error deleting record. Please contact system administrator",type:"error",icon:"error",timer:2e3})}).finally(()=>{this.state.isDeleting=!1})},async deleteRecord(t){this.$swal.fire({title:"Are you sure?",text:"You want to delete this record?",icon:"warning",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes, delete it!",background:this.$store.themeSettingsStore.isDark?"#1e293b":"#fff"}).then(e=>{console.log(e.value),e.value&&(this.state.isDeleting=!0,x.remove(t).then(i=>{i.status==200&&this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3}),this.reloadRecords()}))}).catch(e=>{e.response&&e.response.status==401&&this.$swal.fire({title:"Ooops! something is wrong.",text:"Error deleting record. Please contact system administrator",type:"error",icon:"error",timer:2e3})}).finally(()=>{this.state.isDeleting=!1})},createRecord(){this.$refs.form.resetForm(),this.$refs.form.state.showModal=!0},editRecord(t){this.$refs.form.resetForm(),this.$refs.form.loadRecord(t),this.$refs.form.state.showModal=!0},viewLoans(t,e){this.$refs.view.loadRecord(t,e),this.$refs.view.state.showModal=!0},handlePageChange(t){console.log(t),console.log(this.serverOptions.page),this.serverOptions.page!=t&&(this.serverOptions.page=t)},handlePerPageChange(t){this.serverOptions.page=1,this.serverOptions.rowsPerPage=t}},mounted(){this.fetchRecords()}},Ge={class:"my-5"},Ne={class:"md:flex pb-6 items-center"},We={class:"flex-1 md:mb-0 mb-3"},Qe={key:0,class:"flex gap-1"},He={key:1,class:"flex gap-1"},Je={key:2,class:"flex items-center gap-1"},Ke={class:"py-4 flex justify-end"};function Xe(t,e,i,f,o,m){const y=a("InputGroup"),w=a("Button"),n=a("ViewButton"),_=a("Pagination"),C=a("vue-good-table"),k=a("Card"),F=a("Loading"),P=a("Form"),B=a("View"),O=a("Layout");return c(),g(O,{breadcrumbs:o.breadcrumbs},{default:d(()=>[r("div",Ge,[s(k,{noborder:""},{default:d(()=>[r("div",Ne,[r("h6",We,v(o.title),1),r("div",{class:H(["md:flex md:space-x-3 items-center flex-none rtl:space-x-reverse my-3 float-right",t.window.width<768?"space-x-rb":""])},[s(y,{modelValue:o.searchQuery,"onUpdate:modelValue":e[0]\|\|(e[0]=u=>o.searchQuery=u),placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"]),s(w,{icon:"heroicons-outline:filter",text:"Filter",btnClass:" btn-outline-secondary text-slate-600 dark:border-slate-700 dark:text-slate-300 font-normal btn-sm ",iconClass:"text-lg"})],2)]),s(C,{styleClass:"vgt-table lesspadding v-middle",columns:o.columns,rows:o.items,mode:"remote",search:!0,"sort-options":{enabled:!0},"pagination-options":{enabled:!0},onSortChange:m.onSortChange,"max-height":"600px"},{"table-row":d(u=>[u.column.field=="paused"?(c(),h("div",Qe,v(u.row.paused?"Yes":"No"),1)):p("",!0),u.column.field=="fullname"?(c(),h("div",He,v(u.row.employee.firstname+" "+u.row.employee.lastname),1)):p("",!0),u.column.field=="action"?(c(),h("div",Je,[s(n,{onClick:q=>m.viewLoans(u.row.id,u.row.loan.name)},null,8,["onClick"])])):p("",!0)]),"pagination-bottom":d(u=>[r("div",Ke,[s(_,{total:o.totalItems,current:o.serverOptions.page,"per-page":o.serverOptions.rowsPerPage,onPageChanged:m.handlePageChange,pageChanged:u.pageChanged,perPageChanged:o.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:o.perPageOptions,onChangePerPage:m.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])]),_:1}),o.state.isLoading?(c(),g(F,{key:0,text:"Fetching records"})):p("",!0),s(P,{onCloseModal:e[1]\|\|(e[1]=u=>o.state.showModal=!1),ref:"form",onReload:m.fetchRecords},null,8,["onReload"]),s(B,{onCloseModal:e[2]\|\|(e[2]=u=>o.state.showModal=!1),ref:"view"},null,512)])]),_:1},8,["breadcrumbs"])}const Ut=V(Ye,[["render",Xe]]);export{Ut as default};

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