File manager

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

Back
import{C as p}from"./CompanyService-bc8c1932.js";import{L as R}from"./index-09aec724.js";import{C as F,E,D as I}from"./DeleteButton-85e113e8.js";import{L as P}from"./Loading-354bb089.js";import{I as L}from"./index-2a9f082a.js";import{F as D}from"./index-a024a0da.js";import{S as V,U as T}from"./UpdateButton-a21096f0.js";import{C as q}from"./CloseButton-68d4684b.js";import{F as G,C as U,l as N}from"./lodash-bc56efa2.js";import{T as j}from"./index-d7940797.js";import{T as A}from"./index-fcde3944.js";import{c as Q,a as x,V as Y}from"./array-81fad990.js";import{M as z}from"./Multiselect-492e67e9.js";import{_ as B,r as o,o as i,c as l,g as h,b as m,f as r,w as H,e as a,I as J,d as K}from"./index-f7a80f5a.js";import{P as W}from"./index-19226ff8.js";import{I as X}from"./index-2d8a3f66.js";import"./vue-cleave.min-538935a7.js";import"./xhebrhsj-c0546f05.js";import"./es.string.replace-38cd9dd0.js";import"./index-29f1b736.js";const Z={components:{FormModal:D,FormGroup:G,TextInput:j,Textarea:A,SubmitButton:V,UpdateButton:T,CloseButton:q,Loading:P,Multiselect:z},data(){return{companyOptions:[],form:{company_id:"",code:"",name:"",address:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1,showModal:!1}}},methods:{async fetchCompanies(){await p.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.resetForm(),this.state.isEdit=!0,this.form=e},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,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 p.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:"Please contact system administrator",icon:"error",timer:2e3})});else{const e=this.form.id;await p.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 Q().shape({code:x().required("Code field is required").min(2),name:x().required("Name field is required"),address:x().required("Address 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 Y){const t={};e.inner.forEach(c=>{t[c.path]=c.message}),this.errors=t}this.state.isSaving=!1}}},Validating(e){console.log(e)},mounted(){}},$={class:"lg:p-2"},ee={class:"flex gap-1 justify-end"};function te(e,t,c,w,s,n){const f=o("Loading"),g=o("TextInput"),y=o("FormGroup"),v=o("SubmitButton"),_=o("UpdateButton"),b=o("CloseButton"),C=o("FormModal");return i(),l(C,{title:s.state.isEdit?"Edit Record":"Create Record",active:s.state.showModal,onSubmit:e.confirmSubmit,onClose:n.closeModal,themeClass:s.state.isEdit?"bg-primary-600":"bg-primary-800",sizeClass:"lg:w-1/2"},{default:h(()=>[s.state.isEdit&&s.state.isLoading?(i(),l(f,{key:0,text:"Fetching record"})):m("",!0),r("div",$,[r("form",{onSubmit:t[3]\|\|(t[3]=H((...d)=>e.confirmSubmit&&e.confirmSubmit(...d),["prevent"])),class:"space-y-4"},[s.state.isEdit&&s.state.isLoading?(i(),l(f,{key:0,text:"Fetching record"})):m("",!0),s.state.isSaving?(i(),l(f,{key:1,text:"Saving record"})):m("",!0),a(y,{label:"Code",isRequired:!0},{default:h(()=>[a(g,{type:"text",placeholder:"Input code",modelValue:s.form.code,"onUpdate:modelValue":t[0]\|\|(t[0]=d=>s.form.code=d),error:s.errors.code,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),a(y,{label:"Name",isRequired:!0},{default:h(()=>[a(g,{type:"text",placeholder:"Input name ",modelValue:s.form.name,"onUpdate:modelValue":t[1]\|\|(t[1]=d=>s.form.name=d),error:s.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),a(y,{label:"Address",isRequired:!0},{default:h(()=>[a(g,{type:"text",placeholder:"Input address ",modelValue:s.form.address,"onUpdate:modelValue":t[2]\|\|(t[2]=d=>s.form.address=d),error:s.errors.address,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),r("div",ee,[s.state.isEdit?(i(),l(_,{key:1,onClick:n.submitForm},null,8,["onClick"])):(i(),l(v,{key:0,onClick:n.submitForm},null,8,["onClick"])),a(b,{onClick:n.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const se=B(Z,[["render",te]]),oe="/assets/meeting-office-b42df8f6.jpg",re={setup(){},components:{Layout:R,CreateButton:F,Loading:P,InputGroup:L,EditButton:E,DeleteButton:I,Form:se,Pagination:W,Card:U,Icon:X},data(){return{headerImage:oe,title:"Companies",breadcrumbs:[{text:"Home",href:"/"},{text:"Masterfile",href:"/masterfile/companies"},{text:"Companies",active:!0}],columns:[{label:"#",field:"#"},{label:"Code",field:"code"},{label:"Name",field:"name"},{label:"Action",field:"action"}],perPageOptions:[{value:"10",label:"10"},{value:"50",label:"50"},{value:"100",label:"100"}],state:{isLoading:!0,isMounted:!1,showModal:!1,isDeleting:!1},items:[],totalItems:0,error:[],searchQuery:"",serverOptions:{page:1,rowsPerPage:10,sortBy:"name",sortType:"asc",sortBy:"code",sortType:"asc"}}},watch:{serverOptions:{handler(){console.log(`perPage: ${this.serverOptions.rowsPerPage}`),this.fetchRecords()},deep:!0},searchQuery:N.debounce(function(){this.fetchRecords()},800)},computed:{perPage:function(){return this.serverOptions.rowsPerPage}},methods:{async fetchRecords(){this.state.isLoading=!0,this.state.isMounted=!1,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(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.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,p.remove(e).then(c=>{console.log(c),c.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.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 p.update(this.categoryData.category_code,this.categoryData),Swal.fire("Success!","Data successfully updated.","success")):(await p.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()}},ae={class:"rounded-t bg-[url('@/assets/images/background/building-01.jpg')] bg-cover bg-[center] mih-h-24 p-8"},ie={class:"bg-white bg-opacity-[0.5] rounded grid lg:grid-cols-2 p-2"},ne={class:"flex gap-2 px-2"},le={class:"h-12 w-12 flex flex-col items-center justify-center rounded-full bg-white text-2xl mb-2 drop-shadow"},ce={class:"text-3xl font-sans text-primary-800 py-1 drop-shadow"},de={class:"flex justify-between"},ue={class:"flex-grow"},me={key:0,class:"flex gap-1"},he={class:"py-4 flex justify-end"};function pe(e,t,c,w,s,n){const f=o("Icon"),g=o("InputGroup"),y=o("CreateButton"),v=o("EditButton"),_=o("DeleteButton"),b=o("Pagination"),C=o("vue-good-table"),d=o("Loading"),S=o("Form"),O=o("Card"),k=o("Layout");return i(),l(k,{breadcrumbs:s.breadcrumbs},{nocard:h(()=>[a(O,{bodyClass:"p-0"},{default:h(()=>[r("div",ae,[r("div",ie,[r("div",ne,[r("div",le,[a(f,{icon:"icon-park-twotone:building-two",class:"text-3xl text-primary-700"})]),r("div",ce,J(s.title),1)]),r("div",null,[r("div",de,[r("div",ue,[a(g,{modelValue:s.searchQuery,"onUpdate:modelValue":t[0]\|\|(t[0]=u=>s.searchQuery=u),class:"w-full focus:border-cyan-500 pt-1 pr-4",placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"])]),r("div",null,[e.$ability.can("add","company")?(i(),l(y,{key:0,onClick:n.createRecord},null,8,["onClick"])):m("",!0)])])])])]),r("div",null,[a(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:n.onSortChange,"max-height":"600px"},{"table-row":h(u=>[u.column.field=="action"?(i(),K("div",me,[e.$ability.can("edit","company")?(i(),l(v,{key:0,onClick:M=>n.editRecord(u.row)},null,8,["onClick"])):m("",!0),e.$ability.can("delete","company")?(i(),l(_,{key:1,onClick:M=>n.deleteRecord(u.row.id)},null,8,["onClick"])):m("",!0)])):m("",!0)]),"pagination-bottom":h(u=>[r("div",he,[a(b,{total:s.totalItems,current:s.serverOptions.page,"per-page":s.serverOptions.rowsPerPage,onPageChanged:n.handlePageChange,pageChanged:u.pageChanged,perPageChanged:s.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:s.perPageOptions,onChangePerPage:n.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"]),s.state.isLoading?(i(),l(d,{key:0,text:"Fetching records"})):m("",!0),a(S,{onCloseModal:t[1]\|\|(t[1]=u=>s.state.showModal=!1),ref:"form"},null,512)])]),_:1})]),_:1},8,["breadcrumbs"])}const De=B(re,[["render",pe]]);export{De as default};

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