File manager

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

Back
import{a as _,_ as B,r as i,o as u,c as f,w as a,j as b,d as n,k as M,e as o,t as D,h as I,b as E}from"./index.15cec131.js";import{w as k,L as F}from"./index.b7d49458.js";import{B as L}from"./index.bdcc6190.js";import{C as T}from"./CreateButton.d066970c.js";import{D as U}from"./DeleteButton.2380eae0.js";import{E as A}from"./EditButton.6d23f725.js";/* empty css /import{I as G}from"./index.c6b20525.js";import"./jspdf.es.min.2cbf3bf3.js";/ empty css // empty css /import"./vue-cleave.min.64bb37b7.js";import{c as N,a as Q,V as q}from"./array.8551fbb7.js";import{L as R}from"./Loading.311fadfe.js";import"./vue-quill.snow.9de684a5.js";/ empty css /import{I as Y}from"./index.c252b558.js";import{F as j}from"./index.a76a1867.js";import{F as z}from"./index.87425b49.js";import{T as H}from"./index.1cc0a20b.js";import{T as J}from"./index.d6cd085f.js";import{C as K}from"./CloseButton.6961055e.js";import{S as W}from"./SubmitButton.f654365f.js";import{U as X}from"./UpdateButton.07cc80b7.js";import{E as Z}from"./EmployeeService.402d7e1b.js";import{M as $}from"./Multiselect.a8e1703e.js";import{l as ee}from"./lodash.50734de5.js";import{P as te}from"./index.2eadc04e.js";import{h as se}from"./meeting-office.7e6e2274.js";import{C as oe}from"./index.5cb8fa8c.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 y="https://staging-ahg-hr-api.autohub.ph/api/v1/device-registration",h={fetchRecords(e={}){return _.get(`${y}`,{params:e})},fetchRecord(e){return _.get(`${y}/${e}`)},async create(e){return _.post(`${y}`,e)},async update(e,t){return _.put(`${y}/${e}`,t)},async remove(e){return _.delete(`${y}/${e}`)}},re={components:{FormModal:z,FormGroup:j,TextInput:J,TextArea:H,SubmitButton:W,UpdateButton:X,CloseButton:K,Loading:R,Multiselect:$},data(){return{deviceOptions:["Laptop","Tablet","Mobile","Other"],employeeOptions:[],form:{employee_id:"",mac_address:"",ip_address:"",os:"",os_version:"",device_name:"",device_type:"",description:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{async fetchEmployeeData(){await Z.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})))})},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:"",mac_address:"",ip_address:"",os:"",os_version:"",device_name:"",device_type:"",description:""}},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 N().shape({employee_id:Q().required("Employee 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(c=>{t[c.path]=c.message}),this.errors=t}this.state.isSaving=!1}}},mounted(){this.fetchEmployeeData()}},ie={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},ae={class:"relative"},le={class:"grid grid-cols-2 gap-2"},ne={class:"grid grid-cols-2 gap-2"},de={class:"grid grid-cols-2 gap-2"},ce={class:"flex gap-1 justify-end"};function me(e,t,c,w,s,l){const v=i("Loading"),g=i("Multiselect"),d=i("FormGroup"),p=i("TextInput"),x=i("SubmitButton"),C=i("UpdateButton"),P=i("CloseButton"),O=i("FormModal");return u(),f(O,{title:s.state.isEdit?"Edit Record":"Create Record",active:s.state.showModal,onSubmit:e.confirmSubmit,onClose:l.closeModal,themeClass:s.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-2/4"},{default:a(()=>[s.state.isEdit&&s.state.isLoading?(u(),f(v,{key:0,text:"Fetching record"})):b("",!0),n("div",ie,[n("form",{onSubmit:t[8]\|\|(t[8]=M((...r)=>e.confirmSubmit&&e.confirmSubmit(...r),["prevent"])),class:"space-y-4"},[s.state.isSaving?(u(),f(v,{key:0,text:"Saving record"})):b("",!0),o(d,{label:"Employee",isRequired:!0},{default:a(()=>[n("div",ae,[o(g,{modelValue:s.form.employee_id,"onUpdate:modelValue":t[0]\|\|(t[0]=r=>s.form.employee_id=r),"close-on-select":!0,searchable:!0,id:"employee_id",options:s.employeeOptions},null,8,["modelValue","options"])])]),_:1}),n("div",le,[o(d,{label:"MAC Address"},{default:a(()=>[o(p,{type:"text",placeholder:"Input mac address ",modelValue:s.form.mac_address,"onUpdate:modelValue":t[1]\|\|(t[1]=r=>s.form.mac_address=r),error:s.errors.mac_address,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),o(d,{label:"IP Address"},{default:a(()=>[o(p,{type:"text",placeholder:"Input ip address ",modelValue:s.form.ip_address,"onUpdate:modelValue":t[2]\|\|(t[2]=r=>s.form.ip_address=r),error:s.errors.ip_address,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1})]),n("div",ne,[o(d,{label:"OS"},{default:a(()=>[o(p,{type:"text",placeholder:"Input os",modelValue:s.form.os,"onUpdate:modelValue":t[3]\|\|(t[3]=r=>s.form.os=r),error:s.errors.os,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),o(d,{label:"OS Version"},{default:a(()=>[o(p,{type:"text",placeholder:"Input os version ",modelValue:s.form.os_version,"onUpdate:modelValue":t[4]\|\|(t[4]=r=>s.form.os_version=r),error:s.errors.os_version,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1})]),n("div",de,[o(d,{label:"Device Type"},{default:a(()=>[o(g,{modelValue:s.form.device_type,"onUpdate:modelValue":t[5]\|\|(t[5]=r=>s.form.device_type=r),"close-on-select":!0,searchable:!0,id:"device_type",options:s.deviceOptions},null,8,["modelValue","options"])]),_:1}),o(d,{label:"Device Name"},{default:a(()=>[o(p,{type:"text",placeholder:"Input device name",modelValue:s.form.device_name,"onUpdate:modelValue":t[6]\|\|(t[6]=r=>s.form.device_name=r),error:s.errors.device_name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1})]),o(d,{label:"Description"},{default:a(()=>[o(p,{type:"text",placeholder:"Input description ",modelValue:s.form.description,"onUpdate:modelValue":t[7]\|\|(t[7]=r=>s.form.description=r),error:s.errors.description,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),n("div",ce,[s.state.isEdit?(u(),f(C,{key:1,onClick:l.submitForm},null,8,["onClick"])):(u(),f(x,{key:0,onClick:l.submitForm},null,8,["onClick"])),o(P,{onClick:l.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const pe=B(re,[["render",me]]);const ue={mixins:[k],setup(){},components:{Layout:F,CreateButton:T,Loading:R,InputGroup:Y,EditButton:A,DeleteButton:U,Button:L,Form:pe,Pagination:te,Card:oe,Icon:G},data(){return{headerImage:se,title:"Device Registration",breadcrumbs:[{text:"Home",href:"/"},{text:"Device Registration",href:"/settings/device-registration"},{text:"Device Registration",active:!0}],columns:[{label:"#",field:"#"},{label:"Employee ID",field:"employee_id"},{label:"First Name",field:"employee.firstname"},{label:"Last Name",field:"employee.lastname"},{label:"Mac Address",field:"mac_address"},{label:"IP Address",field:"ip_address"},{label:"OS",field:"os"},{label:"OS Version",field:"os_version"},{label:"Device Name",field:"device_name"},{label:"Device Type",field:"device_type"},{label:"Description",field:"description"},{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 h.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);let t=e.data.data;this.items=t,this.items=t.map((c,w)=>({...c,"#":(this.serverOptions.page-1)this.serverOptions.rowsPerPage+(w+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,h.remove(e).then(c=>{console.log(c),c.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,isMounted:!1,isResetError:!1,isSubmitted:!1,showModal:!1},this.categoryData={category_code:"",category_desc:""},this.error=[]}},mounted(){this.fetchRecords()}},fe={class:"my-5"},he={class:"md:flex pb-6 items-center"},ge={class:"flex-1 md:mb-0 mb-3"},_e={key:0,class:"flex gap-1"},ye={class:"py-4 flex justify-end"};function ve(e,t,c,w,s,l){const v=i("InputGroup"),g=i("Button"),d=i("EditButton"),p=i("DeleteButton"),x=i("Pagination"),C=i("vue-good-table"),P=i("Card"),O=i("Loading"),r=i("Form"),S=i("Layout");return u(),f(S,{breadcrumbs:s.breadcrumbs},{default:a(()=>[n("div",fe,[o(P,{noborder:""},{default:a(()=>[n("div",he,[n("h6",ge,D(s.title),1),n("div",{class:I(["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(v,{modelValue:s.searchQuery,"onUpdate:modelValue":t[0]\|\|(t[0]=m=>s.searchQuery=m),placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"]),o(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"}),o(g,{icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:" btn-dark font-normal btn-sm ",iconClass:"text-lg",onClick:t[1]\|\|(t[1]=m=>l.createRecord())})],2)]),o(C,{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:l.onSortChange,"max-height":"600px"},{"table-row":a(m=>[m.column.field=="action"?(u(),E("div",_e,[o(d,{onClick:V=>l.editRecord(m.row)},null,8,["onClick"]),o(p,{onClick:V=>l.deleteRecord(m.row.id)},null,8,["onClick"])])):b("",!0)]),"pagination-bottom":a(m=>[n("div",ye,[o(x,{total:s.totalItems,current:s.serverOptions.page,"per-page":s.serverOptions.rowsPerPage,onPageChanged:l.handlePageChange,pageChanged:m.pageChanged,perPageChanged:s.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:s.perPageOptions,onChangePerPage:l.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])]),_:1}),s.state.isLoading?(u(),f(O,{key:0,text:"Fetching records"})):b("",!0),o(r,{onCloseModal:t[2]\|\|(t[2]=m=>s.state.showModal=!1),ref:"form",onReload:l.fetchRecords},null,8,["onReload"])])]),_:1},8,["breadcrumbs"])}const ot=B(ue,[["render",ve],["__scopeId","data-v-38aec7a4"]]);export{ot as default};

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