File manager

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

Back
import{w as D,L as P}from"./index.0fd81098.js";import{C as R}from"./index.d162669d.js";import{B as O}from"./index.43ed8c16.js";import{B}from"./index.833a76e1.js";import{I as $}from"./index.31d8f3a7.js";import{I as F}from"./index.4a5fd1e6.js";import{l as T}from"./lodash.16bcff66.js";import{a as m,_ as A,c as u,w as d,r as i,o as g,d as a,e as l,t as h,f as k,j as E}from"./index.836ff972.js";import{C as I}from"./CloseButton.f70e8453.js";import{C as L}from"./CreateButton.8ae1cc58.js";import{D as N}from"./DeleteButton.a3bc472f.js";import{E as z}from"./EditButton.0c71d9dd.js";/* empty css /import{S as G}from"./SubmitButton.bd665ffe.js";import"./jspdf.es.min.2bae4710.js";/ empty css /import{L as q}from"./Loading.8843dce9.js";import{A as j}from"./main.esm.228b04c8.js";import{A as V}from"./ActionCellRendererApprover.a32e85d0.js";import{F as Y}from"./index.37e7af0d.js";import"./logo-black.7c15feb3.js";import"./logo-white.b04c5a89.js";import"./transition.624fb26d.js";/ empty css */import"./vue-cleave.min.6d14d8ca.js";import"./es.string.replace.f497f8c7.js";import"./ViewButton.8513a950.js";import"./index.15b43d58.js";const y="https://ahg-hr-api.autohub.ph/api/v1/timelog-edits",p={fetchRecords(e={}){return m.get(`${y}`,{params:e})},async approve(e,t=null){return m.put(`${y}/${e}`,t)}};const U={mixins:[D],components:{FilterTimekeeping:Y,ActionCellRendererApprover:V,AgGridVue:j,Card:R,Button:O,Badge:B,Layout:P,Icon:$,CreateButton:L,SubmitButton:G,CloseButton:I,EditButton:z,DeleteButton:N,InputGroup:F,Loading:q},data(){return{paginationPageSize:10,paginationPageSizeSelector:[10,25,50],colDefs:[{field:"#",flex:1},{headerName:"Employee",field:"employee_name",filter:!0,floatingFilter:!0,flex:2},{headerName:"Employee ID",field:"employee_id",filter:!0,floatingFilter:!0,flex:2},{headerName:"Date",field:"date",filter:!0,floatingFilter:!0,flex:2},{field:"time",filter:!0,floatingFilter:!0,flex:2},{headerName:"In/Out",field:"in_out",filter:!0,floatingFilter:!0,flex:2,cellRenderer:e=>{const t=e.value;return t==="I"?"In":t==="O"?"Out":""}},{headerName:"Reason",field:"reason",filter:!1,floatingFilter:!0,flex:2},{headerName:"Requested By",field:"requested_by_name",filter:!1,floatingFilter:!0,flex:2},{headerName:"Status",field:"approved",filter:!0,floatingFilter:!0,flex:2,cellRenderer:e=>{const t=e.value;return t===0?'<span class="inline-block rounded-full text-xs capitalize whitespace-nowrap text-center py-1 text-yellow-600 bg-gray-100 px-4">For Approval</span>':t===1?'<span class="inline-block rounded-full text-xs capitalize whitespace-nowrap text-center py-1 text-blue-600 bg-gray-100 px-4">Approved</span>':""}},{headerName:"Date Created",field:"created_at",filter:!1,floatingFilter:!0,flex:2},{headerName:"Date Approved",field:"approved_at",filter:!1,floatingFilter:!0,flex:2},{headerName:"Actions",cellRenderer:"ActionCellRendererApprover",flex:1,cellRendererParams:{directApproval:!0,code:"timelogEdit",context:{componentParent:this}}}],breadcrumbs:[{text:"Home",href:"/"},{text:"HR Timekeeping",href:"/attendance/timelog-edit"},{text:"Timelog Edit",active:!0}],columns:[{label:"#",field:"#"},{label:"Employee ID",field:"employee_id"},{label:"Name",field:"full_name"},{label:"Date",field:"date"},{label:"From Time",field:"from_time"},{label:"To Time",field:"to_time"},{label:"Remarks",field:"description"},{label:"Status",field:"status"},{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:T.debounce(function(){this.fetchRecords()},800)},computed:{perPage:function(){return this.serverOptions.rowsPerPage}},methods:{applyFilters(e){this.fetchRecords(e)},onGridReady(e){this.gridApi=e.api},exportToCsv(){this.gridApi?this.gridApi.exportDataAsCsv({onlySelected:!1,columnKeys:this.colDefs.filter(e=>e.field!=="actions").map(e=>e.field)}):console.error("Grid API is not ready.")},formatDate(e){const t=new Date(e),o=new Date(t.toLocaleString("en-US",{timeZone:"UTC"})),r=new Date(o.toLocaleString("en-US",{timeZone:"Asia/Singapore"})),s=r.getFullYear(),n=String(r.getMonth()+1).padStart(2,"0"),c=String(r.getDate()).padStart(2,"0");return`${s}-${n}-${c}`},async fetchRecords(e={}){this.state.isLoading=!0,await p.fetchRecords({keyword:this.searchQuery,page:this.serverOptions.page,per_page:this.serverOptions.rowsPerPage,sortBy:this.serverOptions.sortBy,sortType:this.serverOptions.sortType,...e}).then(t=>{console.log("response");let o=t.data.data;console.log(o),this.items=o,this.items=o.map((r,s)=>({...r,"#":s+1,employee_name:`${r.employee?[r.employee.lastname,r.employee.firstname].join(", "):null}`,requested_by_name:`${r.requested_by?[r.requested_by.firstname,r.requested_by.lastname].join(" "):null}`,date:this.$formatDate(r.date),time:this.$formatTime(r.time),status:r.approved,created_at:this.$formatDate(r.created_at),approved_at:this.$formatDate(r.approved_at)})),this.state.isLoading=!1,this.totalItems=t.data.total}).catch(t=>{console.log(t)})},reload(){this.$emit("reload")},handlePageChange(e){console.log(e),console.log(this.serverOptions.page),this.serverOptions.page!=e&&(this.serverOptions.page=e)},handlePerPageChange(e){this.serverOptions.page=1,this.serverOptions.rowsPerPage=e},onSortChange(e){console.log(e),e[0].type!="none"&&(this.serverOptions.sortBy=e[0].field,this.serverOptions.sortType=e[0].type)},async approveRecord(e){const t=e.id;this.$swal.fire({title:"Are you sure?",text:"You want to approve this record?",icon:"warning",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes, approve it!",background:this.$store.themeSettingsStore.isDark?"#1e293b":"#fff"}).then(o=>{console.log(o.value),o.value&&(this.state.approving=!0,p.approve(t).then(r=>{r.status==201&&(this.$swal.fire({title:"Yaaay!",text:"Record has been approved.",type:"success",icon:"success",timer:2e3}),this.fetchRecords())}))}).catch(o=>{o.response&&o.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.reload(),this.state.isDeleting=!1})},async deleteRecord(e){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(t=>{console.log(t.value),t.value&&(this.state.isDeleting=!0,p.remove(e).then(o=>{o.status==200&&(this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3}),this.fetchRecords())}))}).catch(t=>{t.response&&t.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.reload(),this.state.isDeleting=!1})},createRecord(){this.$refs.form.resetForm(),this.$refs.form.state.showModal=!0},editRecord(e){console.log(e),this.$refs.form.resetForm(),this.$refs.form.loadRecord(e),this.$refs.form.state.showModal=!0},handlePageChange(e){console.log(e),console.log(this.serverOptions.page),this.serverOptions.page!=e&&(this.serverOptions.page=e)},handlePerPageChange(e){this.serverOptions.page=1,this.serverOptions.rowsPerPage=e}},mounted(){this.fetchRecords()}},M={class:"space-y-10 mt-4"},Q={class:"flex items-center justify-between"},H={class:"text-2xl font-bold text-slate-900 dark:text-white"},Z={class:"relative"},K={class:"ag-grid-toolbar flex items-center justify-between px-4 py-2 bg-gray-100 border-b rounded-t-xl border-gray-200"},J={class:"flex items-center justify-center gap-4 text-gray-900"},W={class:"flex items-center gap-4"},X={class:"relative z-10 flex items-center transition-colors duration-300 group-hover:text-white"};function ee(e,t,o,r,s,n){const c=i("FilterTimekeeping"),v=i("Icon"),x=i("Button"),_=i("ag-grid-vue"),b=i("Card"),w=i("Loading"),C=i("Layout");return g(),u(C,{breadcrumbs:s.breadcrumbs},{default:d(()=>[a("div",M,[l(b,{title:"Timelog Applications"},{default:d(()=>{var f;return[a("div",Q,[a("h2",H,h(e.title),1)]),a("div",Z,[a("div",K,[a("div",J,h(((f=e.$store.userSettings.dealershipAccess.find(S=>S.id==e.$store.userSettings.activeDealership))==null?void 0:f.name)+" - REQUESTED TIMELOG"\|\|"Requested Timelog"),1),a("div",W,[l(c,{onFilterChanged:n.applyFilters},null,8,["onFilterChanged"]),l(x,{icon:"mdi:microsoft-excel",text:"Export to CSV",btnClass:"relative overflow-hidden font-normal px-4 py-2 rounded-lg shadow-md bg-white text-gray-900 border group transition-colors duration-300 group-hover:border-green-500",iconClass:"text-2xl",onClick:n.exportToCsv},{default:d(()=>[t[1]\|\|(t[1]=a("span",{class:"absolute inset-0 bg-green-500 transition-transform duration-300 transform -translate-x-full group-hover:translate-x-0"},null,-1)),a("span",X,[l(v,{icon:"mdi:microsoft-excel",class:"text-2xl mr-2"}),t[0]\|\|(t[0]=k(" Export to CSV "))])]),_:1},8,["onClick"])])])]),l(_,{ref:"agGrid",rowData:s.items,columnDefs:s.colDefs,style:{height:"500px"},class:"ag-theme-quartz",pagination:!0,paginationPageSize:s.paginationPageSize,paginationPageSizeSelector:s.paginationPageSizeSelector,onGridReady:n.onGridReady},null,8,["rowData","columnDefs","paginationPageSize","paginationPageSizeSelector","onGridReady"])]}),_:1}),s.state.isLoading?(g(),u(w,{key:0,text:"Fetching records"})):E("",!0)])]),_:1},8,["breadcrumbs"])}const Be=A(U,[["render",ee],["__scopeId","data-v-184aefa2"]]);export{Be as default};

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