File manager

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

Back
import{_ as q,r as n,o as l,c as g,w as c,j as d,d as o,k as F,e as r,b as f,p as P,s as S,t as h,h as D}from"./index.e8902503.js";import{B as v}from"./BenefitsTypeService.c3032524.js";import{w as E,L as I}from"./index.3c190fb8.js";import{B as L}from"./index.edca6480.js";import{C as T}from"./CreateButton.69c40d9f.js";import{D as U}from"./DeleteButton.85a5f71a.js";import{E as A}from"./EditButton.3881a749.js";/* empty css /import{I as N}from"./index.48097a46.js";import"./jspdf.es.min.e8517b60.js";/ empty css // empty css /import"./vue-cleave.min.795cb0c2.js";import{c as G,a as _,V as Y}from"./array.29c46f9b.js";import{L as V}from"./Loading.587e211a.js";import"./vue-quill.snow.2184ee49.js";/ empty css /import{I as Q}from"./index.1fa545a8.js";import{F as z}from"./index.b0868b90.js";import{F as W}from"./index.fbdde90a.js";import{T as j}from"./index.2b071307.js";import{T as H}from"./index.c1433bbe.js";import{C as J}from"./CloseButton.7e0edf88.js";import{S as K}from"./SubmitButton.8f4c4681.js";import{U as X}from"./UpdateButton.af135175.js";import{B as Z}from"./BenefitSubCategoryService.847adc28.js";import{M as $}from"./Multiselect.b44a8b2e.js";import{l as ee}from"./lodash.946ada64.js";import{P as te}from"./index.09aa51ae.js";import{h as se}from"./meeting-office.7e6e2274.js";import{C as oe}from"./index.fb3a5789.js";import"./logo-black.7c15feb3.js";import"./logo-white.b04c5a89.js";import"./transition.e3cedc97.js";import"./EmployeeService.0b822608.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 re={components:{FormModal:W,FormGroup:z,TextInput:H,TextArea:j,SubmitButton:K,UpdateButton:X,CloseButton:J,Loading:V,Multiselect:$},data(){return{benefitSubcategoriesOptions:[],frequencyOptions:[{value:1,label:"1st Cut-Off"},{value:2,label:"2nd Cut-Off"},{value:3,label:"Every Cut-Off"}],addLessOptions:[{value:1,label:"Addition"},{value:2,label:"Deduction"}],benefitSubcategoriesOptions:[],basisOptions:[{value:1,label:"Working Hours"},{value:2,label:"Working Days"},{value:3,label:"Cut Off"}],frequencyOptions:[{value:1,label:"1st Cut-Off"},{value:2,label:"2nd Cut-Off"},{value:3,label:"Every Cut-Off"}],addLessOptions:[{value:1,label:"Addition"},{value:2,label:"Deduction"}],form:{benefit_sub_category_id:"",basic:!0,basis:"",frequency:"",add_less:"1",fixed_amount:!1,amount:"",taxable:!1,code:"",name:"",description:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{async fetchBeneftSubcategory(){await Z.fetchRecords().then(s=>{s.status==200&&(this.benefitSubcategoriesOptions=s.data.data.map(e=>({value:e.id,label:e.code+" - "+e.name})))}).catch(s=>{console.log(s)})},loadRecord(s){this.resetForm(),this.state.isEdit=!0,this.form=s,this.form.basic=s.basic==1,this.form.taxable=s.taxable==1,this.form.fixed=s.fixed==1},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={benefit_sub_category_id:"",basic:!0,basis:"",frequency:"",add_less:"1",fixed_amount:!1,amount:"",taxable:!1,code:"",name:"",description:""}},reload(){this.$emit("reload")},async saveRecord(){if(this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await v.create(this.form).then(s=>{s.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.showModal=!1,this.resetForm(),this.reload())}).catch(s=>{console.log(s),s.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:s.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})});else{const s=this.form.id;await v.update(s,this.form).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()})}},async submitForm(){try{await G().shape({benefit_sub_category_id:_().required("Benefit Category is required"),code:_().required("Code field is required"),name:_().required("Name field is required"),basis:_().required("Basis field is required"),frequency:_().required("Cut Off field is required"),add_less:_().required("Add / Deduction 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(s){if(s instanceof Y){const e={};s.inner.forEach(p=>{e[p.path]=p.message}),this.errors=e}this.state.isSaving=!1}}},mounted(){this.fetchBeneftSubcategory()}},ie={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},ae={class:"grid grid-cols-2 gap-2"},le={class:"grid grid-cols-2 gap-2"},ne={class:"relative"},de={key:0,class:"text-[#ec4899]"},ce={class:"relative"},ue={key:0,class:"text-[#ec4899]"},fe={class:"grid grid-cols-2 gap-2"},me={class:"relative"},pe={key:0,class:"text-[#ec4899]"},he={class:"relative"},ge={key:0,class:"text-[#ec4899]"},be={class:"flex items-center gap-4"},ye={class:"flex items-center cursor-pointer"},_e=["checked"],ve={class:"flex items-center cursor-pointer"},xe=["checked"],we={class:"grid grid-cols-3 gap-2"},Ce={class:"flex gap-1 justify-end"};function ke(s,e,p,w,t,u){const x=n("Loading"),b=n("TextInput"),m=n("FormGroup"),y=n("Multiselect"),C=n("SubmitButton"),k=n("UpdateButton"),B=n("CloseButton"),O=n("FormModal");return l(),g(O,{title:t.state.isEdit?"Edit Benefit Payroll Item Record":"Create Benefit Payroll Item Record",active:t.state.showModal,onSubmit:s.confirmSubmit,onClose:u.closeModal,themeClass:t.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-2/4"},{default:c(()=>[t.state.isEdit&&t.state.isLoading?(l(),g(x,{key:0,text:"Fetching record"})):d("",!0),t.state.isSaving?(l(),g(x,{key:1,text:"Saving record"})):d("",!0),t.state.isSaving?(l(),g(x,{key:2,text:"Saving record"})):d("",!0),o("div",ie,[o("form",{onSubmit:e[10]\|\|(e[10]=F((...a)=>s.confirmSubmit&&s.confirmSubmit(...a),["prevent"])),class:"space-y-4"},[o("div",ae,[r(m,{label:"Code",isRequired:!0},{default:c(()=>[r(b,{type:"text",placeholder:"Input code",modelValue:t.form.code,"onUpdate:modelValue":e[0]\|\|(e[0]=a=>t.form.code=a),error:t.errors.code,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),r(m,{label:"Name",isRequired:!0},{default:c(()=>[r(b,{type:"text",placeholder:"Input name ",modelValue:t.form.name,"onUpdate:modelValue":e[1]\|\|(e[1]=a=>t.form.name=a),error:t.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1})]),o("div",le,[r(m,{label:"Benefit Subcategory",isRequired:!0},{default:c(()=>[o("div",ne,[r(y,{modelValue:t.form.benefit_sub_category_id,"onUpdate:modelValue":e[2]\|\|(e[2]=a=>t.form.benefit_sub_category_id=a),"close-on-select":!0,searchable:!0,id:"benefit_sub_category_id",options:t.benefitSubcategoriesOptions},null,8,["modelValue","options"]),t.errors.benefit_sub_category_id?(l(),f("div",de," Benefit Category is required ")):d("",!0)])]),_:1}),r(m,{label:"Basis",isRequired:!0},{default:c(()=>[o("div",ce,[r(y,{modelValue:t.form.basis,"onUpdate:modelValue":e[3]\|\|(e[3]=a=>t.form.basis=a),"close-on-select":!0,searchable:!0,id:"basis",options:t.basisOptions},null,8,["modelValue","options"]),t.errors.basis?(l(),f("div",ue," Benefit Category is required ")):d("",!0)])]),_:1})]),o("div",fe,[r(m,{label:"Cut Off",isRequired:!0},{default:c(()=>[o("div",me,[r(y,{modelValue:t.form.frequency,"onUpdate:modelValue":e[4]\|\|(e[4]=a=>t.form.frequency=a),"close-on-select":!0,searchable:!0,id:"frequency",options:t.frequencyOptions},null,8,["modelValue","options"]),t.errors.frequency?(l(),f("div",pe," Cut Off is required ")):d("",!0)])]),_:1}),r(m,{label:"Addition / Deduction",isRequired:!0},{default:c(()=>[o("div",he,[r(y,{modelValue:t.form.add_less,"onUpdate:modelValue":e[5]\|\|(e[5]=a=>t.form.add_less=a),"close-on-select":!0,searchable:!0,id:"add_less",options:t.addLessOptions},null,8,["modelValue","options"]),t.errors.add_less?(l(),f("div",ge," Add / Deduction is required ")):d("",!0)])]),_:1})]),o("div",be,[o("label",ye,[P(o("input",{type:"checkbox",class:"peer h-6 w-6 cursor-pointer rounded-full bg-slate-100 border border-slate-300 checked:bg-blue-500 checked:border-blue-500",checked:t.form.taxable,"onUpdate:modelValue":e[6]\|\|(e[6]=a=>t.form.taxable=a)},null,8,_e),[[S,t.form.taxable]]),e[11]\|\|(e[11]=o("span",{class:"absolute text-white opacity-0 peer-checked:opacity-100"},[o("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",stroke:"currentColor","stroke-width":"1"},[o("path",{"fill-rule":"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z","clip-rule":"evenodd"})])],-1)),e[12]\|\|(e[12]=o("span",{class:"ml-2 text-slate-500 dark:text-slate-400 text-sm"},"Taxable",-1))]),o("label",ve,[P(o("input",{type:"checkbox",class:"peer h-6 w-6 cursor-pointer rounded-full bg-slate-100 border border-slate-300 checked:bg-blue-500 checked:border-blue-500",checked:t.form.fixed,"onUpdate:modelValue":e[7]\|\|(e[7]=a=>t.form.fixed=a)},null,8,xe),[[S,t.form.fixed]]),e[13]\|\|(e[13]=o("span",{class:"absolute text-white opacity-0 peer-checked:opacity-100"},[o("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",stroke:"currentColor","stroke-width":"1"},[o("path",{"fill-rule":"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z","clip-rule":"evenodd"})])],-1)),e[14]\|\|(e[14]=o("span",{class:"ml-2 text-slate-500 dark:text-slate-400 text-sm"},"Fixed",-1))])]),o("div",we,[r(m,{label:"Fixed Amount"},{default:c(()=>[r(b,{type:"text",placeholder:"Input amount ",modelValue:t.form.amount,"onUpdate:modelValue":e[8]\|\|(e[8]=a=>t.form.amount=a),error:t.errors.amount,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1})]),r(m,{label:"Description"},{default:c(()=>[r(b,{type:"text",placeholder:"Input description ",modelValue:t.form.description,"onUpdate:modelValue":e[9]\|\|(e[9]=a=>t.form.description=a),classInput:"h-[48px]"},null,8,["modelValue"])]),_:1}),o("div",Ce,[t.state.isEdit?(l(),g(k,{key:1,onClick:u.submitForm},null,8,["onClick"])):(l(),g(C,{key:0,onClick:u.submitForm},null,8,["onClick"])),r(B,{onClick:u.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const Be=q(re,[["render",ke]]);const Oe={mixins:[E],setup(){},components:{Layout:I,CreateButton:T,Loading:V,InputGroup:Q,EditButton:A,DeleteButton:U,Button:L,Form:Be,Pagination:te,Card:oe,Icon:N},data(){return{headerImage:se,title:"Benefits Type",breadcrumbs:[{text:"Home",href:"/"},{text:"Masterfile",href:"/masterfile/benefits-type"},{text:"Benefits Type",active:!0}],columns:[{label:"#",field:"#"},{label:"Code",field:"code"},{label:"Name",field:"name"},{label:"Benefit Subcategory",field:"benefit_sub_category"},{label:"Fixed",field:"fixed"},{label:"Taxable",field:"taxable"},{label:"Basis",field:"basis"},{label:"Frequency",field:"frequency"},{label:"Add / Deduction",field:"add_less"},{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:"code",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 v.fetchRecords({keyword:this.searchQuery,page:this.serverOptions.page,per_page:this.serverOptions.rowsPerPage,sortBy:this.serverOptions.sortBy,sortType:this.serverOptions.sortType}).then(s=>{console.log(s);let e=s.data.data;this.items=e,this.items=e.map((p,w)=>({...p,"#":(this.serverOptions.page-1)this.serverOptions.rowsPerPage+(w+1)})),this.totalItems=s.data.total}).finally(()=>{this.state.isLoading=!1,this.state.isMounted=!0})},handlePageChange(s){console.log(s),console.log(this.serverOptions.page),this.serverOptions.page!=s&&(this.serverOptions.page=s)},handlePerPageChange(s){this.serverOptions.page=1,this.serverOptions.rowsPerPage=s},onSortChange(s){console.log(s),s[0].type!="none"&&(this.serverOptions.sortBy=s[0].field,this.serverOptions.sortType=s[0].type)},async deleteRecord(s){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=>{e.value&&(this.state.isDeleting=!0,v.remove(s).then(p=>{console.log(p),p.status==201&&(this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3}),this.fetchRecords())}))}).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(s){this.$refs.form.resetForm(),this.$refs.form.loadRecord(s),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 v.update(this.categoryData.category_code,this.categoryData),Swal.fire("Success!","Data successfully updated.","success")):(await v.create(this.categoryData),Swal.fire("Success!","Data succesfully created.","success")),this.state.showModal=!1,this.state.isLoading=!1,this.resetData(),this.fetchRecords()}catch(s){this.error=s\|\|"",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()}},Pe={class:"my-5"},Se={class:"md:flex pb-6 items-center"},qe={class:"flex-1 md:mb-0 mb-3"},Ve={key:0,class:"flex gap-1"},Me={key:1,class:"flex gap-1"},Re={key:2,class:"flex gap-1"},Fe={key:3,class:"flex gap-1"},De={key:4,class:"flex gap-1"},Ee={key:5,class:"flex gap-1"},Ie={key:6,class:"flex gap-1"},Le={class:"py-4 flex justify-end"};function Te(s,e,p,w,t,u){const x=n("InputGroup"),b=n("Button"),m=n("EditButton"),y=n("DeleteButton"),C=n("Pagination"),k=n("vue-good-table"),B=n("Card"),O=n("Loading"),a=n("Form"),M=n("Layout");return l(),g(M,{breadcrumbs:t.breadcrumbs},{default:c(()=>[o("div",Pe,[r(B,{noborder:""},{default:c(()=>[o("div",Se,[o("h6",qe,h(t.title),1),o("div",{class:D(["md:flex md:space-x-3 items-center flex-none rtl:space-x-reverse my-3 float-right",s.window.width<768?"space-x-rb":""])},[r(x,{modelValue:t.searchQuery,"onUpdate:modelValue":e[0]\|\|(e[0]=i=>t.searchQuery=i),placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"]),r(b,{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"}),r(b,{icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:" btn-dark font-normal btn-sm ",iconClass:"text-lg",onClick:e[1]\|\|(e[1]=i=>u.createRecord())})],2)]),r(k,{styleClass:"vgt-table lesspadding v-middle",columns:t.columns,rows:t.items,mode:"remote",search:!0,"sort-options":{enabled:!0},"pagination-options":{enabled:!0},onSortChange:u.onSortChange,"max-height":"600px"},{"table-row":c(i=>[i.column.field=="action"?(l(),f("div",Ve,[r(m,{onClick:R=>u.editRecord(i.row)},null,8,["onClick"]),r(y,{onClick:R=>u.deleteRecord(i.row.id)},null,8,["onClick"])])):d("",!0),i.column.field=="benefit_sub_category"?(l(),f("div",Me,h(i.row.benefit_sub_category.code)+" - "+h(i.row.benefit_sub_category.name),1)):d("",!0),i.column.field=="taxable"?(l(),f("div",Re,h(i.row.taxable?"Yes":"No"),1)):d("",!0),i.column.field=="fixed"?(l(),f("div",Fe,h(i.row.fixed?"Yes":"No"),1)):d("",!0),i.column.field=="frequency"?(l(),f("div",De,h(i.row.frequency==1?"1st Cut Off":i.row.frequency==2?"2nd Cut Off":"Every Cut Off"),1)):d("",!0),i.column.field=="basis"?(l(),f("div",Ee,h(i.row.basis==1?"Working Hours":i.row.basis==2?"Working Days":"Cut Off"),1)):d("",!0),i.column.field=="add_less"?(l(),f("div",Ie,h(i.row.add_less?"Addition":"Deduction"),1)):d("",!0)]),"pagination-bottom":c(i=>[o("div",Le,[r(C,{total:t.totalItems,current:t.serverOptions.page,"per-page":t.serverOptions.rowsPerPage,onPageChanged:u.handlePageChange,pageChanged:i.pageChanged,perPageChanged:t.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:t.perPageOptions,onChangePerPage:u.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])]),_:1}),t.state.isLoading?(l(),g(O,{key:0,text:"Fetching records"})):d("",!0),r(a,{onCloseModal:e[2]\|\|(e[2]=i=>t.state.showModal=!1),ref:"form"},null,512)])]),_:1},8,["breadcrumbs"])}const kt=q(Oe,[["render",Te],["__scopeId","data-v-3d9ccc3d"]]);export{kt as default};

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