File manager

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

Back
import{I as g}from"./ItemClassificationService-95ac033c.js";import{s as M,T as k,L as R}from"./index-de8a0845.js";import{C as F,E as I,D as L}from"./DeleteButton-6df47468.js";import{P as D}from"./index-3aa4b98d.js";import{I as T}from"./index-e52603fd.js";import{L as B}from"./Loading-21e5100a.js";import{F as V}from"./index-f9b0c988.js";import{F as q,l as N}from"./lodash-5af90829.js";import"./index-66c6643f.js";import{_ as O,r as o,o as a,c as m,g as u,b as p,f as l,w as U,e as r,H as A,d as E,I as S}from"./index-8e9322aa.js";import{T as G}from"./index-6cd34b81.js";import"./index-2520d048.js";import{C as Y}from"./CloseButton-19e5dd8c.js";import{S as j,U as Q}from"./UpdateButton-e3d02fc4.js";/* empty css /import{c as z,a as P,V as H}from"./array-0fe74ce4.js";import{E as J}from"./ExpenseCategoryService-aeb3e982.js";import{S as K}from"./index-718262e3.js";import"./vue-cleave.min-9b00abb0.js";import"./xhebrhsj-49c9cd7a.js";import"./es.string.replace-d529dd51.js";const W={components:{FormModal:V,FormGroup:q,Multiselect:M,TextInput:k,TextArea:G,SubmitButton:j,UpdateButton:Q,CloseButton:Y,Loading:B},data(){return{categoryOptions:[],form:{expense_category_id:null,name:null,description:null},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{async fetchExpenseCategories(){await J.fetchRecords().then(e=>{console.log(e),e.status==200&&(this.categoryOptions=e.data.data.map(s=>({value:s.id,label:s.name})))}).catch(e=>{console.log(e)})},loadRecord(e){this.resetForm(),this.state.isEdit=!0,this.form=e},resetForm(){this.state.isEdit=!1,this.form={expense_category_id:null,name:null,description:null},this.errors={}},async submitForm(){try{await z().shape({expense_category_id:P().nullable().required("Expense Category is required"),name:P().nullable().required("Name 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(s=>{s.value?this.saveRecord():this.state.showModal=!1})}catch(e){if(e instanceof H){const s={};e.inner.forEach(i=>{s[i.path]=i.message}),this.errors=s}this.state.isSaving=!1}},async saveRecord(){if(this.state.isSaving=!0,!this.state.isEdit)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.reload()):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).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})}).finally(()=>{this.state.isSaving=!1});else{const e=this.form.id;await g.update(e,this.form).then(s=>{s.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})}).catch(s=>{console.log(s),s.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:s.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()})}},closeModal(){this.state.showModal=!1},reload(){this.$emit("reload")}},mounted(){this.fetchExpenseCategories()}},X={class:"lg:p-2"},Z={key:0,class:"text-danger-500 text-sm"},$={class:"flex gap-1 justify-end"};function ee(e,s,i,_,t,n){const f=o("Loading"),y=o("Multiselect"),h=o("FormGroup"),x=o("TextInput"),v=o("TextArea"),w=o("SubmitButton"),b=o("UpdateButton"),C=o("CloseButton"),c=o("FormModal");return a(),m(c,{title:t.state.isEdit?"Edit Record":"Create Record",active:t.state.showModal,onSubmit:e.confirmSubmit,onClose:n.closeModal,themeClass:t.state.isEdit?"bg-primary-600":"bg-primary-800",sizeClass:"lg:w-1/2"},{default:u(()=>[t.state.isEdit&&t.state.isLoading?(a(),m(f,{key:0,text:"Fetching record"})):p("",!0),l("div",X,[l("form",{onSubmit:s[3]\|\|(s[3]=U((...d)=>e.confirmSubmit&&e.confirmSubmit(...d),["prevent"])),class:"space-y-4"},[t.state.isEdit&&t.state.isLoading?(a(),m(f,{key:0,text:"Fetching record"})):p("",!0),t.state.isSaving?(a(),m(f,{key:1,text:"Saving record"})):p("",!0),r(h,{label:"Expense Category",isRequired:!0},{default:u(()=>[l("div",{class:A({"border border-danger-500 rounded":t.errors.expense_category_id})},[r(y,{modelValue:t.form.expense_category_id,"onUpdate:modelValue":s[0]\|\|(s[0]=d=>t.form.expense_category_id=d),id:"expense_category_id","close-on-select":!0,searchable:!0,options:t.categoryOptions},null,8,["modelValue","options"])],2),t.errors.expense_category_id?(a(),E("span",Z,S(t.errors.expense_category_id),1)):p("",!0)]),_:1}),r(h,{label:"Name",isRequired:!0},{default:u(()=>[r(x,{type:"text",placeholder:"Input name ",modelValue:t.form.name,"onUpdate:modelValue":s[1]\|\|(s[1]=d=>t.form.name=d),error:t.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),r(h,{label:"Description"},{default:u(()=>[r(v,{placeholder:"Input description",modelValue:t.form.description,"onUpdate:modelValue":s[2]\|\|(s[2]=d=>t.form.description=d)},null,8,["modelValue"])]),_:1}),l("div",$,[t.state.isEdit?(a(),m(b,{key:1,onClick:n.submitForm},null,8,["onClick"])):(a(),m(w,{key:0,onClick:n.submitForm},null,8,["onClick"])),r(C,{onClick:n.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const te=O(W,[["render",ee]]);const se={components:{Layout:R,Loading:B,Pagination:D,InputGroup:T,CreateButton:F,EditButton:I,DeleteButton:L,Form:te,SubMenu:K},data(){return{title:"Item Classifications",breadcrumbs:[{text:"Home",href:"/"},{text:"Masterfile",href:"/settings/item-classifications"},{text:"Item Classifications",active:!0}],state:{isEdit:!1,isLoading:!1,isMounted:!1,isResetError:!1,isSubmitted:!1,showModal:!1,isDeleting:!1},items:[],error:[],totalItems:0,columns:[{label:"#",field:"#",tdClass:"text-center w-[20px]",sortable:!1},{label:"Name",field:"name"},{label:"Description",field:"description"},{label:"Action",field:"action",tdClass:"self-center w-[100px]",sortable:!1}],perPageOptions:[{value:"10",label:"10"},{value:"50",label:"50"},{value:"100",label:"100"}],searchQuery:"",serverOptions:{page:1,rowsPerPage:10,sortBy:"name",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 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);let s=e.data.data;this.items=s.map((i,_)=>({...i,"#":(this.serverOptions.page-1)this.serverOptions.rowsPerPage+(_+1)})),this.totalItems=e.data.total??0}).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.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,this.$refs.form.fetchExpenseCategories(),this.$refs.form.resetForm()},editRecord(e){this.$refs.form.resetForm(),this.$refs.form.fetchExpenseCategories(),this.$refs.form.loadRecord(e),this.$refs.form.state.showModal=!0},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(s=>{s.value&&(this.state.isDeleting=!0,g.remove(id).then(i=>{i.status==200&&(this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3}),this.fetchRecords())}).catch(i=>{i.response&&i.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()}},oe={class:"flex flex-col lg:flex-row"},re={class:"lg:w-48 w-full pr-4 py-8"},ie={class:"w-full flex-grow-1"},ne={class:"bg-[url('@/assets/images/background/filing-document.jpg')] bg-cover bg-[center_400px] rounded-t p-6"},ae={class:"bg-white bg-opacity-[0.7] p-4 rounded-md flex"},le={class:"text-2xl"},ce={key:0,class:"flex gap-1"},de={class:"py-4 px-3 flex justify-end"};function me(e,s,i,_,t,n){const f=o("Loading"),y=o("SubMenu"),h=o("EditButton"),x=o("DeleteButton"),v=o("Pagination"),w=o("vue-good-table"),b=o("Form"),C=o("Layout");return a(),m(C,{breadcrumbs:t.breadcrumbs},{nocard:u(()=>[t.state.isLoading?(a(),m(f,{key:0,searching:!0,text:"Fetching records"})):p("",!0),t.state.isDeleting?(a(),m(f,{key:1,text:"Deleting record"})):p("",!0),l("div",oe,[l("div",re,[r(y,{activeModule:t.title},null,8,["activeModule"])]),l("div",ie,[l("div",ne,[l("div",ae,[l("div",le,S(t.title),1)])]),r(w,{columns:t.columns,styleClass:"vgt-table lesspadding v-middle",mode:"remote",rows:t.items,search:!0,"sort-options":{enabled:!0},"pagination-options":{enabled:!0},onSortChange:n.onSortChange,"max-height":"600px"},{"table-row":u(c=>[c.column.field=="action"?(a(),E("div",ce,[r(h,{onClick:d=>n.editRecord(c.row)},null,8,["onClick"]),r(x,{onClick:d=>n.deleteRecord(c.row.id)},null,8,["onClick"])])):p("",!0)]),"pagination-bottom":u(c=>[l("div",de,[r(v,{total:t.totalItems,current:t.serverOptions.page,"per-page":t.serverOptions.rowsPerPage,onPageChanged:n.handlePageChange,pageChanged:c.pageChanged,perPageChanged:t.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:t.perPageOptions,onChangePerPage:n.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])])]),r(b,{editData:e.editData,onCloseModal:s[0]\|\|(s[0]=c=>t.state.showModal=!1),ref:"form",onReload:s[1]\|\|(s[1]=c=>n.fetchRecords())},null,8,["editData"])]),_:1},8,["breadcrumbs"])}const Ie=O(se,[["render",me],["__scopeId","data-v-61914442"]]);export{Ie as default};

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