File manager - Edit - /home/autoph/public_html/projects/ahg-hr/assets/index.f56e7a46.js
Back
import{_ as O,r as s,o as l,c as d,w as p,j as g,d as c,k as F,e as r,t as L,h as E,b as M}from"./index.15cec131.js";import{m as x,O as y}from"./apiUtils.0724cbcc.js";import{w as I,L as V}from"./index.b7d49458.js";import{L as B}from"./Loading.311fadfe.js";import{l as T}from"./lodash.50734de5.js";import{B as D}from"./index.bdcc6190.js";import{C as G}from"./CreateButton.d066970c.js";import{D as q}from"./DeleteButton.2380eae0.js";import{E as N}from"./EditButton.6d23f725.js";/* empty css */import{I as U}from"./index.c6b20525.js";import"./jspdf.es.min.2cbf3bf3.js";/* empty css *//* empty css */import"./vue-cleave.min.64bb37b7.js";import{c as A,a as P,V as Q}from"./array.8551fbb7.js";import"./vue-quill.snow.9de684a5.js";/* empty css */import{I as Y}from"./index.c252b558.js";import{P as j}from"./index.2eadc04e.js";import{F as z}from"./index.a76a1867.js";import{F as H}from"./index.87425b49.js";import{T as J}from"./index.1cc0a20b.js";import{T as K}from"./index.d6cd085f.js";import{C as W}from"./CloseButton.6961055e.js";import{S as X}from"./SubmitButton.f654365f.js";import{U as Z}from"./UpdateButton.07cc80b7.js";import{C as $}from"./CompanyService.25d90d2f.js";import{M as ee}from"./Multiselect.a8e1703e.js";import{C as te}from"./index.5cb8fa8c.js";import"./DealershipService.36b2dfd0.js";import"./DepartmentService.1e8337f9.js";import"./DivisionService.9b821b1d.js";import"./EmployeeService.402d7e1b.js";import"./EmploymentTypeService.10b86052.js";import"./GroupService.e9dd6b8d.js";import"./JobClassficationService.f684d0ae.js";import"./JobTitleService.804faa8a.js";import"./SectionService.90a75fb0.js";import"./SupportingDocumentService.b0db4b8c.js";import"./UnitService.dd3e3198.js";import"./CitizenshipService.1d4c063d.js";import"./CivilStatusService.ca1b51f5.js";import"./ReligionService.4974eba7.js";import"./logo-black.7c15feb3.js";import"./logo-white.b04c5a89.js";import"./transition.2b35576b.js";import"./es.string.replace.7f4d713f.js";import"./Loading.vue_vue_type_style_index_0_scoped_cbded5a2_lang.c1f77430.js";import"./index.59b1a56c.js";import"./index.a1e4de31.js";const oe={components:{fetchLocalityRecords:x,FormModal:H,FormGroup:z,TextInput:K,TextArea:J,SubmitButton:X,UpdateButton:Z,CloseButton:W,Loading:B,Multiselect:ee},data(){return{localityOptions:[],companyOptions:[],form:{code:null,name:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1,isLocalityLoading:!1}}},methods:{async fetchLocalityRecords(){try{this.state.isLocalityLoading=!0,this.localityOptions=await x()}catch(e){console.error("Failed to fetch locality data:",e)}finally{this.state.isLocalityLoading=!1}},async fetchCompanies(){await $.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)})},loadRecord(e){this.resetForm(),this.state.isEdit=!0,this.form=e},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={code:"",name:""}},reload(){this.$emit("reload")},async saveRecord(){if(this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await y.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 y.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({code:P().nullable().required("Code field is required").min(2),name:P().required("Name 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(t=>{t.value&&this.saveRecord()})}catch(e){if(e instanceof Q){const t={};e.inner.forEach(n=>{t[n.path]=n.message}),this.errors=t}this.state.isSaving=!1}}},Validating(e){console.log(e)},mounted(){this.fetchLocalityRecords()}},se={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},re={class:"flex gap-1 justify-end"};function ie(e,t,n,v,o,i){const h=s("Loading"),u=s("TextInput"),f=s("FormGroup"),C=s("SubmitButton"),w=s("UpdateButton"),b=s("CloseButton"),_=s("FormModal");return l(),d(_,{title:o.state.isEdit?"Edit Record":"Create Record",active:o.state.showModal,onSubmit:e.confirmSubmit,onClose:i.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(),d(h,{key:0,text:"Fetching record"})):g("",!0),c("div",se,[c("form",{onSubmit:t[2]||(t[2]=F((...m)=>e.confirmSubmit&&e.confirmSubmit(...m),["prevent"])),class:"space-y-4"},[o.state.isSaving?(l(),d(h,{key:0,text:"Saving record"})):g("",!0),r(f,{label:"Code",isRequired:!0},{default:p(()=>[r(u,{type:"text",placeholder:"Input code",modelValue:o.form.code,"onUpdate:modelValue":t[0]||(t[0]=m=>o.form.code=m),error:o.errors.code,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),r(f,{label:"Name",isRequired:!0},{default:p(()=>[r(u,{type:"text",placeholder:"Input name ",modelValue:o.form.name,"onUpdate:modelValue":t[1]||(t[1]=m=>o.form.name=m),error:o.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),c("div",re,[o.state.isEdit?(l(),d(w,{key:1,onClick:i.submitForm},null,8,["onClick"])):(l(),d(C,{key:0,onClick:i.submitForm},null,8,["onClick"])),r(b,{onClick:i.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const ae=O(oe,[["render",ie]]),ne={mixins:[I],components:{Layout:V,CreateButton:G,InputGroup:Y,Loading:B,EditButton:N,DeleteButton:q,Pagination:j,Form:ae,Card:te,Icon:U,Button:D},setup(){},data(){return{title:"Offices",breadcrumbs:[{text:"Home",href:"/"},{text:"Masterfile",href:"/masterfile/offices"},{text:"Offices",active:!0}],columns:[{label:"#",field:"#"},{label:"Code",field:"code"},{label:"Name",field:"name"},{label:"Action",field:"action"}],perPageOptions:[{value:"10",label:"10"},{value:"50",label:"50"},{value:"100",label:"100"}],items:[],totalItems:0,searchQuery:null,serverOptions:{page:1,rowsPerPage:10,sortBy:"name",sortType:"asc"},state:{isLoading:!1,isEdit:!1,isDeleting:!1}}},watch:{serverOptions:{handler(){console.log(`perPage: ${this.serverOptions.rowsPerPage}`),this.fetchRecords()},deep:!0},searchQuery:T.debounce(function(){this.fetchRecords()},800)},computed:{perPage:function(){return this.serverOptions.rowsPerPage}},methods:{async fetchRecords(){this.state.isLoading=!0,await y.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((n,v)=>({...n,"#":(this.serverOptions.page-1)*this.serverOptions.rowsPerPage+(v+1)})),this.totalItems=e.data.total}).finally(()=>{this.state.isLoading=!1})},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=>{console.log(t.value),t.value&&(this.state.isDeleting=!0,y.remove(e).then(n=>{n.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.resetForm(),this.$refs.form.state.showModal=!0},editRecord(e){this.$refs.form.resetForm(),this.$refs.form.loadRecord(e),this.$refs.form.state.showModal=!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}},mounted(){this.fetchRecords()}},le={class:"my-5"},ce={class:"md:flex pb-6 items-center"},me={class:"flex-1 md:mb-0 mb-3"},de={key:0,class:"flex gap-1"},pe={class:"py-4 flex justify-end"};function ue(e,t,n,v,o,i){const h=s("InputGroup"),u=s("Button"),f=s("EditButton"),C=s("DeleteButton"),w=s("Pagination"),b=s("vue-good-table"),_=s("Card"),m=s("Loading"),R=s("Form"),k=s("Layout");return l(),d(k,{breadcrumbs:o.breadcrumbs},{default:p(()=>[c("div",le,[r(_,{noborder:""},{default:p(()=>[c("div",ce,[c("h6",me,L(o.title),1),c("div",{class:E(["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":""])},[r(h,{modelValue:o.searchQuery,"onUpdate:modelValue":t[0]||(t[0]=a=>o.searchQuery=a),placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"]),r(u,{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(u,{icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:" btn-dark font-normal btn-sm ",iconClass:"text-lg",onClick:t[1]||(t[1]=a=>i.createRecord())})],2)]),r(b,{styleClass:"vgt-table lesspadding v-middle",columns:o.columns,rows:o.items,mode:"remote",search:!0,"sort-options":{enabled:!0},"pagination-options":{enabled:!0},onSortChange:i.onSortChange,"max-height":"600px"},{"table-row":p(a=>[a.column.field=="action"?(l(),M("div",de,[r(f,{onClick:S=>i.editRecord(a.row)},null,8,["onClick"]),r(C,{onClick:S=>i.deleteRecord(a.row.id)},null,8,["onClick"])])):g("",!0)]),"pagination-bottom":p(a=>[c("div",pe,[r(w,{total:o.totalItems,current:o.serverOptions.page,"per-page":o.serverOptions.rowsPerPage,onPageChanged:i.handlePageChange,pageChanged:a.pageChanged,perPageChanged:o.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:o.perPageOptions,onChangePerPage:i.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])]),_:1}),o.state.isLoading?(l(),d(m,{key:0,text:"Fetching records"})):g("",!0),r(R,{onCloseModal:t[2]||(t[2]=a=>o.state.showModal=!1),ref:"form",onReload:i.fetchRecords},null,8,["onReload"])])]),_:1},8,["breadcrumbs"])}const dt=O(ne,[["render",ue]]);export{dt as default};
| ver. 1.4 |
.
| PHP 8.1.32 | Generation time: 0 |
proxy
|
phpinfo
|
Settings