File manager

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

Back
import{L}from"./index-63c5dd0d.js";import{L as k}from"./Loading-7d3aa627.js";import{F as M,l as T}from"./lodash-697a74df.js";import{C as U,E as q,D}from"./DeleteButton-be4a952a.js";import{I as H}from"./index-5c7ad8a7.js";import{P as G}from"./index-d4c20dd2.js";import{F as N}from"./index-c2bbffa5.js";import{S as A,U as Q}from"./UpdateButton-b9670ff1.js";import{C as Y}from"./CloseButton-ed86bf4a.js";import{T as j}from"./index-867842ed.js";import{T as z}from"./index-33d0d3fe.js";import{c as J,d as b,V as K}from"./array-2d279bb5.js";import{a as _,_ as E,r as o,o as l,c as u,g as d,b as p,f as m,w as W,e as r,H as S,d as g,I as x,J as X,G as Z,h as $}from"./index-dcbe61d9.js";import{U as ee}from"./UserService-6c9d96fe.js";import{I as te}from"./ItemTypeService-05812cfd.js";import{I as se}from"./ItemClassificationService-0e29f35f.js";import{E as oe}from"./ExpenseCategoryService-db51fd0a.js";import{M as ie}from"./Multiselect-4d183b59.js";import{B as re}from"./index-3c2c8c37.js";import"./index-3e639dbe.js";import"./vue-cleave.min-71742ecd.js";import"./_commonjsHelpers-de833af9.js";import"./xhebrhsj-2ff7de43.js";import"./es.string.replace-2e300990.js";import"./index-a427d4cf.js";const y="https://ahg-prf-api.autohub.ph/api/v1/itemassignments",w={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}`)}},ae={components:{FormModal:N,FormGroup:M,TextInput:j,Textarea:z,SubmitButton:A,UpdateButton:Q,CloseButton:Y,Loading:k,Multiselect:ie},data(){return{categoryOptions:[],classifications:[],UserOptions:[],typeOptions:[],form:{expense_category_id:null,item_classification_id:"",item_type_id:[],user_id:null},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},computed:{optionClassification:function(){let e=[];return this.form.expense_category_id&&(e=this.classifications.filter(t=>t.expense_category_id==this.form.expense_category_id).map(t=>({label:t.name,value:t.id}))),e},optionsTypes:function(){let e=[];return this.form.item_classification_id&&(e=this.typeOptions.filter(t=>t.item_classification_id==this.form.item_classification_id).map(t=>({label:t.name,value:t.id}))),e}},methods:{async fetchExpenseCategories(){await oe.fetchRecords().then(e=>{e.status==200&&(this.categoryOptions=e.data.data.map(t=>({value:t.id,label:t.name})))}).catch(e=>{console.log(e)})},async fetchItemClassifications(){await se.fetchRecords().then(e=>{e.status==200&&(this.classifications=e.data.data)}).catch(e=>{console.log(e)})},async fetchItemTypes(){await te.fetchRecords().then(e=>{e.status==200&&(this.typeOptions=e.data.data)}).catch(e=>{console.log(e)})},async fetchUsers(){this.state.isLoading=!0,await ee.fetchRecords().then(e=>{e.status==200&&(this.UserOptions=e.data.data.map(t=>({value:t.id,label:t.first_name+" "+t.last_name})))}).catch(e=>{console.log(e),this.state.isLoading=!1}),this.state.isLoading=!1},loadRecord(e){let t=Object.assign({},e);this.state.isEdit=!0,this.resetForm(),console.log("loading data into form..."),t.item_type_id=t.item_type_ids.toString().split(","),this.form=t},closeModal(){this.state.showModal=!1},resetForm(){this.form={user_id:"",expense_category_id:"",item_classification_id:"",item_type_id:[]}},reload(){this.$emit("reload")},async saveRecord(){let e={user_id:this.form.user_id,expense_category_id:this.form.expense_category_id,item_classification_id:this.form.item_classification_id,item_type_id:this.form.item_type_id};if(this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await w.create(e).then(t=>{t.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",type:"success",icon:"success",timer:1500}),this.state.showModal=!1,this.resetForm(),this.reload())}).catch(t=>{this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",type:"error",icon:"error",timer:2e3})});else{const t=this.form.user_id;await w.update(t,e).then(a=>{a.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(a=>{console.log(a),a.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:a.response.data.message,type:"error",icon:"error"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",type:"error",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}},async submitForm(){try{await J().shape({user_id:b().required("user field is required."),expense_category_id:b().required("expense category field is required."),item_classification_id:b().integer().required("Item classification field is required."),item_type_id:b().integer().required("item type 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 K){const t={};e.inner.forEach(a=>{t[a.path]=a.message}),this.errors=t}this.state.isSaving=!1}},HandleOnnChangeItemClassification(){this.form.item_type_id=[]},HandelOnchangeExpnseCategory(){this.form.item_classification_id=[]},HandelOnchangeuser(){this.form.expense_category_id=[]}},Validating(e){console.log(e)},mounted(){this.fetchUsers(),this.fetchExpenseCategories(),this.fetchItemClassifications(),this.fetchItemTypes()}},ne={class:"p-2"},le={class:"grid lg:grid-cols-3 gap-4"},ce={key:0,class:"text-danger-500 text-sm"},de={key:0,class:"text-danger-500 text-sm"},me={class:"relative z-50 min-h-80"},ue={key:0,class:"text-danger-500 text-sm"},pe={class:"flex gap-1 justify-end"};function fe(e,t,a,O,s,i){const C=o("Loading"),f=o("Multiselect"),h=o("FormGroup"),P=o("SubmitButton"),B=o("UpdateButton"),R=o("CloseButton"),I=o("FormModal");return l(),u(I,{title:s.state.isEdit?"Edit Record":"Create Record",active:s.state.showModal,onSubmit:e.confirmSubmit,onClose:i.closeModal,themeClass:s.state.isEdit?"bg-success-700":"bg-primary-800",sizeClass:"lg:w-3/4"},{default:d(()=>[s.state.isLoading?(l(),u(C,{key:0,text:"Fetching resources"})):p("",!0),s.state.isSaving?(l(),u(C,{key:1,text:"Saving record"})):p("",!0),m("div",ne,[m("form",{onSubmit:t[7]\|\|(t[7]=W((...n)=>e.confirmSubmit&&e.confirmSubmit(...n),["prevent"])),class:"space-y-4"},[m("div",le,[r(h,{label:"Employee",isRequired:!0},{default:d(()=>[r(f,{modelValue:s.form.user_id,"onUpdate:modelValue":t[0]\|\|(t[0]=n=>s.form.user_id=n),id:"user_id","close-on-select":!0,searchable:!0,options:s.UserOptions,onChange:t[1]\|\|(t[1]=n=>i.HandelOnchangeuser())},null,8,["modelValue","options"])]),_:1}),r(h,{label:"Expense Category",isRequired:!0},{default:d(()=>[m("div",{class:S({"border border-danger-500 rounded":s.errors.expense_category_id})},[r(f,{modelValue:s.form.expense_category_id,"onUpdate:modelValue":t[2]\|\|(t[2]=n=>s.form.expense_category_id=n),id:"expense_category_id","close-on-select":!0,searchable:!0,options:s.categoryOptions,onChange:t[3]\|\|(t[3]=n=>i.HandelOnchangeExpnseCategory())},null,8,["modelValue","options"])],2),s.errors.expense_category_id?(l(),g("span",ce,x(s.errors.expense_category_id),1)):p("",!0)]),_:1}),r(h,{label:"Item Classification",isRequired:!0},{default:d(()=>[m("div",{class:S({"border border-danger-500 rounded":s.errors.item_classification_id})},[r(f,{modelValue:s.form.item_classification_id,"onUpdate:modelValue":t[4]\|\|(t[4]=n=>s.form.item_classification_id=n),id:"item_classification_id","close-on-select":!0,searchable:!0,options:i.optionClassification,onChange:t[5]\|\|(t[5]=n=>i.HandleOnnChangeItemClassification())},null,8,["modelValue","options"])],2),s.errors.item_classification_id?(l(),g("span",de,x(s.errors.item_classification_id),1)):p("",!0)]),_:1})]),m("div",me,[r(h,{label:"Item Type",isRequired:!0},{default:d(()=>[m("div",{class:S({"border border-danger-500 rounded":s.errors.item_type_id})},[r(f,{modelValue:s.form.item_type_id,"onUpdate:modelValue":t[6]\|\|(t[6]=n=>s.form.item_type_id=n),id:"item_type_id","close-on-select":!1,searchable:!0,options:i.optionsTypes,mode:"tags"},null,8,["modelValue","options"])],2),s.errors.item_type_id?(l(),g("span",ue,x(s.errors.item_type_id),1)):p("",!0)]),_:1})]),m("div",pe,[s.state.isEdit?(l(),u(B,{key:1,onClick:i.submitForm},null,8,["onClick"])):(l(),u(P,{key:0,onClick:i.submitForm},null,8,["onClick"])),r(R,{onClick:i.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const he=E(ae,[["render",fe]]),ge={components:{Layout:L,CreateButton:U,InputGroup:H,Loading:k,EditButton:q,DeleteButton:D,Pagination:G,Form:he,Badge:re},data(){return{title:"Item Assignment",badgeClass:"bg-teal-400 text-white",breadcrumbs:[{text:"Home",href:"/"},{text:"Settings",href:"/settings/item-assignment"},{text:"Item Assignment",active:!0}],columns:[{label:"Name",field:"fullname"},{label:"Expense Category",field:"expense_category"},{label:"Item Classification",field:"item_classification"},{label:"Item Types",field:"item_type_names"},{label:"Action",field:"action"}],perPageOptions:[{value:"10",label:"10"},{value:"50",label:"50"},{value:"100",label:"100"}],items:[],totalItems:0,searchQuery:null,serverOptions:{page:1,rowsPerPage:10,sortBy:"user_id",sortType:"desc"},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)},methods:{async fetchRecords(){this.state.isLoading=!0,await w.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;console.log(t),this.items=t,this.items=t.map((a,O)=>({...a,"#":(this.serverOptions.page-1)*this.serverOptions.rowsPerPage+(O+1),item_type_names:a.item_type_names.split(",")})),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=>{t.value&&(this.state.isDeleting=!0,w.remove(e).then(a=>{a.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},formatCurrency(e){return new Intl.NumberFormat("fil-PH",{style:"currency",currency:"PHP"}).format(e)}},mounted(){this.fetchRecords()}},_e={key:0,class:"flex gap-1"},ye={key:1,class:"flex flex-wrap gap-1"},Ce={class:"py-4 flex justify-end"};function ve(e,t,a,O,s,i){const C=o("InputGroup"),f=o("CreateButton"),h=o("EditButton"),P=o("DeleteButton"),B=o("Badge"),R=o("Pagination"),I=o("vue-good-table"),n=o("Loading"),F=o("Form"),V=o("Layout");return l(),u(V,{header:s.title,headerIcon:"mdi:file-cabinet",breadcrumbs:s.breadcrumbs},{search:d(()=>[r(C,{modelValue:s.searchQuery,"onUpdate:modelValue":t[0]\|\|(t[0]=c=>s.searchQuery=c),class:"w-full focus:border-cyan-500 pt-1 pr-4",placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"])]),action:d(()=>[r(f,{onClick:i.createRecord},null,8,["onClick"])]),default:d(()=>[m("div",null,[r(I,{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:e.onShortChange,"max-height":"600px"},{"table-row":d(c=>[c.column.field=="action"?(l(),g("div",_e,[r(h,{onClick:v=>i.editRecord(c.row)},null,8,["onClick"]),r(P,{onClick:v=>i.deleteRecord(c.row.user_id)},null,8,["onClick"])])):p("",!0),c.column.field=="item_type_names"?(l(),g("div",ye,[(l(!0),g(X,null,Z(c.row.item_type_names,v=>(l(),u(B,{badgeClass:s.badgeClass,key:v},{default:d(()=>[$(x(v),1)]),_:2},1032,["badgeClass"]))),128))])):p("",!0)]),"pagination-bottom":d(c=>[m("div",Ce,[r(R,{total:s.totalItems,current:s.serverOptions.page,"per-page":s.serverOptions.rowsPerPage,onPageChanged:i.handlePageChange,pageChanged:c.pageChanged,perPageChanged:s.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:s.perPageOptions,onChangePerPage:i.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])]),s.state.isLoading?(l(),u(n,{key:0,text:"Feching records"})):p("",!0),r(F,{onCloseModal:t[1]\|\|(t[1]=c=>s.state.showModal=!1),ref:"form",onReload:t[2]\|\|(t[2]=c=>i.fetchRecords())},null,512)]),_:1},8,["header","breadcrumbs"])}const je=E(ge,[["render",ve]]);export{je as default};

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