File manager

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

Back
import{_ as x,r,o as u,c as p,w as c,j as v,d,k as M,e as o,t as k,h as F,b as E}from"./index.6f826883.js";import{C as h}from"./CompanyService.1b97fd33.js";import{w as O,L as I}from"./index.2f12c00b.js";import{B as V}from"./index.d5f9070d.js";import{C as D}from"./CreateButton.2b14c008.js";import{D as L}from"./DeleteButton.1177ae51.js";import{E as T}from"./EditButton.234ef2e8.js";/* empty css /import{I as q}from"./index.0cc90e2a.js";import"./jspdf.es.min.9b897a33.js";/ empty css // empty css /import"./vue-cleave.min.2c699dc6.js";import{c as U,a as _,V as G}from"./array.b1e0d30e.js";import{L as P}from"./Loading.a7caf7be.js";import"./vue-quill.snow.8a0635dc.js";/ empty css */import{I as A}from"./index.082b43f0.js";import{F as N}from"./index.8944847c.js";import{F as Q}from"./index.30a5caa1.js";import{T as Y}from"./index.5e30712d.js";import{T as j}from"./index.8e02d38d.js";import{C as z}from"./CloseButton.d6e96b7d.js";import{S as H}from"./SubmitButton.4efa94a6.js";import{U as J}from"./UpdateButton.feaaf9dc.js";import{M as K}from"./Multiselect.30f38e61.js";import{l as W}from"./lodash.73665e2b.js";import{P as X}from"./index.c8e81a7d.js";import{h as Z}from"./meeting-office.7e6e2274.js";import{C as $}from"./index.73a721da.js";import"./logo-black.7c15feb3.js";import"./logo-white.b04c5a89.js";import"./transition.75ebe11b.js";import"./EmployeeService.b8be485c.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 ee={components:{FormModal:Q,FormGroup:N,TextInput:j,TextArea:Y,SubmitButton:H,UpdateButton:J,CloseButton:z,Loading:P,Multiselect:K},data(){return{form:{code:"",name:"",address:"",email:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{async fetchCompanies(){await h.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:"",address:"",email:""}},reload(){this.$emit("reload")},async saveRecord(){if(this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await h.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=>{this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"error",timer:2e3})});else{const e=this.form.id;await h.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 U().shape({code:_().required("Code field is required").min(2),name:_().required("Name field is required"),address:_().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(t=>{t.value&&this.saveRecord()})}catch(e){if(e instanceof G){const t={};e.inner.forEach(a=>{t[a.path]=a.message}),this.errors=t}this.state.isSaving=!1}}},Validating(e){console.log(e)},mounted(){}},te={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},se={class:"flex gap-1 justify-end"};function oe(e,t,a,B,s,i){const g=r("Loading"),m=r("TextInput"),f=r("FormGroup"),y=r("SubmitButton"),C=r("UpdateButton"),b=r("CloseButton"),w=r("FormModal");return u(),p(w,{title:s.state.isEdit?"Edit Company Record":"Create Company Record",active:s.state.showModal,onSubmit:e.confirmSubmit,onClose:i.closeModal,themeClass:s.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-3/4"},{default:c(()=>[s.state.isEdit&&s.state.isLoading?(u(),p(g,{key:0,text:"Fetching record"})):v("",!0),d("div",te,[d("form",{onSubmit:t[4]\|\|(t[4]=M((...n)=>e.confirmSubmit&&e.confirmSubmit(...n),["prevent"])),class:"space-y-4"},[s.state.isSaving?(u(),p(g,{key:0,text:"Saving record"})):v("",!0),o(f,{label:"Code",isRequired:!0},{default:c(()=>[o(m,{type:"text",placeholder:"Input code",modelValue:s.form.code,"onUpdate:modelValue":t[0]\|\|(t[0]=n=>s.form.code=n),error:s.errors.code,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),o(f,{label:"Name",isRequired:!0},{default:c(()=>[o(m,{type:"text",placeholder:"Input name ",modelValue:s.form.name,"onUpdate:modelValue":t[1]\|\|(t[1]=n=>s.form.name=n),error:s.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),o(f,{label:"Address",isRequired:!0},{default:c(()=>[o(m,{type:"text",placeholder:"Input address ",modelValue:s.form.address,"onUpdate:modelValue":t[2]\|\|(t[2]=n=>s.form.address=n),error:s.errors.address,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),o(f,{label:"Email"},{default:c(()=>[o(m,{type:"text",placeholder:"Input email ",modelValue:s.form.email,"onUpdate:modelValue":t[3]\|\|(t[3]=n=>s.form.email=n),error:s.errors.email,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),d("div",se,[s.state.isEdit?(u(),p(C,{key:1,onClick:i.submitForm},null,8,["onClick"])):(u(),p(y,{key:0,onClick:i.submitForm},null,8,["onClick"])),o(b,{onClick:i.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const re=x(ee,[["render",oe]]);const ae={mixins:[O],setup(){},components:{Layout:I,CreateButton:D,Loading:P,InputGroup:A,EditButton:T,DeleteButton:L,Button:V,Form:re,Pagination:X,Card:$,Icon:q},data(){return{fetchPromise:null,headerImage:Z,title:"Companies",breadcrumbs:[{text:"Home",href:"/"},{text:"Masterfile",href:"/masterfile/companies"},{text:"Companies",active:!0}],columns:[{label:"#",field:"#"},{label:"Code",field:"code"},{label:"Name",field:"name"},{label:"Email",field:"email"},{label:"Action",field:"action"}],perPageOptions:[{value:"10",label:"10"},{value:"50",label:"50"},{value:"100",label:"100"}],state:{isLoading:!1,showModal:!1,isDeleting:!1},items:[],totalItems:0,error:[],searchQuery:"",serverOptions:{page:1,rowsPerPage:10,sortBy:"name",sortType:"asc",sortBy:"code",sortType:"asc"},dataCache:{}}},watch:{serverOptions:{handler(){console.log(`perPage: ${this.serverOptions.rowsPerPage}`),this.fetchRecords()},deep:!0},searchQuery:W.debounce(function(){this.fetchRecords()},800)},computed:{perPage:function(){return this.serverOptions.rowsPerPage}},methods:{async fetchRecords(){if(this.isMounted)return this.fetchPromise=new Promise(async(e,t)=>{try{const a=await h.fetchRecords();if(!this.isMounted){e(null);return}this.items=a.data.data,this.totalItems=a.data.total,e(a)}catch(a){this.isMounted?t(a):e(null)}}),this.fetchPromise},clearCache(){this.dataCache={}},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=>{t.value&&(this.state.isDeleting=!0,h.remove(e).then(a=>{console.log(a),a.status==201&&(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},async submitForm(){if(console.log("Submit Form"),this.state.isLoading=!0,this.state.isSubmitted=!0,!this.v$.$invalid)try{this.state.isEdit==!0?(await h.update(this.categoryData.category_code,this.categoryData),Swal.fire("Success!","Data successfully updated.","success")):(await h.create(this.categoryData),Swal.fire("Success!","Data succesfully created.","success")),this.state.showModal=!1,this.state.isLoading=!1,this.resetData(),this.fetchRecords()}catch(e){this.error=e\|\|"",this.state.isResetError=!0,this.state.isLoading=!1}},closeModal(){this.state.showModal=!1,this.resetData(),this.fetchRecords()},resetData(){this.state={isLoading:!1,isResetError:!1,isSubmitted:!1,showModal:!1},this.categoryData={category_code:"",category_desc:""},this.error=[]}},mounted(){this.isMounted=!0,this.fetchRecords()},beforeUnmount(){this.isMounted=!1,this.fetchPromise&&this.fetchPromise.cancel&&this.fetchPromise.cancel()}},ie={class:"my-5"},ne={class:"md:flex pb-6 items-center"},le={class:"flex-1 md:mb-0 mb-3"},ce={key:0,class:"flex gap-1"},de={class:"py-4 flex justify-end"};function me(e,t,a,B,s,i){const g=r("InputGroup"),m=r("Button"),f=r("EditButton"),y=r("DeleteButton"),C=r("Pagination"),b=r("vue-good-table"),w=r("Card"),n=r("Form"),R=r("Layout");return u(),p(R,{breadcrumbs:s.breadcrumbs},{default:c(()=>[d("div",ie,[o(w,{noborder:""},{default:c(()=>[d("div",ne,[d("h6",le,k(s.title),1),d("div",{class:F(["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":""])},[o(g,{modelValue:s.searchQuery,"onUpdate:modelValue":t[0]\|\|(t[0]=l=>s.searchQuery=l),placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"]),o(m,{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"}),o(m,{icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:" btn-dark font-normal btn-sm ",iconClass:"text-lg",onClick:t[1]\|\|(t[1]=l=>i.createRecord())})],2)]),o(b,{styleClass:"vgt-table lesspadding v-middle",columns:s.columns,rows:s.items,mode:"remote",search:!0,"sort-options":{enabled:!0},"pagination-options":{enabled:!0},onSortChange:i.onSortChange,"max-height":"600px"},{"table-row":c(l=>[l.column.field=="action"?(u(),E("div",ce,[o(f,{onClick:S=>i.editRecord(l.row)},null,8,["onClick"]),o(y,{onClick:S=>i.deleteRecord(l.row.id)},null,8,["onClick"])])):v("",!0)]),"pagination-bottom":c(l=>[d("div",de,[o(C,{total:s.totalItems,current:s.serverOptions.page,"per-page":s.serverOptions.rowsPerPage,onPageChanged:i.handlePageChange,pageChanged:l.pageChanged,perPageChanged:s.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:s.perPageOptions,onChangePerPage:i.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])]),_:1}),o(n,{onCloseModal:t[2]\|\|(t[2]=l=>s.state.showModal=!1),ref:"form",onReload:i.fetchRecords},null,8,["onReload"])])]),_:1},8,["breadcrumbs"])}const We=x(ae,[["render",me],["__scopeId","data-v-b6cb9cd2"]]);export{We as default};

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