File manager - Edit - /home/autoph/public_html/projects/ahg-hr/assets/index.cbe57dcb.js
Back
import{a as g,_ as S,r as o,o as n,c as m,w as f,j as d,d as c,k as E,e as i,b as _,t as B,h as I}from"./index.3a0d1437.js";import{w as D,L}from"./index.09b28a7f.js";import{B as V}from"./index.95db1698.js";import{C as T}from"./CreateButton.83988a87.js";import{D as $}from"./DeleteButton.3eb26d6c.js";import{E as G}from"./EditButton.f8156944.js";/* empty css */import{I as U}from"./index.163ce270.js";import"./jspdf.es.min.a68db437.js";/* empty css *//* empty css */import"./vue-cleave.min.da4c1c61.js";import{c as A,a as R,V as Q}from"./array.057dff5d.js";import{L as k}from"./Loading.2fa16091.js";import"./vue-quill.snow.08c5baab.js";/* empty css */import{I as j}from"./index.fd1302f6.js";import{F as N}from"./index.5338216a.js";import{F as Y}from"./index.4888d65f.js";import{T as z}from"./index.474be899.js";import{T as H}from"./index.53519759.js";import{C as J}from"./CloseButton.f9c39bb8.js";import{S as K}from"./SubmitButton.53a3866c.js";import{U as W}from"./UpdateButton.161928d8.js";import{P as X}from"./PayrollItemsService.0097dd66.js";import{M as Z}from"./Multiselect.4d70245a.js";import{l as ee}from"./lodash.7ba26c92.js";import{P as te}from"./index.ceaa4080.js";import{h as se}from"./meeting-office.7e6e2274.js";import{C as oe}from"./index.5a868516.js";import"./logo-black.7c15feb3.js";import"./logo-white.b04c5a89.js";import"./transition.eb053693.js";import"./EmployeeService.0d36c049.js";import"./es.string.replace.6e729815.js";import"./Loading.vue_vue_type_style_index_0_scoped_cbded5a2_lang.717f943d.js";import"./index.57af9821.js";import"./index.ae1bb6da.js";const y="https://staging-ahg-hr-api.autohub.ph/api/v1/deduction-frequency",h={fetchRecords(e={}){return g.get(`${y}`,{params:e})},fetchRecord(e){return g.get(`${y}/${e}`)},async create(e){return g.post(`${y}`,e)},async update(e,t){return g.put(`${y}/${e}`,t)},async remove(e){return g.delete(`${y}/${e}`)}},re={components:{FormModal:Y,FormGroup:N,TextInput:H,TextArea:z,SubmitButton:K,UpdateButton:W,CloseButton:J,Loading:k,Multiselect:Z},data(){return{payrollItemOptions:[],frequencyOptions:[{value:1,label:"1st Cut-Off"},{value:2,label:"2nd Cut-Off"},{value:3,label:"Every Cut-Off"}],form:{payroll_item_id:"",frequency:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{async fetchPayrollItemsRecords(){await X.fetchRecords().then(e=>{e.status==200&&(this.payrollItemOptions=e.data.data.map(t=>({value:t.id,label:t.name})))}).catch(e=>{console.log(e)})},loadRecord(e){this.resetForm(),this.state.isEdit=!0,this.form=e,this.form.recurring=e.recurring==1},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={payroll_item_id:"",frequency:""}},reload(){this.$emit("reload")},reload(){return this.$emit("reload")},async saveRecord(){if(this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await h.create(this.form).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})});else{const e=this.form.id;await h.update(e,this.form).then(t=>{t.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(t=>{console.log(t),t.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:t.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()})}},async submitForm(){try{await A().shape({payroll_item_id:R().required("Payroll Item is required"),frequency:R().required("Frequency 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(t=>{t.value&&this.saveRecord()})}catch(e){if(e instanceof Q){const t={};e.inner.forEach(l=>{t[l.path]=l.message}),this.errors=t}this.state.isSaving=!1}}},mounted(){this.fetchPayrollItemsRecords()}},ie={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},ae={key:0,class:"text-[#ec4899]"},ne={key:0,class:"text-[#ec4899]"},le={class:"flex gap-1 justify-end"};function ce(e,t,l,b,s,a){const v=o("Loading"),p=o("Multiselect"),w=o("FormGroup"),C=o("SubmitButton"),x=o("UpdateButton"),P=o("CloseButton"),O=o("FormModal");return n(),m(O,{title:s.state.isEdit?"Edit Record":"Add Adjustments and Deductions Record",active:s.state.showModal,onSubmit:e.confirmSubmit,onClose:a.closeModal,themeClass:s.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-2/4"},{default:f(()=>[s.state.isEdit&&s.state.isLoading?(n(),m(v,{key:0,text:"Fetching record"})):d("",!0),s.state.isSaving?(n(),m(v,{key:1,text:"Saving record"})):d("",!0),c("div",ie,[c("form",{onSubmit:t[2]||(t[2]=E((...u)=>e.confirmSubmit&&e.confirmSubmit(...u),["prevent"])),class:"space-y-4"},[i(w,{label:"Payroll Items",isRequired:!0},{default:f(()=>[i(p,{placeholder:"",modelValue:s.form.payroll_item_id,"onUpdate:modelValue":t[0]||(t[0]=u=>s.form.payroll_item_id=u),error:s.errors.payroll_item_id,options:s.payrollItemOptions,searchable:!0},null,8,["modelValue","error","options"]),s.errors.payroll_item_id?(n(),_("div",ae,"Payroll Item is required")):d("",!0)]),_:1}),i(w,{label:"Cut Off",isRequired:!0,class:"pb-10"},{default:f(()=>[i(p,{modelValue:s.form.frequency,"onUpdate:modelValue":t[1]||(t[1]=u=>s.form.frequency=u),"close-on-select":!0,searchable:!0,id:"frequency",options:s.frequencyOptions},null,8,["modelValue","options"]),s.errors.frequency?(n(),_("div",ne,"Frequency is required")):d("",!0)]),_:1}),c("div",le,[s.state.isEdit?(n(),m(x,{key:1,onClick:a.submitForm},null,8,["onClick"])):(n(),m(C,{key:0,onClick:a.submitForm},null,8,["onClick"])),i(P,{onClick:a.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const de=S(re,[["render",ce]]);const ue={mixins:[D],setup(){},components:{Layout:L,CreateButton:T,Loading:k,InputGroup:j,EditButton:G,DeleteButton:$,Button:V,Form:de,Pagination:te,Card:oe,Icon:U},data(){return{headerImage:se,title:"Deduction Frequency",breadcrumbs:[{text:"Home",href:"/"},{text:"Payroll",href:"/payroll/deduction-frequency"},{text:"Deduction Frequency",active:!0}],columns:[{label:"#",field:"#"},{label:"Payroll Items",field:"payroll_item_id"},{label:"Frequency",field:"frequency"},{label:"Action",field:"action"}],perPageOptions:[{value:"10",label:"10"},{value:"50",label:"50"},{value:"100",label:"100"}],state:{isLoading:!1,isMounted:!1,showModal:!1,isDeleting:!1},items:[],totalItems:0,error:[],searchQuery:"",serverOptions:{page:1,rowsPerPage:10,sortBy:"name",sortType:"asc",sortBy:"created_at",sortType:"asc"}}},watch:{serverOptions:{handler(){console.log(`perPage: ${this.serverOptions.rowsPerPage}`),this.fetchRecords()},deep:!0},searchQuery:ee.debounce(function(){this.fetchRecords()},800)},computed:{perPage:function(){return this.serverOptions.rowsPerPage}},methods:{async fetchRecords(){this.state.isLoading=!0,this.state.isMounted=!1,await h.fetchRecords({keyword:this.searchQuery,page:this.serverOptions.page,per_page:this.serverOptions.rowsPerPage,sortBy:this.serverOptions.sortBy,sortType:this.serverOptions.sortType}).then(e=>{console.log(e);let t=e.data.data;this.items=t,this.items=t.map((l,b)=>({...l,"#":(this.serverOptions.page-1)*this.serverOptions.rowsPerPage+(b+1)})),this.totalItems=e.data.total}).finally(()=>{this.state.isLoading=!1,this.state.isMounted=!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},onSortChange(e){console.log(e),e[0].type!="none"&&(this.serverOptions.sortBy=e[0].field,this.serverOptions.sortType=e[0].type)},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=>{t.value&&(this.state.isDeleting=!0,h.remove(e).then(l=>{console.log(l),l.status==201&&(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.state.isDeleting=!1})},createRecord(){this.$refs.form.resetForm(),this.$refs.form.state.showModal=!0},editRecord(e){this.$refs.form.resetForm(),this.$refs.form.loadRecord(e),this.$refs.form.state.showModal=!0},async submitForm(){if(console.log("Submit Form"),this.state.isLoading=!0,this.state.isSubmitted=!0,!this.v$.$invalid)try{this.state.isEdit==!0?(await h.update(this.categoryData.category_code,this.categoryData),Swal.fire("Success!","Data successfully updated.","success")):(await h.create(this.categoryData),Swal.fire("Success!","Data succesfully created.","success")),this.state.showModal=!1,this.state.isLoading=!1,this.resetData(),this.fetchRecords()}catch(e){this.error=e||"",this.state.isResetError=!0,this.state.isLoading=!1}},closeModal(){this.state.showModal=!1,this.resetData(),this.fetchRecords()},resetData(){this.state={isLoading:!1,isMounted:!1,isResetError:!1,isSubmitted:!1,showModal:!1},this.categoryData={category_code:"",category_desc:""},this.error=[]}},mounted(){this.fetchRecords()}},me={class:"my-5"},fe={class:"md:flex pb-6 items-center"},he={class:"flex-1 md:mb-0 mb-3"},pe={key:0,class:"flex gap-1"},ge={key:1,class:"flex gap-1"},ye={key:2,class:"flex gap-1"},_e={class:"py-4 flex justify-end"};function ve(e,t,l,b,s,a){const v=o("InputGroup"),p=o("Button"),w=o("EditButton"),C=o("DeleteButton"),x=o("Pagination"),P=o("vue-good-table"),O=o("Card"),u=o("Loading"),F=o("Form"),q=o("Layout");return n(),m(q,{breadcrumbs:s.breadcrumbs},{default:f(()=>[c("div",me,[i(O,{noborder:""},{default:f(()=>[c("div",fe,[c("h6",he,B(s.title),1),c("div",{class:I(["md:flex md:space-x-3 items-center flex-none rtl:space-x-reverse my-3 float-right",e.window.width<768?"space-x-rb":""])},[i(v,{modelValue:s.searchQuery,"onUpdate:modelValue":t[0]||(t[0]=r=>s.searchQuery=r),placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"]),i(p,{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"}),i(p,{icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:" btn-dark font-normal btn-sm ",iconClass:"text-lg",onClick:t[1]||(t[1]=r=>a.createRecord())})],2)]),i(P,{styleClass:"vgt-table lesspadding v-middle",columns:s.columns,rows:s.items,mode:"remote",search:!0,"sort-options":{enabled:!0},"pagination-options":{enabled:!0},onSortChange:a.onSortChange,"max-height":"600px"},{"table-row":f(r=>[r.column.field=="payroll_item_id"?(n(),_("div",pe,B(r.row.payroll_item.name),1)):d("",!0),r.column.field=="frequency"?(n(),_("div",ge,B(r.row.frequency==1?"1st Cut Off":r.row.frequency==2?"2nd Cut Off":"Every Cut Off"),1)):d("",!0),r.column.field=="action"?(n(),_("div",ye,[i(w,{onClick:M=>a.editRecord(r.row)},null,8,["onClick"]),i(C,{onClick:M=>a.deleteRecord(r.row.id)},null,8,["onClick"])])):d("",!0)]),"pagination-bottom":f(r=>[c("div",_e,[i(x,{total:s.totalItems,current:s.serverOptions.page,"per-page":s.serverOptions.rowsPerPage,onPageChanged:a.handlePageChange,pageChanged:r.pageChanged,perPageChanged:s.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:s.perPageOptions,onChangePerPage:a.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])]),_:1}),s.state.isLoading?(n(),m(u,{key:0,text:"Fetching records"})):d("",!0),i(F,{onCloseModal:t[2]||(t[2]=r=>s.state.showModal=!1),ref:"form",onReload:a.fetchRecords},null,8,["onReload"])])]),_:1},8,["breadcrumbs"])}const rt=S(ue,[["render",ve],["__scopeId","data-v-d0065211"]]);export{rt as default};
| ver. 1.4 |
.
| PHP 8.1.32 | Generation time: 0.08 |
proxy
|
phpinfo
|
Settings