File manager

File manager - Edit - /home/autoph/.trash/assets/index-083ac5b2.js

Back
import{E as P}from"./EmployeeService-969d3291.js";import{L as V,A as L}from"./index-c954d15a.js";import{L as S}from"./Loading-cfed3691.js";import{F as D,C as N,l as T}from"./lodash-9a5070a4.js";import{C as q,E as U,D as G}from"./DeleteButton-835f7446.js";import{I as j}from"./index-7aeaebc7.js";import{P as A}from"./index-aae042c5.js";import{F as Q}from"./index-9334fed0.js";import{S as Y,U as z}from"./UpdateButton-9d990a49.js";import{C as H}from"./CloseButton-d2eebd1f.js";import{T as J}from"./index-0998fa6f.js";import{T as K}from"./index-afa55389.js";import{c as W,a as B,V as X}from"./array-2d279bb5.js";import{D as O}from"./DealershipService-b9477a74.js";import{M as Z}from"./Multiselect-698d81dd.js";import{C as $}from"./CompanyService-aa3b8f2f.js";import{_ as I,r as s,o as n,c as d,g as m,b as p,f as i,w as ee,e as r,I as k,d as x}from"./index-3ade5c76.js";import{I as te}from"./index-83fa9446.js";import"./vue-cleave.min-157d9b32.js";import"./_commonjsHelpers-de833af9.js";import"./xhebrhsj-b8cee719.js";import"./es.string.replace-2e300990.js";import"./index-ba97739a.js";const oe={components:{FormModal:Q,FormGroup:D,TextInput:J,Textarea:K,SubmitButton:Y,UpdateButton:z,CloseButton:H,Loading:S,Multiselect:Z},data(){return{companyOptions:[],form:{company_id:"",code:"",name:"",address:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{async fetchCompanies(){await $.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.state.isEdit=!0,this.resetForm(),console.log("loading data into form..."),this.form=e},closeModal(){this.state.showModal=!1},resetForm(){this.form={company_id:"",code:"",name:""}},reload(){this.$emit("reload")},async saveRecord(){if(this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await O.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 O.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 W().shape({code:B().required("Code field is required").min(2),name:B().required("Name 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 X){const t={};e.inner.forEach(u=>{t[u.path]=u.message}),this.errors=t}this.state.isSaving=!1}}},Validating(e){console.log(e)},mounted(){this.fetchCompanies()}},se={class:"p-2"},re={class:"relative"},ie={class:"flex gap-1 justify-end"};function ae(e,t,u,y,o,l){const f=s("Loading"),_=s("Multiselect"),h=s("FormGroup"),g=s("TextInput"),v=s("SubmitButton"),w=s("UpdateButton"),C=s("CloseButton"),b=s("FormModal");return n(),d(b,{title:o.state.isEdit?"Edit Record":"Create Record",active:o.state.showModal,onSubmit:e.confirmSubmit,onClose:l.closeModal,themeClass:o.state.isEdit?"bg-success-700":"bg-primary-800",sizeClass:"w-1/2"},{default:m(()=>[o.state.isEdit&&o.state.isLoading?(n(),d(f,{key:0,text:"Fetching record"})):p("",!0),i("div",se,[i("form",{onSubmit:t[4]\|\|(t[4]=ee((...c)=>e.confirmSubmit&&e.confirmSubmit(...c),["prevent"])),class:"space-y-4"},[o.state.isEdit&&o.state.isLoading?(n(),d(f,{key:0,text:"Fetching record"})):p("",!0),o.state.isSaving?(n(),d(f,{key:1,text:"Saving record"})):p("",!0),r(h,{label:"Company",isRequired:!0},{default:m(()=>[i("div",re,[r(_,{modelValue:o.form.company_id,"onUpdate:modelValue":t[0]\|\|(t[0]=c=>o.form.company_id=c),"close-on-select":!0,searchable:!0,id:"company_id",options:o.companyOptions},null,8,["modelValue","options"])])]),_:1}),r(h,{label:"Code",isRequired:!0},{default:m(()=>[r(g,{type:"text",placeholder:"Input code",modelValue:o.form.code,"onUpdate:modelValue":t[1]\|\|(t[1]=c=>o.form.code=c),error:o.errors.code,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),r(h,{label:"Name",isRequired:!0},{default:m(()=>[r(g,{type:"text",placeholder:"Input name ",modelValue:o.form.name,"onUpdate:modelValue":t[2]\|\|(t[2]=c=>o.form.name=c),error:o.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),r(h,{label:"Address",isRequired:!0},{default:m(()=>[r(g,{type:"text",placeholder:"Input address ",modelValue:o.form.address,"onUpdate:modelValue":t[3]\|\|(t[3]=c=>o.form.address=c),error:o.errors.address,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),i("div",ie,[o.state.isEdit?(n(),d(w,{key:1,onClick:l.submitForm},null,8,["onClick"])):(n(),d(v,{key:0,onClick:l.submitForm},null,8,["onClick"])),r(C,{onClick:l.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const ne=I(oe,[["render",ae]]),le={components:{Layout:V,CreateButton:q,InputGroup:j,Loading:S,EditButton:U,DeleteButton:G,Pagination:A,Form:ne,InitialBadge:L,Card:N,Icon:te},setup(){},data(){return{title:"Employees",breadcrumbs:[{text:"Home",href:"/"},{text:"Masterfile",href:"/masterfile/employees"},{text:"Employees",active:!0}],columns:[{label:"#",field:"#"},{label:"Employee ID",field:"employee_id"},{label:"Name",field:"fullname"},{label:"Position",field:"position"},{label:"Company",field:"company"},{label:"Dealer",field:"dealer"}],perPageOptions:[{value:"10",label:"10"},{value:"50",label:"50"},{value:"100",label:"100"}],items:[],totalItems:0,searchQuery:null,serverOptions:{page:1,rowsPerPage:10,sortBy:"fullname",sortType:"asc"},state:{isLoading:!1,isEdit:!1,isDeleting:!1}}},watch:{serverOptions:{handler(){console.log(`perPage: ${this.serverOptions.rowsPerPage}`),this.fetchRecords()},deep:!0},searchQuery:T.debounce(function(){this.fetchRecords()},800)},computed:{perPage:function(){return this.serverOptions.rowsPerPage}},methods:{async fetchRecords(){this.state.isLoading=!0,await P.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;console.log(t),this.items=t,this.items=t.map((u,y)=>({...u,"#":(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)},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=>{console.log(t.value),t.value&&(this.state.isDeleting=!0,P.remove(e).then(u=>{u.status==200&&(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.state.showModal=!0,this.$refs.form.resetForm()},editRecord(e){this.$refs.form.resetForm(),this.$refs.form.loadRecord(e),this.$refs.form.state.showModal=!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}},mounted(){this.fetchRecords()}},ce={class:"rounded-t bg-[url('@/assets/images/background/teamwork-02.jpg')] bg-cover bg-[center_600px] min-h-24 p-8"},de={class:"bg-white bg-opacity-[0.5] rounded grid lg:grid-cols-2 p-2"},me={class:"flex gap-2 px-2"},ue={class:"h-12 w-12 flex flex-col items-center justify-center rounded-full bg-white text-2xl mb-2 drop-shadow"},pe={class:"text-3xl font-sans text-primary-800 py-1 drop-shadow"},he={class:"flex justify-between"},fe={class:"flex-grow"},ge={key:0,class:"flex gap-1"},ye={key:0,class:"flex gap-1"},_e={class:"py-1"},ve={key:1,class:"flex gap-1"},we={class:"py-4 flex justify-end"};function Ce(e,t,u,y,o,l){const f=s("Icon"),_=s("InputGroup"),h=s("CreateButton"),g=s("InitialBadge"),v=s("EditButton"),w=s("DeleteButton"),C=s("Pagination"),b=s("vue-good-table"),c=s("Loading"),R=s("Form"),E=s("Card"),F=s("Layout");return n(),d(F,{breadcrumbs:o.breadcrumbs},{nocard:m(()=>[r(E,{bodyClass:"p-0"},{default:m(()=>[i("div",ce,[i("div",de,[i("div",me,[i("div",ue,[r(f,{icon:"clarity:users-solid",class:"text-3xl text-primary-700"})]),i("div",pe,k(o.title),1)]),i("div",null,[i("div",he,[i("div",fe,[r(_,{modelValue:o.searchQuery,"onUpdate:modelValue":t[0]\|\|(t[0]=a=>o.searchQuery=a),class:"w-full focus:border-cyan-500 pt-1 pr-4",placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"])]),i("div",null,[e.$ability.can("add","department")?(n(),d(h,{key:0,onClick:l.createRecord},null,8,["onClick"])):p("",!0)])])])])]),i("div",null,[r(b,{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:l.onSortChange,"max-height":"600px"},{"table-row":m(a=>[a.column.field=="fullname"?(n(),x("div",ge,[a.column.field==="fullname"?(n(),x("div",ye,[r(g,{firstName:a.row.firstname,middleName:a.row.middlename,lastName:a.row.lastname},null,8,["firstName","middleName","lastName"]),i("span",_e,k(a.row.fullname),1)])):p("",!0)])):p("",!0),a.column.field=="action"?(n(),x("div",ve,[r(v,{onClick:M=>l.editRecord(a.row)},null,8,["onClick"]),r(w,{onClick:M=>l.deleteRecord(a.row.id)},null,8,["onClick"])])):p("",!0)]),"pagination-bottom":m(a=>[i("div",we,[r(C,{total:o.totalItems,current:o.serverOptions.page,"per-page":o.serverOptions.rowsPerPage,onPageChanged:l.handlePageChange,pageChanged:a.pageChanged,perPageChanged:o.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:o.perPageOptions,onChangePerPage:l.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])]),o.state.isLoading?(n(),d(c,{key:0,text:"Feching records"})):p("",!0),r(R,{onCloseModal:t[1]\|\|(t[1]=a=>o.state.showModal=!1),ref:"form"},null,512)]),_:1})]),_:1},8,["breadcrumbs"])}const Ye=I(le,[["render",Ce]]);export{Ye as default};

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