File manager

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

Back
import{s as T,T as F,L as V}from"./index-80702eef.js";import"./index-494aa544.js";import"./index-e4d26cff.js";import{_ as M,r as i,o as r,c as u,g as p,b as m,f as o,w as D,e as a,H as k,d as _,I as h,M as L,N as q,K as A,L as N}from"./index-e281ab1d.js";import{C as U,E as G,D as j}from"./DeleteButton-34c5bbb4.js";/* empty css /import{I as z}from"./index-b4afc100.js";import{L as R}from"./Loading-fe7659b2.js";import{P as H}from"./index-0e7ffa19.js";import{T as Q}from"./index-f27ef684.js";import{A as v}from"./AssetItemService-007725a7.js";import{S as Y}from"./index-53c4d46c.js";import{F as J,l as K}from"./lodash-ea8947c7.js";import{F as X}from"./index-ab8aada2.js";import{T as Z}from"./index-a5c437e8.js";import{C as W}from"./CloseButton-22e6158e.js";import{S as $,U as ee}from"./UpdateButton-b197241d.js";import{c as te,a as b,V as se}from"./array-75838d67.js";import{I as oe}from"./ItemTypeService-80d49392.js";import{I as ie}from"./ItemClassificationService-eede7f62.js";import{E as re}from"./ExpenseCategoryService-cb0bc094.js";import"./vue-cleave.min-5393ac2c.js";import"./xhebrhsj-04a5c31a.js";import"./es.string.replace-5d15878f.js";const ae={shortenedText(e,t=5){const n=e.replace(/-/g," ").split(" ");return n.length>t?n.slice(0,t).join(" ")+"...":e},isJSON(e){if(typeof e!="string")return!1;try{const t=JSON.parse(e);return typeof t=="object"&&t!==null}catch{return!1}}},ne={components:{FormModal:X,FormGroup:J,Multiselect:T,TextInput:F,TextArea:Z,SubmitButton:$,UpdateButton:ee,CloseButton:W,Loading:R},data(){return{categoryOptions:[],classifications:[],types:[],form:{expense_category_id:null,item_classification_id:null,item_type_id:null,name:null,description:null},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},computed:{classificationOptions: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},typeOptions:function(){let e=[];return this.form.item_classification_id&&(e=this.types.filter(t=>t.item_classification_id=this.form.item_classification_id).map(t=>({label:t.name,value:t.id}))),e}},methods:{async fetchExpenseCategories(){await re.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 ie.fetchRecords().then(e=>{e.status==200&&(this.classifications=e.data.data)}).catch(e=>{console.log(e)})},async fetchItemTypes(){await oe.fetchRecords().then(e=>{e.status==200&&(this.types=e.data.data)}).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,item_classification_id:null,item_type_id:null,name:null,description:null},this.errors={}},async submitForm(){try{await te().shape({expense_category_id:b().nullable().required("Expense Category is required"),item_classification_id:b().nullable().required("Item Classification is required"),item_type_id:b().nullable().required("Item Type is required"),name:b().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(t=>{t.value?this.saveRecord():this.state.showModal=!1})}catch(e){if(e instanceof se){const t={};e.inner.forEach(n=>{t[n.path]=n.message}),this.errors=t}this.state.isSaving=!1}},async saveRecord(){if(this.state.isSaving=!0,!this.state.isEdit)await v.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 v.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})}).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()})}},closeModal(){this.state.showModal=!1},reload(){this.$emit("reload")}},mounted(){this.fetchExpenseCategories(),this.fetchItemClassifications(),this.fetchItemTypes()}},le={class:"lg:p-2"},ce={key:0,class:"text-danger-500 text-sm"},de={key:0,class:"text-danger-500 text-sm"},me={key:0,class:"text-danger-500 text-sm"},ue={class:"flex gap-1 justify-end"};function pe(e,t,n,x,s,c){const g=i("Loading"),y=i("Multiselect"),f=i("FormGroup"),w=i("TextInput"),C=i("TextArea"),P=i("SubmitButton"),O=i("UpdateButton"),I=i("CloseButton"),S=i("FormModal");return r(),u(S,{title:s.state.isEdit?"Edit Record":"Create Record",active:s.state.showModal,onSubmit:e.confirmSubmit,onClose:c.closeModal,themeClass:s.state.isEdit?"bg-primary-600":"bg-primary-800",sizeClass:"lg:w-1/2"},{default:p(()=>[s.state.isLoading?(r(),u(g,{key:0,text:"Fetching record"})):m("",!0),o("div",le,[o("form",{onSubmit:t[5]\|\|(t[5]=D((...d)=>e.confirmSubmit&&e.confirmSubmit(...d),["prevent"])),class:"space-y-4"},[s.state.isEdit&&s.state.isLoading?(r(),u(g,{key:0,text:"Fetching record"})):m("",!0),s.state.isSaving?(r(),u(g,{key:1,text:"Saving record"})):m("",!0),a(f,{label:"Expense Category",isRequired:!0},{default:p(()=>[o("div",{class:k({"border border-danger-500 rounded":s.errors.expense_category_id})},[a(y,{modelValue:s.form.expense_category_id,"onUpdate:modelValue":t[0]\|\|(t[0]=d=>s.form.expense_category_id=d),id:"expense_category_id","close-on-select":!0,searchable:!0,options:s.categoryOptions},null,8,["modelValue","options"])],2),s.errors.expense_category_id?(r(),_("span",ce,h(s.errors.expense_category_id),1)):m("",!0)]),_:1}),a(f,{label:"Item Classification",isRequired:!0},{default:p(()=>[o("div",{class:k({"border border-danger-500 rounded":s.errors.item_classification_id})},[a(y,{modelValue:s.form.item_classification_id,"onUpdate:modelValue":t[1]\|\|(t[1]=d=>s.form.item_classification_id=d),id:"item_classification_id","close-on-select":!0,searchable:!0,options:c.classificationOptions},null,8,["modelValue","options"])],2),s.errors.item_classification_id?(r(),_("span",de,h(s.errors.item_classification_id),1)):m("",!0)]),_:1}),a(f,{label:"Item Type",isRequired:!0},{default:p(()=>[o("div",{class:k({"border border-danger-500 rounded":s.errors.item_type_id})},[a(y,{modelValue:s.form.item_type_id,"onUpdate:modelValue":t[2]\|\|(t[2]=d=>s.form.item_type_id=d),id:"item_type_id","close-on-select":!0,searchable:!0,options:c.typeOptions},null,8,["modelValue","options"])],2),s.errors.item_type_id?(r(),_("span",me,h(s.errors.item_type_id),1)):m("",!0)]),_:1}),a(f,{label:"Name",isRequired:!0},{default:p(()=>[a(w,{type:"text",placeholder:"Input name ",modelValue:s.form.name,"onUpdate:modelValue":t[3]\|\|(t[3]=d=>s.form.name=d),error:s.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),a(f,{label:"Description"},{default:p(()=>[a(C,{placeholder:"Input description",modelValue:s.form.description,"onUpdate:modelValue":t[4]\|\|(t[4]=d=>s.form.description=d)},null,8,["modelValue"])]),_:1}),o("div",ue,[s.state.isEdit?(r(),u(O,{key:1,onClick:c.submitForm},null,8,["onClick"])):(r(),u(P,{key:0,onClick:c.submitForm},null,8,["onClick"])),a(I,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const fe=M(ne,[["render",pe]]);const he={components:{Layout:V,Loading:R,Pagination:H,InputGroup:z,CreateButton:U,EditButton:G,DeleteButton:j,Form:fe,Tooltip:Q,SubMenu:Y},data(){return{title:"Asset Items",breadcrumbs:[{text:"Home",href:"/"},{text:"Masterfile",href:"/settings/asset-items"},{text:"Asset Items",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:"Organization",field:"organization",sortable:!1},{label:"Description",field:"description",sortable:!1},{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:K.debounce(function(){this.fetchRecords()},800)},computed:{perPage:function(){return this.serverOptions.rowsPerPage}},methods:{async fetchRecords(){this.state.isLoading=!0,this.state.isMounted=!1,await v.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.map((n,x)=>({...n,shortened_name:ae.shortenedText(n.name,5),"#":(this.serverOptions.page-1)this.serverOptions.rowsPerPage+(x+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.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)},createRecord(){this.$refs.form.state.showModal=!0,this.$refs.form.fetchItemClassifications(),this.$refs.form.resetForm()},editRecord(e){this.$refs.form.resetForm(),this.$refs.form.fetchItemClassifications(),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(t=>{t.value&&(this.state.isDeleting=!0,v.remove(e).then(n=>{n.status==200&&(this.$swal.fire({title:"Great!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3}),this.fetchRecords())}).catch(n=>{n.response&&n.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()}},B=e=>(A("data-v-807048cf"),e=e(),N(),e),ge={class:"flex flex-col lg:flex-row"},_e={class:"lg:w-48 w-full pr-4 py-8"},ye={class:"w-full flex-grow-1"},be={class:"bg-[url('@/assets/images/background/laptop-coffee-notebook.jpg')] bg-cover bg-[center_850px] rounded-t p-6"},ve={class:"bg-white bg-opacity-[0.7] p-4 rounded-md flex"},xe={class:"text-2xl"},we={key:0,class:"flex gap-1"},Ce={key:1,class:"grid gap-1"},Pe=B(()=>o("span",{class:"text-slate-400"},"Expense Category: ",-1)),Oe={class:"text-success-500"},Ie=B(()=>o("span",{class:"text-slate-400"},"Item Classification: ",-1)),Se={class:"text-success-500"},ke=B(()=>o("span",{class:"text-slate-400"},"Item Type: ",-1)),Be={class:"text-success-500"},Me={key:2,class:"flex gap-1"},Re={class:"py-4 px-3 flex justify-end"};function Ee(e,t,n,x,s,c){const g=i("Loading"),y=i("SubMenu"),f=i("Tooltip"),w=i("EditButton"),C=i("DeleteButton"),P=i("Pagination"),O=i("vue-good-table"),I=i("Form"),S=i("Layout"),d=L("tooltip");return r(),u(S,{breadcrumbs:s.breadcrumbs},{nocard:p(()=>[s.state.isLoading?(r(),u(g,{key:0,searching:!0,text:"Fetching records"})):m("",!0),s.state.isDeleting?(r(),u(g,{key:1,text:"Deleting record"})):m("",!0),o("div",ge,[o("div",_e,[a(y,{activeModule:s.title},null,8,["activeModule"])]),o("div",ye,[o("div",be,[o("div",ve,[o("div",xe,h(s.title),1)])]),a(O,{columns:s.columns,styleClass:"vgt-table lesspadding v-middle",mode:"remote",rows:s.items,search:!0,"sort-options":{enabled:!0},"pagination-options":{enabled:!0},onSortChange:c.onSortChange,"max-height":"600px"},{"table-row":p(l=>[l.column.field=="name"?q((r(),_("div",we,[a(f,{title:l.row.shortened_name,content:l.row.name,placement:"bottom",btnClass:"border-0 font-medium p-1",arrow:"",theme:"secondary-900"},null,8,["title","content"])])),[[d,l.row.name]]):m("",!0),l.column.field=="organization"?(r(),_("div",Ce,[o("div",null,[Pe,o("span",Oe,h(l.row.expense_category_name),1)]),o("div",null,[Ie,o("span",Se,h(l.row.item_classification_name),1)]),o("div",null,[ke,o("span",Be,h(l.row.item_type_name),1)])])):m("",!0),l.column.field=="action"?(r(),_("div",Me,[e.$ability.can("edit","assetItem")?(r(),u(w,{key:0,onClick:E=>c.editRecord(l.row)},null,8,["onClick"])):m("",!0),e.$ability.can("delete","assetItem")?(r(),u(C,{key:1,onClick:E=>c.deleteRecord(l.row.id)},null,8,["onClick"])):m("",!0)])):m("",!0)]),"pagination-bottom":p(l=>[o("div",Re,[a(P,{total:s.totalItems,current:s.serverOptions.page,"per-page":s.serverOptions.rowsPerPage,onPageChanged:c.handlePageChange,pageChanged:l.pageChanged,perPageChanged:s.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:s.perPageOptions,onChangePerPage:c.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])])])]),default:p(()=>[a(I,{editData:e.editData,onCloseModal:t[0]\|\|(t[0]=l=>s.state.showModal=!1),ref:"form",onReload:t[1]\|\|(t[1]=l=>c.fetchRecords())},null,8,["editData"])]),_:1},8,["breadcrumbs"])}const ot=M(he,[["render",Ee],["__scopeId","data-v-807048cf"]]);export{ot as default};

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