File manager

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

Back
import{_ as P,r as a,o as u,c as p,w as l,j as v,d as i,k as I,e as s,t as M,h as k,b as E}from"./index.6f826883.js";import{C as O}from"./CompanyService.1b97fd33.js";import{C as V}from"./ClearanceTemplateService.c3be1732.js";import{w as F,L}from"./index.2f12c00b.js";import{B as q}from"./index.d5f9070d.js";import{C as T}from"./CreateButton.2b14c008.js";import{D}from"./DeleteButton.1177ae51.js";import{E as U}from"./EditButton.234ef2e8.js";/* empty css /import{I as j}from"./index.0cc90e2a.js";import"./jspdf.es.min.9b897a33.js";/ empty css // empty css /import"./vue-cleave.min.2c699dc6.js";import{c as A,a as h,V as z}from"./array.b1e0d30e.js";import{L as R}from"./Loading.a7caf7be.js";import"./vue-quill.snow.8a0635dc.js";/ empty css /import{I as G}from"./index.082b43f0.js";import{F as N}from"./index.8944847c.js";import{F as J}from"./index.30a5caa1.js";import{T as Q}from"./index.5e30712d.js";import{T as Y}from"./index.8e02d38d.js";import{C as H}from"./CloseButton.d6e96b7d.js";import{S as K}from"./SubmitButton.4efa94a6.js";import{U as W}from"./UpdateButton.feaaf9dc.js";import{E as X}from"./EmployeeService.b8be485c.js";import{J as Z}from"./JobClassficationService.2ba440de.js";import{M as $}from"./Multiselect.30f38e61.js";import{l as ee}from"./lodash.73665e2b.js";import{P as te}from"./index.c8e81a7d.js";import{h as oe}from"./meeting-office.7e6e2274.js";import{C as se}from"./index.73a721da.js";import"./logo-black.7c15feb3.js";import"./logo-white.b04c5a89.js";import"./transition.75ebe11b.js";import"./es.string.replace.f9ff181c.js";import"./Loading.vue_vue_type_style_index_0_scoped_cbded5a2_lang.feec42bc.js";import"./index.58a64031.js";import"./index.dd345587.js";const re={components:{FormModal:J,FormGroup:N,TextInput:Y,TextArea:Q,SubmitButton:K,UpdateButton:W,CloseButton:H,Loading:R,Multiselect:$},data(){return{jobClassficationOptions:[],employeeOptions:[],form:{name:"",clearance_coverage:"Company Level",job_classification_id:"",recommending_officer_1:"",recommending_officer_2:"",approving_officer_1:"",approving_officer_2:"",authorizing_hr:"",payroll_officer:"",accounting_officer:"",treasury_officer:"",legal_officer:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{async fetchJobClassificationRecords(){await Z.fetchRecords().then(o=>{o.status==200&&(this.jobClassficationOptions=o.data.data.map(e=>({value:e.id,label:e.name})))}).catch(o=>{console.log(o)})},async fetchEmployeeRecords(){await X.fetchRecords().then(o=>{o.status==200&&(this.employeeOptions=o.data.data.map(e=>({value:e.employee_id,label:e.employee_id+" - "+e.firstname+" "+e.lastname})))}).catch(o=>{console.log(o)})},loadRecord(o){this.resetForm(),this.state.isEdit=!0,this.form=o},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={name:"",clearance_coverage:"Company Level",job_classification_id:"",recommending_officer_1:"",recommending_officer_2:"",approving_officer_1:"",approving_officer_2:"",authorizing_hr:"",payroll_officer:"",accounting_officer:"",treasury_officer:"",legal_officer:""}},reload(){this.$emit("reload")},async saveRecord(){if(this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await V.create(this.form).then(o=>{o.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.showModal=!1,this.resetForm(),this.reload())}).catch(o=>{this.$swal.fire({title:"Ooops! something is wrong.",text:o.response.data.message,icon:"error",timer:2e3})});else{const o=this.form.id;await V.update(o,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 A().shape({name:h().required("Name field is required").min(2),job_classification_id:h().required("Name field is required"),recommending_officer_1:h().required("Address field is required"),recommending_officer_2:h().required("Address field is required"),approving_officer_1:h().required("Address field is required"),authorizing_hr:h().required("Address 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(o){if(o instanceof z){const e={};o.inner.forEach(d=>{e[d.path]=d.message}),this.errors=e}this.state.isSaving=!1}}},Validating(o){console.log(o)},mounted(){this.fetchJobClassificationRecords(),this.fetchEmployeeRecords()}},ie={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},ae={class:"grid grid-cols-2 gap-3"},le={class:"relative"},ne={class:"relative"},ce={class:"relative"},me={class:"relative"},de={class:"relative my-1"},fe={class:"relative"},ue={class:"relative"},pe={class:"relative"},he={class:"relative"},ge={class:"relative"},_e={class:"flex gap-1 justify-end"};function ve(o,e,d,y,t,c){const _=a("Loading"),g=a("TextInput"),n=a("FormGroup"),m=a("Multiselect"),b=a("SubmitButton"),C=a("UpdateButton"),w=a("CloseButton"),x=a("FormModal");return u(),p(x,{title:t.state.isEdit?"Edit Clearance Template Record":"Create Clearance Template Record",active:t.state.showModal,onSubmit:o.confirmSubmit,onClose:c.closeModal,themeClass:t.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-2/4"},{default:l(()=>[t.state.isEdit&&t.state.isLoading?(u(),p(_,{key:0,text:"Fetching record"})):v("",!0),i("div",ie,[i("form",{onSubmit:e[12]\|\|(e[12]=I((...r)=>o.confirmSubmit&&o.confirmSubmit(...r),["prevent"])),class:"space-y-4"},[t.state.isSaving?(u(),p(_,{key:0,text:"Saving record"})):v("",!0),i("div",ae,[i("div",null,[s(n,{label:"Name",isRequired:!0},{default:l(()=>[s(g,{type:"text",placeholder:"Input name ",modelValue:t.form.name,"onUpdate:modelValue":e[0]\|\|(e[0]=r=>t.form.name=r),error:t.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),s(n,{label:"Clearance Coverage"},{default:l(()=>[s(g,{type:"text",placeholder:"",modelValue:t.form.clearance_coverage,"onUpdate:modelValue":e[1]\|\|(e[1]=r=>t.form.clearance_coverage=r),error:t.errors.clearance_coverage,classInput:"h-[48px]",disabled:""},null,8,["modelValue","error"])]),_:1}),s(n,{label:"Job Classification",isRequired:!0},{default:l(()=>[i("div",le,[s(m,{modelValue:t.form.job_classification_id,"onUpdate:modelValue":e[2]\|\|(e[2]=r=>t.form.job_classification_id=r),"close-on-select":!0,searchable:!0,id:"job_classification_id",options:t.jobClassficationOptions,classInput:"h-[48px]"},null,8,["modelValue","options"])])]),_:1}),s(n,{label:"Recommending Officer I",isRequired:!0},{default:l(()=>[i("div",ne,[s(m,{modelValue:t.form.recommending_officer_1,"onUpdate:modelValue":e[3]\|\|(e[3]=r=>t.form.recommending_officer_1=r),"close-on-select":!0,searchable:!0,id:"recommending_officer_1",options:t.employeeOptions,classInput:"h-[48px]"},null,8,["modelValue","options"])])]),_:1}),s(n,{label:"Recommending Officer II",isRequired:!0},{default:l(()=>[i("div",ce,[s(m,{modelValue:t.form.recommending_officer_2,"onUpdate:modelValue":e[4]\|\|(e[4]=r=>t.form.recommending_officer_2=r),"close-on-select":!0,searchable:!0,id:"recommending_officer_2",options:t.employeeOptions,classInput:"h-[48px]"},null,8,["modelValue","options"])])]),_:1}),s(n,{label:"Approving Officer I",isRequired:!0},{default:l(()=>[i("div",me,[s(m,{modelValue:t.form.approving_officer_1,"onUpdate:modelValue":e[5]\|\|(e[5]=r=>t.form.approving_officer_1=r),"close-on-select":!0,searchable:!0,id:"approving_officer_1",options:t.employeeOptions,classInput:"h-[48px]"},null,8,["modelValue","options"])])]),_:1})]),i("div",null,[s(n,{label:"Approving Officer II"},{default:l(()=>[i("div",de,[s(m,{modelValue:t.form.approving_officer_2,"onUpdate:modelValue":e[6]\|\|(e[6]=r=>t.form.approving_officer_2=r),"close-on-select":!0,searchable:!0,id:"approving_officer_2",options:t.employeeOptions,class:"h-[47px]"},null,8,["modelValue","options"])])]),_:1}),s(n,{label:"Authorizing HR Officer",isRequired:!0},{default:l(()=>[i("div",fe,[s(m,{modelValue:t.form.authorizing_hr,"onUpdate:modelValue":e[7]\|\|(e[7]=r=>t.form.authorizing_hr=r),"close-on-select":!0,searchable:!0,id:"authorizing_hr",options:t.employeeOptions,class:"h-[47px]"},null,8,["modelValue","options"])])]),_:1}),s(n,{label:"Payroll Officer",labelClass:"my-2"},{default:l(()=>[i("div",ue,[s(m,{modelValue:t.form.payroll_officer,"onUpdate:modelValue":e[8]\|\|(e[8]=r=>t.form.payroll_officer=r),"close-on-select":!0,searchable:!0,id:"payroll_officer",options:t.employeeOptions,classInput:"h-[48px]"},null,8,["modelValue","options"])])]),_:1}),s(n,{label:"Accounting Officer",labelClass:"my-1"},{default:l(()=>[i("div",pe,[s(m,{modelValue:t.form.accounting_officer,"onUpdate:modelValue":e[9]\|\|(e[9]=r=>t.form.accounting_officer=r),"close-on-select":!0,searchable:!0,id:"accounting_officer",options:t.employeeOptions,classInput:"h-[48px]"},null,8,["modelValue","options"])])]),_:1}),s(n,{label:"Treasury Officer",labelClass:"my-1"},{default:l(()=>[i("div",he,[s(m,{modelValue:t.form.treasury_officer,"onUpdate:modelValue":e[10]\|\|(e[10]=r=>t.form.treasury_officer=r),"close-on-select":!0,searchable:!0,id:"treasury_officer",options:t.employeeOptions,classInput:"h-[48px]"},null,8,["modelValue","options"])])]),_:1}),s(n,{label:"Legal Officer"},{default:l(()=>[i("div",ge,[s(m,{modelValue:t.form.legal_officer,"onUpdate:modelValue":e[11]\|\|(e[11]=r=>t.form.legal_officer=r),"close-on-select":!0,searchable:!0,id:"legal_officer",options:t.employeeOptions,classInput:"h-[48px]"},null,8,["modelValue","options"])])]),_:1})])]),i("div",_e,[t.state.isEdit?(u(),p(C,{key:1,onClick:c.submitForm},null,8,["onClick"])):(u(),p(b,{key:0,onClick:c.submitForm},null,8,["onClick"])),s(w,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const ye=P(re,[["render",ve]]);const be={mixins:[F],setup(){},components:{Layout:L,CreateButton:T,Loading:R,InputGroup:G,EditButton:U,DeleteButton:D,Button:q,Form:ye,Pagination:te,Card:se,Icon:j},data(){return{headerImage:oe,title:"Clearance Template",breadcrumbs:[{text:"Home",href:"/"},{text:"Masterfile",href:"/masterfile/clearance-template"},{text:"Clearance Template",active:!0}],columns:[{label:"#",field:"#"},{label:"Name",field:"name"},{label:"Classification",field:"job_classification.name"},{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"}}},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(o=>{console.log(o);let e=o.data.data;this.items=e,this.items=e.map((d,y)=>({...d,"#":(this.serverOptions.page-1)this.serverOptions.rowsPerPage+(y+1)})),this.totalItems=o.data.total}).finally(()=>{this.state.isLoading=!1,this.state.isMounted=!0})},handlePageChange(o){console.log(o),console.log(this.serverOptions.page),this.serverOptions.page!=o&&(this.serverOptions.page=o)},handlePerPageChange(o){this.serverOptions.page=1,this.serverOptions.rowsPerPage=o},onSortChange(o){console.log(o),o[0].type!="none"&&(this.serverOptions.sortBy=o[0].field,this.serverOptions.sortType=o[0].type)},async deleteRecord(o){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,O.remove(o).then(d=>{console.log(d),d.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(o){this.$refs.form.resetForm(),this.$refs.form.loadRecord(o),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 O.update(this.categoryData.category_code,this.categoryData),Swal.fire("Success!","Data successfully updated.","success")):(await O.create(this.categoryData),Swal.fire("Success!","Data succesfully created.","success")),this.state.showModal=!1,this.state.isLoading=!1,this.resetData(),this.fetchRecords()}catch(o){this.error=o\|\|"",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()}},Ce={class:"my-5"},we={class:"md:flex pb-6 items-center"},xe={class:"flex-1 md:mb-0 mb-3"},Oe={key:0,class:"flex gap-1"},Ve={class:"py-4 flex justify-end"};function Pe(o,e,d,y,t,c){const _=a("InputGroup"),g=a("Button"),n=a("EditButton"),m=a("DeleteButton"),b=a("Pagination"),C=a("vue-good-table"),w=a("Card"),x=a("Loading"),r=a("Form"),B=a("Layout");return u(),p(B,{breadcrumbs:t.breadcrumbs},{default:l(()=>[i("div",Ce,[s(w,{noborder:""},{default:l(()=>[i("div",we,[i("h6",xe,M(t.title),1),i("div",{class:k(["md:flex md:space-x-3 items-center flex-none rtl:space-x-reverse my-3 float-right",o.window.width<768?"space-x-rb":""])},[s(_,{modelValue:t.searchQuery,"onUpdate:modelValue":e[0]\|\|(e[0]=f=>t.searchQuery=f),placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"]),s(g,{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"}),s(g,{icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:" btn-dark font-normal btn-sm ",iconClass:"text-lg",onClick:e[1]\|\|(e[1]=f=>c.createRecord())})],2)]),s(C,{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:c.onSortChange,"max-height":"600px"},{"table-row":l(f=>[f.column.field=="action"?(u(),E("div",Oe,[s(n,{onClick:S=>c.editRecord(f.row)},null,8,["onClick"]),s(m,{onClick:S=>c.deleteRecord(f.row.id)},null,8,["onClick"])])):v("",!0)]),"pagination-bottom":l(f=>[i("div",Ve,[s(b,{total:t.totalItems,current:t.serverOptions.page,"per-page":t.serverOptions.rowsPerPage,onPageChanged:c.handlePageChange,pageChanged:f.pageChanged,perPageChanged:t.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:t.perPageOptions,onChangePerPage:c.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])]),_:1}),t.state.isLoading?(u(),p(x,{key:0,text:"Fetching records"})):v("",!0),s(r,{onCloseModal:e[2]\|\|(e[2]=f=>t.state.showModal=!1),ref:"form",onReload:c.fetchRecords},null,8,["onReload"])])]),_:1},8,["breadcrumbs"])}const ut=P(be,[["render",Pe],["__scopeId","data-v-7d51b270"]]);export{ut as default};

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