File manager

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

Back
import"./index.95db1698.js";import"./index.163ce270.js";import{a as g,_ as R,r as a,o as r,c as d,w as m,j as n,d as u,k as D,e as i,b as h,t as b,F as E,m as V}from"./index.3a0d1437.js";import{C as T}from"./CreateButton.83988a87.js";import{D as L}from"./DeleteButton.3eb26d6c.js";import{E as q}from"./EditButton.f8156944.js";/* empty css /import{S as A}from"./SettingsButton.dafca114.js";import"./jspdf.es.min.a68db437.js";/ empty css /import{B as I}from"./index.ae1bb6da.js";/ empty css /import"./vue-cleave.min.da4c1c61.js";import{c as U,a as w,V as G}from"./array.057dff5d.js";import{L as F}from"./Loading.2fa16091.js";import"./vue-quill.snow.08c5baab.js";/ empty css /import{I as N}from"./index.fd1302f6.js";import{P as j}from"./Pagination.e12190c9.js";import{T as Q}from"./index.fed95fa6.js";import{L as Y}from"./index.09b28a7f.js";import{l as z}from"./lodash.7ba26c92.js";import{C as H}from"./CloseButton.f9c39bb8.js";import{S as J}from"./SubmitButton.53a3866c.js";import{U as K}from"./UpdateButton.161928d8.js";import{C as W}from"./CompanyService.335c4e27.js";import{D as X}from"./DealershipService.65dee167.js";import{F as Z}from"./index.5338216a.js";import{F as $}from"./index.4888d65f.js";import{T as ee}from"./index.474be899.js";import{T as te}from"./index.53519759.js";import{M as se}from"./Multiselect.4d70245a.js";import"./Loading.vue_vue_type_style_index_0_scoped_cbded5a2_lang.717f943d.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"./index.57af9821.js";const _="https://staging-ahg-hr-api.autohub.ph/api/v1/cut-off-settings",P={fetchRecords(e={}){return g.get(`${_}`,{params:e})},fetchRecord(e){return g.get(`${_}/${e}`)},async create(e){return g.post(`${_}`,e)},async update(e,t){return g.put(`${_}/${e}`,t)},async remove(e){return g.delete(`${_}/${e}`)}},oe={components:{FormModal:$,FormGroup:Z,TextInput:te,TextArea:ee,SubmitButton:J,UpdateButton:K,CloseButton:H,Loading:F,Multiselect:se},data(){return{form:{},companyOptions:[],cutoffOptions:[{label:"1st",value:"1st"},{label:"2nd",value:"2nd"}],dealers:[],errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},computed:{dayOptions(){const e=[];for(let t=1;t<=30;t++){const c=t;e.push({label:c,value:c})}return e}},methods:{loadRecord(e){this.resetForm(),this.state.isEdit=!0;let t=Object.assign({},e);this.form=t},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={company_id:null,cut_off:null,day_start:null,day_end:null,salary_day:null}},reload(){this.$emit("reload")},async fetchCompanies(){await W.fetchRecords().then(e=>{e.status==200&&(this.companyOptions=e.data.data.map(t=>({value:t.id,label:t.code+" - "+t.name})))}).catch(e=>{console.log(e)})},async fetchDealerships(){await X.fetchRecords().then(e=>{e.status==200&&(this.dealers=e.data.data)}).catch(e=>{console.log(e)})},async saveRecord(){if(this.state.isSaving=!0,!this.state.isEdit)await P.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.reload())}).catch(e=>{this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}).finally(()=>this.state.isSaving=!1)});else{const e=this.form.id;await P.update(e,this.form).then(t=>{t.status==201?(this.state.showModal=!1,this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.reload()):(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})}},async submitForm(){try{await U().shape({cut_off:w().nullable().required("Cut-off is required"),day_start:w().nullable().required("Day Start is required"),day_end:w().nullable().required("Day End is required"),salary_day:w().nullable().required("Salary Day 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 G){const t={};e.inner.forEach(c=>{t[c.path]=c.message}),this.errors=t}this.state.isSaving=!1}}},Validating(e){console.log(e)},mounted(){}},re={class:"lg:p-2"},ae={class:"relative"},ie={class:"relative"},le={key:0,class:"text-error"},ne={class:"relative"},ce={key:0,class:"text-error"},de={class:"relative"},me={key:0,class:"text-error"},ue={class:"relative"},fe={key:0,class:"text-error"},he={class:"flex gap-1 justify-day_end"};function pe(e,t,c,B,s,o){const v=a("Loading"),p=a("Multiselect"),y=a("FormGroup"),x=a("SubmitButton"),S=a("UpdateButton"),k=a("CloseButton"),O=a("FormModal");return r(),d(O,{title:s.state.isEdit?"Edit Record":"Create Record",active:s.state.showModal,onSubmit:o.submitForm,onClose:o.closeModal,themeClass:s.state.isEdit?"bg-primary-600":"bg-primary-800",sizeClass:"lg:w-1/2"},{default:m(()=>[s.state.isEdit&&s.state.isLoading?(r(),d(v,{key:0,text:"Fetching record"})):n("",!0),s.state.isSaving?(r(),d(v,{key:1,text:"Saving record"})):n("",!0),u("div",re,[u("form",{onSubmit:t[5]\|\|(t[5]=D((...l)=>o.submitForm&&o.submitForm(...l),["prevent"])),class:"space-y-4"},[i(y,{label:"Company"},{default:m(()=>[u("div",ae,[i(p,{modelValue:s.form.company_id,"onUpdate:modelValue":t[0]\|\|(t[0]=l=>s.form.company_id=l),"close-on-select":!0,searchable:!0,id:"company_id",options:s.companyOptions},null,8,["modelValue","options"])])]),_:1}),i(y,{label:"Cut-off",isRequired:!0},{default:m(()=>[u("div",ie,[i(p,{modelValue:s.form.cut_off,"onUpdate:modelValue":t[1]\|\|(t[1]=l=>s.form.cut_off=l),"close-on-select":!0,searchable:!0,id:"cut_off",options:s.cutoffOptions},null,8,["modelValue","options"])]),s.errors.cut_off?(r(),h("div",le,b(s.errors.cut_off),1)):n("",!0)]),_:1}),i(y,{label:"Day Start",isRequired:!0},{default:m(()=>[u("div",ne,[i(p,{modelValue:s.form.day_start,"onUpdate:modelValue":t[2]\|\|(t[2]=l=>s.form.day_start=l),"close-on-select":!0,searchable:!0,id:"day_start",options:o.dayOptions},null,8,["modelValue","options"])]),s.errors.day_start?(r(),h("div",ce,b(s.errors.day_start),1)):n("",!0)]),_:1}),i(y,{label:"Day End",isRequired:!0},{default:m(()=>[u("div",de,[i(p,{modelValue:s.form.day_end,"onUpdate:modelValue":t[3]\|\|(t[3]=l=>s.form.day_end=l),"close-on-select":!0,searchable:!0,id:"day_end",options:o.dayOptions},null,8,["modelValue","options"])]),s.errors.day_end?(r(),h("div",me,b(s.errors.day_end),1)):n("",!0)]),_:1}),i(y,{label:"Salary Day",isRequired:!0},{default:m(()=>[u("div",ue,[i(p,{modelValue:s.form.salary_day,"onUpdate:modelValue":t[4]\|\|(t[4]=l=>s.form.salary_day=l),"close-on-select":!0,searchable:!0,id:"salary_day",options:o.dayOptions},null,8,["modelValue","options"])]),s.errors.salary_day?(r(),h("div",fe,b(s.errors.salary_day),1)):n("",!0)]),_:1}),u("div",he,[s.state.isEdit?(r(),d(S,{key:1,onClick:o.submitForm},null,8,["onClick"])):(r(),d(x,{key:0,onClick:o.submitForm},null,8,["onClick"])),i(k,{onClick:o.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const ye=R(oe,[["render",pe]]),ge={components:{Layout:Y,CreateButton:T,InputGroup:N,Loading:F,EditButton:q,DeleteButton:L,SettingsButton:A,Pagination:j,Form:ye,Badge:I,Table:Q},setup(){},data(){return{title:"Cut-off Settings",breadcrumbs:[{text:"Home",href:"/"},{text:"Payroll",href:"/payroll"},{text:"Cut-off Settings",active:!0}],columns:[{label:"#",field:"#"},{label:"Company",field:"company_name"},{label:"Cut-off",field:"cut_off"},{label:"Day start",field:"day_start"},{label:"Day end",field:"day_end"},{label:"Salary Day",field:"salary_day"},{label:"Action",field:"action_buttons"}],perPageOptions:[{value:"10",label:"10"},{value:"50",label:"50"},{value:"100",label:"100"}],items:[],totalItems:0,totalPages:0,searchQuery:null,serverOptions:{page:1,rowsPerPage:10,sortBy:null,sortType:"asc"},state:{isLoading:!1,isEdit:!1,isDeleting:!1}}},watch:{serverOptions:{handler(){console.log(`perPage: ${this.serverOptions.rowsPerPage}`),this.fetchRecords()},deep:!0},searchQuery:z.debounce(function(){this.fetchRecords()},800)},methods:{async fetchRecords(){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}).then(e=>{console.log("response");let t=e.data.data;console.log(t),this.items=t,this.items=t.map((c,B)=>({...c,"#":(this.serverOptions.page-1)this.serverOptions.rowsPerPage+(B+1)})),this.totalItems=e.data.total,this.totalPages=e.data.last_page}).finally(()=>{this.state.isLoading=!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=>{t.value&&(this.state.isDeleting=!0,P.remove(e).then(c=>{c.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.state.isDeleting=!1})},createRecord(){this.$refs.form.fetchCompanies(),this.$refs.form.state.showModal=!0,this.$refs.form.resetForm()},editRecord(e){this.$refs.form.fetchCompanies(),this.$refs.form.resetForm(),this.$refs.form.loadRecord(e),this.$refs.form.state.showModal=!0},closeFormModal(){this.$refs.form.state.showModal=!1},editAccess(e){this.$refs.formAccess.resetForm(),this.$refs.formAccess.fetchRoleGroups(),this.$refs.formAccess.loadRecord(e),this.$refs.formAccess.state.showModal=!0},closeAccessModal(){this.$refs.formAccess.state.showModal=!1},handleSort({field:e,sortOrder:t}){this.serverOptions.sortBy=e,this.serverOptions.sortType=t},handleSearch(e){this.searchQuery=e},changePage(e){this.serverOptions.page=e},updateItemsPerPage(e){this.serverOptions.rowsPerPage=e,this.serverOptions.page=1}},mounted(){this.fetchRecords()}},_e={key:0},be={key:1,class:"badge-group"},ve={key:2,class:"flex gap-1"};function Ce(e,t,c,B,s,o){const v=a("Loading"),p=a("CreateButton"),y=a("Badge"),x=a("EditButton"),S=a("DeleteButton"),k=a("Pagination"),O=a("Table"),l=a("Form"),M=a("Layout");return r(),d(M,{breadcrumbs:s.breadcrumbs},{default:m(()=>[u("div",null,[s.state.isLoading?(r(),d(v,{key:0,text:"Fetching records"})):n("",!0),i(O,{headerTitle:s.title,columns:s.columns,rows:s.items,"default-sort-field":s.serverOptions.sortBy,"default-sort-order":s.serverOptions.sortType,onSort:o.handleSort,onSearch:o.handleSearch,"max-height":"600px",headerClass:"rounded-t bg-[url('@/assets/images/background/calendar.jpg')] bg-cover bg-[bottom] mih-h-24",headerBgOverlayClass:"bg-yellow-50",headerTitleClass:"ml-4 rounded-lg text-slate-600 text-4xl",thClass:"py-6 bg-blue-50 font-semibold",tdClass:"py-4 px-4"},{action:m(()=>[e.$ability.can("add","cutoffSetting")?(r(),d(p,{key:0,onClick:o.createRecord},null,8,["onClick"])):n("",!0)]),"table-row":m(f=>[f.column.field=="company_name"?(r(),h("div",_e,b(f.row.company?f.row.company.name:"Default"),1)):n("",!0),f.column.field=="action_access"?(r(),h("div",be,[(r(!0),h(E,null,V(f.row.action_access,C=>(r(),d(y,{key:C,label:C,badgeClass:"bg-primary-700 text-primary-700 bg-opacity-[0.12] m-1"},null,8,["label"]))),128))])):n("",!0),f.column.field=="action_buttons"?(r(),h("div",ve,[e.$ability.can("edit","cutoffSetting")?(r(),d(x,{key:0,onClick:C=>o.editRecord(f.row)},null,8,["onClick"])):n("",!0),e.$ability.can("delete","cutoffSetting")?(r(),d(S,{key:1,onClick:C=>o.deleteRecord(f.row.id)},null,8,["onClick"])):n("",!0)])):n("",!0)]),"pagination-bottom":m(()=>[i(k,{currentPage:s.serverOptions.page,totalItems:s.totalItems,totalPages:s.totalPages,itemsPerPage:s.serverOptions.rowsPerPage,onChangePage:o.changePage,onChangeItemsPerPage:o.updateItemsPerPage,pageOptions:[5,10,20,50,100],pageNumberClass:""},null,8,["currentPage","totalItems","totalPages","itemsPerPage","onChangePage","onChangeItemsPerPage"])]),_:1},8,["headerTitle","columns","rows","default-sort-field","default-sort-order","onSort","onSearch"]),i(l,{onCloseModal:o.closeFormModal,ref:"form",onReload:o.fetchRecords},null,8,["onCloseModal","onReload"])])]),_:1},8,["breadcrumbs"])}const lt=R(ge,[["render",Ce]]);export{lt as default};

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