File manager

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

Back
import{A as R}from"./main.esm.4c666faa.js";import{L as F}from"./index.3c190fb8.js";import{C as B}from"./index.fb3a5789.js";import{B as k}from"./index.edca6480.js";import{a as u,_ as S,r as s,o as l,c,w as p,j as v,d as n,k as M,e as r,t as E}from"./index.e8902503.js";import{A as L}from"./ActionCellRenderer.703146a6.js";import{F as V}from"./index.b0868b90.js";import{F as A}from"./index.fbdde90a.js";import"./index.48097a46.js";/* empty css /import{T as P}from"./index.c1433bbe.js";import{M as D}from"./Multiselect.b44a8b2e.js";import{S as $}from"./SubmitButton.8f4c4681.js";import{C as G}from"./CloseButton.7e0edf88.js";import{U as T}from"./UpdateButton.af135175.js";import{c as z,a as I,V as N}from"./array.29c46f9b.js";import{L as U}from"./Loading.587e211a.js";import"./logo-black.7c15feb3.js";import"./logo-white.b04c5a89.js";import"./transition.e3cedc97.js";import"./EmployeeService.0b822608.js";import"./vue-cleave.min.795cb0c2.js";import"./es.string.replace.b08ed996.js";import"./EditButton.3881a749.js";import"./DeleteButton.85a5f71a.js";import"./ViewButton.bab3942f.js";import"./jspdf.es.min.e8517b60.js";/ empty css */import"./index.a4f02fc5.js";import"./index.bd314dbf.js";import"./Loading.vue_vue_type_style_index_0_scoped_cbded5a2_lang.4f499d44.js";const f="https://staging-ahg-hr-api.autohub.ph/api/v1/visa-type",x={fetchRecords(e={}){return u.get(`${f}`,{params:e})},fetchRecord(e){return u.get(`${f}/${e}`)},async create(e){return u.post(`${f}`,e)},async update(e,t){return u.put(`${f}/${e}`,t)},async remove(e){return u.delete(`${f}/${e}`)}},O={components:{FormGroup:V,TextInput:P,FormModal:A,Multiselect:D,SubmitButton:$,CloseButton:G,UpdateButton:T},data(){return{form:{code:null,name:null,description:null},errors:{},state:{isEdit:!1,showModal:!1}}},methods:{closeModal(){this.state.isEdit=!1,this.resetForm(),this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={name:"",code:""}},loadRecord(e){this.resetForm(),this.state.isEdit=!0,this.form=e},reload(){this.$emit("reload")},async saveRecord(){if(this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await x.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:e.response.data.message,icon:"error",timer:2e3})});else{const e=this.form.id;await x.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{const e=z().shape({name:I().nullable().required("Name field is required")});console.log(e),await e.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&&(console.log(t.value),this.saveRecord())})}catch(e){if(e instanceof N){const t={};e.inner.forEach(i=>{t[i.path]=i.message}),this.errors=t}this.state.isSaving=!1}}}},q={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},Y={class:"space-y-4"},j={class:"flex gap-1 justify-end"};function H(e,t,i,_,o,a){const m=s("Loading"),h=s("TextInput"),g=s("FormGroup"),y=s("SubmitButton"),w=s("UpdateButton"),C=s("CloseButton"),b=s("FormModal");return l(),c(b,{title:o.state.isEdit?"Edit Record":"Create Record",active:o.state.showModal,onSubmit:e.confirmSubmit,onClose:a.closeModal,themeClass:o.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-2/4"},{default:p(()=>[o.state.isEdit&&o.state.isLoading?(l(),c(m,{key:0,text:"Fetching record"})):v("",!0),n("div",q,[n("form",{onSubmit:t[2]\|\|(t[2]=M((...d)=>e.onSubmit&&e.onSubmit(...d),["prevent"]))},[o.state.isEdit&&o.state.isLoading?(l(),c(m,{key:0,text:"Fetching record"})):v("",!0),n("div",Y,[r(g,{label:"Code"},{default:p(()=>[r(h,{type:"text",placeholder:"Input code ",modelValue:o.form.code,"onUpdate:modelValue":t[0]\|\|(t[0]=d=>o.form.code=d),error:o.errors.code,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),r(g,{label:"Name",isRequired:!0},{default:p(()=>[r(h,{type:"text",placeholder:"Input name ",modelValue:o.form.name,"onUpdate:modelValue":t[1]\|\|(t[1]=d=>o.form.name=d),error:o.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),n("div",j,[o.state.isEdit?(l(),c(w,{key:1,onClick:a.submitForm},null,8,["onClick"])):(l(),c(y,{key:0,onClick:a.submitForm},null,8,["onClick"])),r(C,{onClick:a.closeModal},null,8,["onClick"])])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const K=S(O,[["render",H]]);const J={components:{AgGridVue:R,Layout:F,Card:B,Button:k,ActionCellRenderer:L,Form:K,Loading:U},data(){return{items:[],title:"Visa Type",gridApi:null,breadcrumbs:[{text:"Home",href:"/"},{text:"Masterfile",href:"/masterfile/visa-type"},{text:"Visa Type",active:!0}],paginationPageSize:10,paginationPageSizeSelector:[10,25,50],colDefs:[{field:"#",filter:!0,floatingFilter:!0},{field:"code",filter:!0,floatingFilter:!0,flex:2},{field:"name",filter:!0,floatingFilter:!0,flex:2},{headerName:"Actions",cellRenderer:"ActionCellRenderer",flex:1,cellRendererParams:{context:{componentParent:this}}}],state:{isLoading:!1,isEdit:!1,isDeleting:!1}}},methods:{async fetchRecords(){this.state.isLoading=!0,await x.fetchRecords().then(e=>{let t=e.data.data;this.items=t.map((i,_)=>({"#":_+1,code:i.code,name:i.name,id:i.id}))}).finally(()=>{this.state.isLoading=!1})},createRecord(){this.$refs.form.state.showModal=!0},editRecord(e){this.$refs.form.resetForm(),this.$refs.form.loadRecord(e),this.$refs.form.state.showModal=!0},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,x.remove(e).then(i=>{i.status==201&&(this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",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",icon:"error",timer:2e3})}).finally(()=>{this.state.isDeleting=!1})},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.")}},mounted(){this.fetchRecords()}},Q={class:"my-5"},W={class:"md:flex pb-6 items-center"},X={class:"flex-1 md:mb-0 mb-3"},Z={class:"md:flex md:space-x-3 items-center flex-none rtl:space-x-reverse my-3 float-right"};function ee(e,t,i,_,o,a){const m=s("Button"),h=s("ag-grid-vue"),g=s("Card"),y=s("Loading"),w=s("Form"),C=s("Layout");return l(),c(C,{breadcrumbs:o.breadcrumbs},{default:p(()=>[n("div",Q,[r(g,{noborder:""},{default:p(()=>[n("div",W,[n("h6",X,E(o.title),1),n("div",Z,[r(m,{icon:"heroicons-outline:download",text:"Export to CSV",btnClass:"btn-dark font-normal btn-sm",iconClass:"text-lg",onClick:a.exportToCsv},null,8,["onClick"]),r(m,{icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:"btn-dark font-normal btn-sm",iconClass:"text-lg",onClick:t[0]\|\|(t[0]=b=>a.createRecord())})])]),r(h,{ref:"agGrid",rowData:o.items,columnDefs:o.colDefs,style:{height:"500px"},class:"ag-theme-quartz",pagination:!0,paginationPageSize:o.paginationPageSize,paginationPageSizeSelector:o.paginationPageSizeSelector,onGridReady:a.onGridReady},null,8,["rowData","columnDefs","paginationPageSize","paginationPageSizeSelector","onGridReady"])]),_:1}),o.state.isLoading?(l(),c(y,{key:0,text:"Fetching records"})):v("",!0),r(w,{onCloseModal:t[1]\|\|(t[1]=b=>o.state.showModal=!1),ref:"form"},null,512)])]),_:1},8,["breadcrumbs"])}const Ve=S(J,[["render",ee]]);export{Ve as default};

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