File manager

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

Back
import{w as E,L as M}from"./index.3c190fb8.js";import{_ as O,r as s,o as m,c as u,w as c,j as _,d as n,k as V,e as i,f as I,t as k,h as L,b as T}from"./index.e8902503.js";import{J as b}from"./JobTitleService.894deba9.js";import{F as R}from"./index.b0868b90.js";import"./index.48097a46.js";/* empty css /import{T as S}from"./index.c1433bbe.js";import{I as j}from"./index.1fa545a8.js";import{l as D}from"./lodash.946ada64.js";import{L as J}from"./Loading.587e211a.js";import{C as G}from"./index.fb3a5789.js";import{E as U}from"./EditButton.3881a749.js";import{D as N}from"./DeleteButton.85a5f71a.js";import{P as q}from"./index.09aa51ae.js";import{C as Q}from"./CreateButton.69c40d9f.js";import{F as A}from"./index.fbdde90a.js";import{J as Y}from"./JobClassficationService.5dad0abe.js";import{M as z}from"./Multiselect.b44a8b2e.js";import{S as H}from"./SubmitButton.8f4c4681.js";import{C as K}from"./CloseButton.7e0edf88.js";import{U as W}from"./UpdateButton.af135175.js";import{c as X,a as B,V as Z}from"./array.29c46f9b.js";import{B as $}from"./index.edca6480.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"./Loading.vue_vue_type_style_index_0_scoped_cbded5a2_lang.4f499d44.js";import"./index.a4f02fc5.js";import"./index.bd314dbf.js";const ee={components:{FormGroup:R,TextInput:S,FormModal:A,Multiselect:z,SubmitButton:H,CloseButton:K,UpdateButton:W},data(){return{jobclassificationOptions:[],form:{job_classification_id:null,name:null,description:null,salary_grade:null},errors:{},state:{isEdit:!1,showModal:!1}}},methods:{async fetchJobClassifications(){await Y.fetchRecords().then(e=>{console.log(e),e.status==200&&(this.jobclassificationOptions=e.data.data.map(t=>({value:t.id,label:t.name})))}).catch(e=>{console.log(e)})},closeModal(){this.state.isEdit=!1,this.resetForm(),this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={name:"",description:""}},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 b.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 b.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=X().shape({job_classification_id:B().nullable().required("Job Classification field is required"),name:B().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 Z){const t={};e.inner.forEach(d=>{t[d.path]=d.message}),this.errors=t}this.state.isSaving=!1}}},mounted(){this.fetchJobClassifications()}},te={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},oe={class:"space-y-4"},se={class:"relative"},ie={class:"text-danger-500"},re={class:"flex gap-1 justify-end"};function ae(e,t,d,y,o,r){const h=s("Loading"),g=s("Multiselect"),v=s("Icon"),p=s("FormGroup"),f=s("TextInput"),C=s("SubmitButton"),w=s("UpdateButton"),x=s("CloseButton"),P=s("FormModal");return m(),u(P,{title:o.state.isEdit?"Edit Record":"Create Record",active:o.state.showModal,onSubmit:e.confirmSubmit,onClose:r.closeModal,themeClass:o.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-3/4"},{default:c(()=>[o.state.isEdit&&o.state.isLoading?(m(),u(h,{key:0,text:"Fetching record"})):_("",!0),n("div",te,[n("form",{onSubmit:t[4]\|\|(t[4]=V((...a)=>e.onSubmit&&e.onSubmit(...a),["prevent"]))},[o.state.isEdit&&o.state.isLoading?(m(),u(h,{key:0,text:"Fetching record"})):_("",!0),n("div",oe,[i(p,{label:"Job Classification",isRequired:!0},{default:c(()=>[n("div",se,[i(g,{modelValue:o.form.job_classification_id,"onUpdate:modelValue":t[0]\|\|(t[0]=a=>o.form.job_classification_id=a),"close-on-select":!0,searchable:!0,id:"job_classification_id",options:o.jobclassificationOptions},null,8,["modelValue","options"])]),n("span",ie,[I(k(o.errors.job_classification_id)+" ",1),i(v,{icon:"heroicons-outline:information-circle"})])]),_:1}),i(p,{label:"Name",isRequired:!0},{default:c(()=>[i(f,{type:"text",placeholder:"Input name ",modelValue:o.form.name,"onUpdate:modelValue":t[1]\|\|(t[1]=a=>o.form.name=a),error:o.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),i(p,{label:"Description"},{default:c(()=>[i(f,{type:"text",placeholder:"Input description ",modelValue:o.form.description,"onUpdate:modelValue":t[2]\|\|(t[2]=a=>o.form.description=a),classInput:"h-[48px]"},null,8,["modelValue"])]),_:1}),i(p,{label:"Salary Grade"},{default:c(()=>[i(f,{type:"text",placeholder:"Input salary rade ",modelValue:o.form.salary_grade,"onUpdate:modelValue":t[3]\|\|(t[3]=a=>o.form.salary_grade=a),classInput:"h-[48px]"},null,8,["modelValue"])]),_:1}),n("div",re,[o.state.isEdit?(m(),u(w,{key:1,onClick:r.submitForm},null,8,["onClick"])):(m(),u(C,{key:0,onClick:r.submitForm},null,8,["onClick"])),i(x,{onClick:r.closeModal},null,8,["onClick"])])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const ne=O(ee,[["render",ae]]);const le={mixins:[E],components:{Layout:M,TextInput:S,FormGroup:R,Card:G,Pagination:q,CreateButton:Q,Form:ne,EditButton:U,DeleteButton:N,Button:$,InputGroup:j,Loading:J},data(){return{title:"Job Title",breadcrumbs:[{text:"Home",href:"/"},{text:"Masterfile",href:"/masterfile/job-title"},{text:"Job Title",active:!0}],columns:[{label:"#",field:"#"},{label:"Name",field:"name"},{label:"Description",field:"description"},{label:"Job Classification",field:"job_classification.name"},{label:"Salary Grade",field:"salary_grade"},{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:D.debounce(function(){this.fetchRecords()},800)},computed:{perPage:function(){return this.serverOptions.rowsPerPage}},methods:{async fetchRecords(){this.state.isLoading=!0,await b.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;this.items=t,this.items=t.map((d,y)=>({...d,"#":(this.serverOptions.page-1)this.serverOptions.rowsPerPage+(y+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)},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=>{console.log(t.value),t.value&&(this.state.isDeleting=!0,b.remove(e).then(d=>{d.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})}},mounted(){this.fetchRecords()}},ce={class:"my-5"},de={class:"md:flex pb-6 items-center"},me={class:"flex-1 md:mb-0 mb-3"},ue={key:0,class:"flex gap-1"},pe={class:"py-4 flex justify-end"};function fe(e,t,d,y,o,r){const h=s("InputGroup"),g=s("Button"),v=s("EditButton"),p=s("DeleteButton"),f=s("Pagination"),C=s("vue-good-table"),w=s("Card"),x=s("Loading"),P=s("Form"),a=s("Layout");return m(),u(a,{breadcrumbs:o.breadcrumbs},{default:c(()=>[n("div",ce,[i(w,{noborder:""},{default:c(()=>[n("div",de,[n("h6",me,k(o.title),1),n("div",{class:L(["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":""])},[i(h,{modelValue:o.searchQuery,"onUpdate:modelValue":t[0]\|\|(t[0]=l=>o.searchQuery=l),placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"]),i(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"}),i(g,{icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:" btn-dark font-normal btn-sm ",iconClass:"text-lg",onClick:t[1]\|\|(t[1]=l=>r.createRecord())})],2)]),i(C,{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:r.onSortChange,"max-height":"600px"},{"table-row":c(l=>[l.column.field=="action"?(m(),T("div",ue,[i(v,{onClick:F=>r.editRecord(l.row)},null,8,["onClick"]),i(p,{onClick:F=>r.deleteRecord(l.row.id)},null,8,["onClick"])])):_("",!0)]),"pagination-bottom":c(l=>[n("div",pe,[i(f,{total:o.totalItems,current:o.serverOptions.page,"per-page":o.serverOptions.rowsPerPage,onPageChanged:r.handlePageChange,pageChanged:l.pageChanged,perPageChanged:o.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:o.perPageOptions,onChangePerPage:r.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])]),_:1}),o.state.isLoading?(m(),u(x,{key:0,text:"Fetching records"})):_("",!0),i(P,{onCloseModal:t[2]\|\|(t[2]=l=>o.state.showModal=!1),ref:"form"},null,512)])]),_:1},8,["breadcrumbs"])}const ze=O(le,[["render",fe],["__scopeId","data-v-3e8bc71a"]]);export{ze as default};

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