File manager

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

Back
import{w as O,L as k}from"./index.0fd81098.js";import{_ as C,r as l,o as u,c as f,w as n,j as _,d as a,k as I,e as s,t as R,h as E,b as M}from"./index.836ff972.js";import{S as b}from"./SalaryGradeService.705c6b86.js";import{F as P}from"./index.79d99a66.js";import"./index.31d8f3a7.js";/* empty css /import{T as S}from"./index.c2c1d7ba.js";import{I as L}from"./index.4a5fd1e6.js";import{l as U}from"./lodash.16bcff66.js";import{L as A}from"./Loading.8843dce9.js";import{C as D}from"./index.d162669d.js";import{E as G}from"./EditButton.0c71d9dd.js";import{D as T}from"./DeleteButton.a3bc472f.js";import{P as N}from"./index.59a3d22b.js";import{C as Q}from"./CreateButton.8ae1cc58.js";import{F as q}from"./index.3b9dd0da.js";import{M as Y}from"./Multiselect.20e5cf80.js";import{S as j}from"./SubmitButton.bd665ffe.js";import{C as z}from"./CloseButton.f70e8453.js";import{U as H}from"./UpdateButton.767a80b3.js";import{c as J,a as K,V as W}from"./array.af0a862f.js";import{B as X}from"./index.43ed8c16.js";import"./logo-black.7c15feb3.js";import"./logo-white.b04c5a89.js";import"./transition.624fb26d.js";import"./vue-cleave.min.6d14d8ca.js";import"./es.string.replace.f497f8c7.js";import"./index.03f8e544.js";import"./index.833a76e1.js";const Z={components:{FormGroup:P,TextInput:S,FormModal:q,Multiselect:Y,SubmitButton:j,CloseButton:z,UpdateButton:H},data(){return{form:{name:"",step_1:"",step_2:"",step_3:"",step_4:"",step_5:"",step_6:"",step_7:"",step_8:"",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:"",step_1:"",step_2:"",step_3:"",step_4:"",step_5:"",step_6:"",step_7:"",step_8:"",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=J().shape({name:K().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 W){const t={};e.inner.forEach(d=>{t[d.path]=d.message}),this.errors=t}this.state.isSaving=!1}}}},$={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},ee={class:"space-y-4"},te={class:"grid grid-cols-2 gap-2"},oe={class:"grid grid-cols-2 gap-2"},se={class:"grid grid-cols-2 gap-2"},re={class:"grid grid-cols-2 gap-2"},le={class:"flex gap-1 justify-end"};function ne(e,t,d,h,o,p){const g=l("Loading"),i=l("TextInput"),m=l("FormGroup"),y=l("SubmitButton"),x=l("UpdateButton"),v=l("CloseButton"),w=l("FormModal");return u(),f(w,{title:o.state.isEdit?"Edit Record":"Create Record",active:o.state.showModal,onSubmit:e.confirmSubmit,onClose:p.closeModal,themeClass:o.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-2/4"},{default:n(()=>[o.state.isEdit&&o.state.isLoading?(u(),f(g,{key:0,text:"Fetching record"})):_("",!0),a("div",$,[a("form",{onSubmit:t[10]\|\|(t[10]=I((...r)=>e.onSubmit&&e.onSubmit(...r),["prevent"]))},[o.state.isEdit&&o.state.isLoading?(u(),f(g,{key:0,text:"Fetching record"})):_("",!0),a("div",ee,[s(m,{label:"Name",isRequired:!0},{default:n(()=>[s(i,{type:"text",placeholder:"Input name ",modelValue:o.form.name,"onUpdate:modelValue":t[0]\|\|(t[0]=r=>o.form.name=r),error:o.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),a("div",te,[s(m,{label:"Step 1"},{default:n(()=>[s(i,{type:"text",placeholder:"",modelValue:o.form.step_1,"onUpdate:modelValue":t[1]\|\|(t[1]=r=>o.form.step_1=r),error:o.errors.step_1,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),s(m,{label:"Step 2"},{default:n(()=>[s(i,{type:"text",placeholder:"",modelValue:o.form.step_2,"onUpdate:modelValue":t[2]\|\|(t[2]=r=>o.form.step_2=r),error:o.errors.step_2,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1})]),a("div",oe,[s(m,{label:"Step 3"},{default:n(()=>[s(i,{type:"text",placeholder:"",modelValue:o.form.step_3,"onUpdate:modelValue":t[3]\|\|(t[3]=r=>o.form.step_3=r),error:o.errors.step_3,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),s(m,{label:"Step 4"},{default:n(()=>[s(i,{type:"text",placeholder:"",modelValue:o.form.step_4,"onUpdate:modelValue":t[4]\|\|(t[4]=r=>o.form.step_4=r),error:o.errors.step_4,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1})]),a("div",se,[s(m,{label:"Step 5"},{default:n(()=>[s(i,{type:"text",placeholder:"",modelValue:o.form.step_5,"onUpdate:modelValue":t[5]\|\|(t[5]=r=>o.form.step_5=r),error:o.errors.step_5,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),s(m,{label:"Step 6"},{default:n(()=>[s(i,{type:"text",placeholder:"",modelValue:o.form.step_6,"onUpdate:modelValue":t[6]\|\|(t[6]=r=>o.form.step_6=r),error:o.errors.step_6,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1})]),a("div",re,[s(m,{label:"Step 7"},{default:n(()=>[s(i,{type:"text",placeholder:"",modelValue:o.form.step_7,"onUpdate:modelValue":t[7]\|\|(t[7]=r=>o.form.step_7=r),error:o.errors.step_7,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),s(m,{label:"Step 8"},{default:n(()=>[s(i,{type:"text",placeholder:"",modelValue:o.form.step_8,"onUpdate:modelValue":t[8]\|\|(t[8]=r=>o.form.step_8=r),error:o.errors.step_8,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1})]),s(m,{label:"Description"},{default:n(()=>[s(i,{type:"text",placeholder:"Input description ",modelValue:o.form.description,"onUpdate:modelValue":t[9]\|\|(t[9]=r=>o.form.description=r),classInput:"h-[48px]"},null,8,["modelValue"])]),_:1}),a("div",le,[o.state.isEdit?(u(),f(x,{key:1,onClick:p.submitForm},null,8,["onClick"])):(u(),f(y,{key:0,onClick:p.submitForm},null,8,["onClick"])),s(v,{onClick:p.closeModal},null,8,["onClick"])])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const ie=C(Z,[["render",ne]]);const ae={mixins:[O],components:{Layout:k,TextInput:S,FormGroup:P,Card:D,Pagination:N,CreateButton:Q,Form:ie,EditButton:G,DeleteButton:T,Button:X,InputGroup:L,Loading:A},data(){return{title:"Salary Grade",breadcrumbs:[{text:"Home",href:"/"},{text:"Masterfile",href:"/masterfile/salary-grade"},{text:"Salary Grade",active:!0}],columns:[{label:"#",field:"#"},{label:"Name",field:"name"},{label:"Step 1",field:"step_1",formatFn:e=>this.formatAmount(e)},{label:"Step 2",field:"step_2",formatFn:e=>this.formatAmount(e)},{label:"Step 3",field:"step_3",formatFn:e=>this.formatAmount(e)},{label:"Step 4",field:"step_4",formatFn:e=>this.formatAmount(e)},{label:"Step 5",field:"step_5",formatFn:e=>this.formatAmount(e)},{label:"Step 6",field:"step_6",formatFn:e=>this.formatAmount(e)},{label:"Step 7",field:"step_7",formatFn:e=>this.formatAmount(e)},{label:"Step 8",field:"step_8",formatFn:e=>this.formatAmount(e)},{label:"Description",field:"description"},{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:U.debounce(function(){this.fetchRecords()},800)},computed:{perPage:function(){return this.serverOptions.rowsPerPage}},methods:{formatAmount(e){let t=parseFloat(e);return new Intl.NumberFormat("en-US",{minimumFractionDigits:2,maximumFractionDigits:2}).format(t)},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,h)=>({...d,"#":(this.serverOptions.page-1)this.serverOptions.rowsPerPage+(h+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()}},me={class:"my-5"},pe={class:"md:flex pb-6 items-center"},de={class:"flex-1 md:mb-0 mb-3"},ce={key:0,class:"flex gap-1"},ue={class:"py-4 flex justify-end"};function fe(e,t,d,h,o,p){const g=l("InputGroup"),i=l("Button"),m=l("EditButton"),y=l("DeleteButton"),x=l("Pagination"),v=l("vue-good-table"),w=l("Card"),r=l("Loading"),V=l("Form"),B=l("Layout");return u(),f(B,{breadcrumbs:o.breadcrumbs},{default:n(()=>[a("div",me,[s(w,{noborder:""},{default:n(()=>[a("div",pe,[a("h6",de,R(o.title),1),a("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":""])},[s(g,{modelValue:o.searchQuery,"onUpdate:modelValue":t[0]\|\|(t[0]=c=>o.searchQuery=c),placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"]),s(i,{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(i,{icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:" btn-dark font-normal btn-sm ",iconClass:"text-lg",onClick:t[1]\|\|(t[1]=c=>p.createRecord())})],2)]),s(v,{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:p.onSortChange,"max-height":"600px"},{"table-row":n(c=>[c.column.field=="action"?(u(),M("div",ce,[s(m,{onClick:F=>p.editRecord(c.row)},null,8,["onClick"]),s(y,{onClick:F=>p.deleteRecord(c.row.id)},null,8,["onClick"])])):_("",!0)]),"pagination-bottom":n(c=>[a("div",ue,[s(x,{total:o.totalItems,current:o.serverOptions.page,"per-page":o.serverOptions.rowsPerPage,onPageChanged:p.handlePageChange,pageChanged:c.pageChanged,perPageChanged:o.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:o.perPageOptions,onChangePerPage:p.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])]),_:1}),o.state.isLoading?(u(),f(r,{key:0,text:"Fetching records"})):_("",!0),s(V,{onCloseModal:t[2]\|\|(t[2]=c=>o.state.showModal=!1),ref:"form"},null,512)])]),_:1},8,["breadcrumbs"])}const Ye=C(ae,[["render",fe],["__scopeId","data-v-e11a2173"]]);export{Ye as default};

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