File manager

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

Back
import{a as y,_ as O,r as s,o as i,c as p,w as m,j as c,d as u,k as M,e as r,b as f,t as C,h as L}from"./index.e8902503.js";import{w as V,L as q}from"./index.3c190fb8.js";import{B as I}from"./index.edca6480.js";import{C as T}from"./CreateButton.69c40d9f.js";import{D as U}from"./DeleteButton.85a5f71a.js";import{E as A}from"./EditButton.3881a749.js";/* empty css /import{I as G}from"./index.48097a46.js";import"./jspdf.es.min.e8517b60.js";/ empty css // empty css /import"./vue-cleave.min.795cb0c2.js";import{c as $,a as x,V as N}from"./array.29c46f9b.js";import{L as D}from"./Loading.587e211a.js";import"./vue-quill.snow.2184ee49.js";/ empty css /import{I as Q}from"./index.1fa545a8.js";import{F as Y}from"./index.b0868b90.js";import{F as j}from"./index.fbdde90a.js";import{T as z}from"./index.2b071307.js";import{T as H}from"./index.c1433bbe.js";import{C as J}from"./CloseButton.7e0edf88.js";import{S as K}from"./SubmitButton.8f4c4681.js";import{U as W}from"./UpdateButton.af135175.js";import{E as X}from"./EmployeeService.0b822608.js";import{M as Z}from"./Multiselect.b44a8b2e.js";import{l as ee}from"./lodash.946ada64.js";import{P as te}from"./index.09aa51ae.js";import{h as oe}from"./meeting-office.7e6e2274.js";import{C as se}from"./index.fb3a5789.js";import"./logo-black.7c15feb3.js";import"./logo-white.b04c5a89.js";import"./transition.e3cedc97.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 _="https://staging-ahg-hr-api.autohub.ph/api/v1/employee-suspension",g={fetchRecords(e={}){return y.get(`${_}`,{params:e})},fetchRecord(e){return y.get(`${_}/${e}`)},async create(e){return y.post(`${_}`,e)},async update(e,t){return y.put(`${_}/${e}`,t)},async remove(e){return y.delete(`${_}/${e}`)}},re={components:{FormModal:j,FormGroup:Y,TextInput:H,TextArea:z,SubmitButton:K,UpdateButton:W,CloseButton:J,Loading:D,Multiselect:Z},data(){return{employeeOptions:"",form:{employee_id:"",date_from:"",date_to:"",reason:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{compensationChange(e){console.log("this is the value of value",e)},async fetchEmployeeRecords(){await X.fetchRecords().then(e=>{e.status==200&&(this.employeeOptions=e.data.data.map(t=>({value:t.employee_id,label:t.employee_id+" - "+t.firstname+" "+t.lastname})))}).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={employee_id:"",date_from:"",date_to:"",reason:""}},reload(){this.$emit("reload")},async saveRecord(){if(this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await g.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 g.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 $().shape({employee_id:x().required("Employee field is required"),date_from:x().required("Date From is required"),date_to:x().required("Date To is required"),reason:x().required("Reason 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 N){const t={};e.inner.forEach(d=>{t[d.path]=d.message}),this.errors=t}this.state.isSaving=!1}},getDaysBaseOnHours(){console.log(this.from.hours)}},watch:{},mounted(){this.fetchEmployeeRecords()}},ae={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},ie={key:0,class:"text-[#ec4899]"},ne={key:0,class:"text-[#ec4899]"},le={key:0,class:"text-[#ec4899]"},ce={class:"flex gap-1 justify-end"};function de(e,t,d,P,o,n){const v=s("Loading"),w=s("Multiselect"),h=s("FormGroup"),b=s("flat-pickr"),R=s("TextArea"),S=s("SubmitButton"),B=s("UpdateButton"),E=s("CloseButton"),k=s("FormModal");return i(),p(k,{title:o.state.isEdit?"Edit Employee Suspension Record":"Add Employee Suspension Record",active:o.state.showModal,onSubmit:e.confirmSubmit,onClose:n.closeModal,themeClass:o.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-3/4"},{default:m(()=>[o.state.isEdit&&o.state.isLoading?(i(),p(v,{key:0,text:"Fetching record"})):c("",!0),o.state.isSaving?(i(),p(v,{key:1,text:"Saving record"})):c("",!0),u("div",ae,[u("form",{onSubmit:t[4]\|\|(t[4]=M((...l)=>e.confirmSubmit&&e.confirmSubmit(...l),["prevent"])),class:"space-y-4"},[r(h,{label:"Employee ID",isRequired:!0},{default:m(()=>[r(w,{placeholder:"",modelValue:o.form.employee_id,"onUpdate:modelValue":t[0]\|\|(t[0]=l=>o.form.employee_id=l),error:o.errors.employee_id,options:o.employeeOptions,searchable:!0},null,8,["modelValue","error","options"]),o.errors.employee_id?(i(),f("div",ie,"Employee is required")):c("",!0)]),_:1}),r(h,{label:"Date From",isRequired:!0},{default:m(()=>[r(b,{modelValue:o.form.date_from,"onUpdate:modelValue":t[1]\|\|(t[1]=l=>o.form.date_from=l),class:"form-control h-[48px]",placeholder:"Select date"},null,8,["modelValue"]),o.errors.date_from?(i(),f("div",ne,"Date from is required")):c("",!0)]),_:1}),r(h,{label:"Date To",isRequired:!0},{default:m(()=>[r(b,{modelValue:o.form.date_to,"onUpdate:modelValue":t[2]\|\|(t[2]=l=>o.form.date_to=l),class:"form-control h-[48px]",placeholder:"Select date"},null,8,["modelValue"])]),_:1}),o.errors.date_to?(i(),f("div",le,"Date to is required")):c("",!0),r(h,{label:"Reason",isRequired:!0},{default:m(()=>[r(R,{modelValue:o.form.reason,"onUpdate:modelValue":t[3]\|\|(t[3]=l=>o.form.reason=l),error:o.errors.reason,rows:"2",placeholder:"Enter reason",classInput:"w-full"},null,8,["modelValue","error"])]),_:1}),u("div",ce,[o.state.isEdit?(i(),p(B,{key:1,onClick:n.submitForm},null,8,["onClick"])):(i(),p(S,{key:0,onClick:n.submitForm},null,8,["onClick"])),r(E,{onClick:n.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const me=O(re,[["render",de]]);const ue={mixins:[V],setup(){},components:{Layout:q,CreateButton:T,Loading:D,InputGroup:Q,EditButton:A,DeleteButton:U,Button:I,Form:me,Pagination:te,Card:se,Icon:G},data(){return{headerImage:oe,title:"Employee Suspension",breadcrumbs:[{text:"Home",href:"/"},{text:"Employee Suspension",href:"/hr-admin/employee-suspension"},{text:"Employee Suspension",active:!0}],columns:[{label:"#",field:"#"},{label:"Employee ID",field:"employee_id"},{label:"Name",field:"fullname"},{label:"Date From",field:"date_from"},{label:"Date To",field:"date_to"},{label:"Reason",field:"reason"},{label:"Action",field:"action"}],perPageOptions:[{value:"10",label:"10"},{value:"50",label:"50"},{value:"100",label:"100"}],state:{isLoading:!1,isMounted:!1,showModal:!1,isDeleting:!1},items:[],totalItems:0,error:[],searchQuery:"",serverOptions:{page:1,rowsPerPage:10,sortBy:"created_at",sortType:"asc"}}},watch:{serverOptions:{handler(){console.log(`perPage: ${this.serverOptions.rowsPerPage}`),this.fetchRecords()},deep:!0},searchQuery:ee.debounce(function(){this.fetchRecords()},800)},computed:{perPage:function(){return this.serverOptions.rowsPerPage}},methods:{async fetchRecords(){this.state.isLoading=!0,this.state.isMounted=!1,await g.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(e.data.data);let t=e.data.data;this.items=t,this.items=t.map((d,P)=>({...d,"#":(this.serverOptions.page-1)this.serverOptions.rowsPerPage+(P+1)})),this.totalItems=e.data.total}).finally(()=>{this.state.isLoading=!1,this.state.isMounted=!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},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,g.remove(e).then(d=>{console.log(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})},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 g.update(this.categoryData.category_code,this.categoryData),Swal.fire("Success!","Data successfully updated.","success")):(await g.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,isMounted:!1,isResetError:!1,isSubmitted:!1,showModal:!1},this.categoryData={category_code:"",category_desc:""},this.error=[]}},mounted(){this.fetchRecords()}},pe={class:"my-5"},fe={class:"md:flex pb-6 items-center"},he={class:"flex-1 md:mb-0 mb-3"},ge={key:0,class:"flex gap-1"},ye={key:1,class:"flex gap-1"},_e={key:2,class:"flex gap-1"},ve={key:3,class:"flex gap-1"},we={class:"py-4 flex justify-end"};function be(e,t,d,P,o,n){const v=s("InputGroup"),w=s("Button"),h=s("EditButton"),b=s("DeleteButton"),R=s("Pagination"),S=s("vue-good-table"),B=s("Card"),E=s("Loading"),k=s("Form"),l=s("Layout");return i(),p(l,{breadcrumbs:o.breadcrumbs},{default:m(()=>[u("div",pe,[r(B,{noborder:""},{default:m(()=>[u("div",fe,[u("h6",he,C(o.title),1),u("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":""])},[r(v,{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(w,{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(w,{icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:" btn-dark font-normal btn-sm ",iconClass:"text-lg",onClick:t[1]\|\|(t[1]=a=>n.createRecord())})],2)]),r(S,{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:n.onSortChange,"max-height":"600px"},{"table-row":m(a=>[a.column.field=="fullname"?(i(),f("div",ge,C(a.row.employee.firstname+" "+a.row.employee.lastname),1)):c("",!0),a.column.field=="date_from"?(i(),f("div",ye,C(e.$formatDate(a.row.date_from)),1)):c("",!0),a.column.field=="date_to"?(i(),f("div",_e,C(e.$formatDate(a.row.date_to)),1)):c("",!0),a.column.field=="action"?(i(),f("div",ve,[r(h,{onClick:F=>n.editRecord(a.row)},null,8,["onClick"]),r(b,{onClick:F=>n.deleteRecord(a.row.id)},null,8,["onClick"])])):c("",!0)]),"pagination-bottom":m(a=>[u("div",we,[r(R,{total:o.totalItems,current:o.serverOptions.page,"per-page":o.serverOptions.rowsPerPage,onPageChanged:n.handlePageChange,pageChanged:a.pageChanged,perPageChanged:o.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:o.perPageOptions,onChangePerPage:n.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])]),_:1}),o.state.isLoading?(i(),p(E,{key:0,text:"Fetching records"})):c("",!0),r(k,{onCloseModal:t[2]\|\|(t[2]=a=>o.state.showModal=!1),ref:"form",onReload:n.fetchRecords},null,8,["onReload"])])]),_:1},8,["breadcrumbs"])}const at=O(ue,[["render",be],["__scopeId","data-v-9a888e93"]]);export{at as default};

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