File manager

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

Back
import{L as q}from"./index-3b103499.js";import{L as M}from"./Loading-317adae4.js";import{F as V,l as F}from"./lodash-a2af4e6f.js";import{C as E,E as I,D as L}from"./DeleteButton-f4cac9f2.js";import{I as U}from"./index-d8a5dbf8.js";import{P as T}from"./index-0437512f.js";import{F as D}from"./index-f0021562.js";import{S as A,U as G}from"./UpdateButton-2307ad7d.js";import{C as N}from"./CloseButton-027f9165.js";import{T as Q}from"./index-f8eda1fc.js";import{T as Y}from"./index-2bf89861.js";import{c as H,a as O,d as B,V as j}from"./array-2d279bb5.js";import{A as v}from"./ApprovalMatrixService-8c6085d5.js";import{U as z}from"./UserService-cf1b8e37.js";import{M as J}from"./Multiselect-c4abc126.js";import{_ as S,r as s,o as m,c as d,g as l,b as f,f as h,w as K,e as r,d as P,I as R}from"./index-bed30964.js";import"./index-249aa51d.js";import"./vue-cleave.min-71341eb8.js";import"./_commonjsHelpers-de833af9.js";import"./xhebrhsj-2ea47a5c.js";import"./es.string.replace-2e300990.js";import"./index-4e86a4b0.js";const W={components:{FormModal:D,FormGroup:V,TextInput:Q,Textarea:Y,SubmitButton:A,UpdateButton:G,CloseButton:N,Loading:M,Multiselect:J},data(){return{UserOptions:[],form:{level:"",description:"",min_amount:"",max_amount:"",required_approver_id:"",no_required_execom:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{async fetchUsers(){await z.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)})},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={level:"",description:"",min_amount:"",max_amount:""}},reload(){this.$emit("reload")},async saveRecord(){if(this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await v.create(this.form).then(e=>{e.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(e=>{this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",type:"error",icon:"error",timer:2e3})});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}),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,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 H().shape({level:O().required("level field is required"),description:O().required("Description field is required"),min_amount:B().positive().min(0).required("Minumum Amount field is required"),max_amount:B().positive().required("Maximum 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 j){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.fetchUsers()}},X={class:"p-2"},Z={class:"relative"},$={class:"flex gap-1 justify-end"};function ee(e,t,u,_,o,n){const g=s("Loading"),p=s("TextInput"),c=s("FormGroup"),y=s("Multiselect"),x=s("SubmitButton"),b=s("UpdateButton"),C=s("CloseButton"),w=s("FormModal");return m(),d(w,{title:o.state.isEdit?"Edit Record":"Create Record",active:o.state.showModal,onSubmit:e.confirmSubmit,onClose:n.closeModal,themeClass:o.state.isEdit?"bg-success-700":"bg-primary-800",sizeClass:"w-1/2"},{default:l(()=>[o.state.isEdit&&o.state.isLoading?(m(),d(g,{key:0,text:"Fetching record"})):f("",!0),h("div",X,[h("form",{onSubmit:t[6]\|\|(t[6]=K((...i)=>e.confirmSubmit&&e.confirmSubmit(...i),["prevent"])),class:"space-y-4"},[o.state.isEdit&&o.state.isLoading?(m(),d(g,{key:0,text:"Fetching record"})):f("",!0),o.state.isSaving?(m(),d(g,{key:1,text:"Saving record"})):f("",!0),r(c,{label:"level",isRequired:!0},{default:l(()=>[r(p,{type:"text",placeholder:"Input level",modelValue:o.form.level,"onUpdate:modelValue":t[0]\|\|(t[0]=i=>o.form.level=i),error:o.errors.level,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),r(c,{label:"Description",isRequired:!0},{default:l(()=>[r(p,{type:"text",placeholder:"Input description ",modelValue:o.form.description,"onUpdate:modelValue":t[1]\|\|(t[1]=i=>o.form.description=i),error:o.errors.description,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),r(c,{label:"Minimum amount",isRequired:!0},{default:l(()=>[r(p,{type:"number",step:"any",placeholder:"Input minimum amount",modelValue:o.form.min_amount,"onUpdate:modelValue":t[2]\|\|(t[2]=i=>o.form.min_amount=i),error:o.errors.min_amount,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),r(c,{label:"Maximum amount",isRequired:!0},{default:l(()=>[r(p,{type:"number",step:"any",placeholder:"Input maximum amount",modelValue:o.form.max_amount,"onUpdate:modelValue":t[3]\|\|(t[3]=i=>o.form.max_amount=i),error:o.errors.max_amount,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),r(c,{label:"No of required Execom"},{default:l(()=>[r(p,{type:"number",placeholder:"Input No of required Execom (optional)",modelValue:o.form.no_required_execom,"onUpdate:modelValue":t[4]\|\|(t[4]=i=>o.form.no_required_execom=i),error:o.errors.no_required_execom,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),r(c,{label:"Required Execom Approver (optional)"},{default:l(()=>[h("div",Z,[r(y,{modelValue:o.form.required_approver_id,"onUpdate:modelValue":t[5]\|\|(t[5]=i=>o.form.required_approver_id=i),"close-on-select":!0,searchable:!0,id:"required_approver_id",options:o.UserOptions},null,8,["modelValue","options"])])]),_:1}),h("div",$,[o.state.isEdit?(m(),d(b,{key:1,onClick:n.submitForm},null,8,["onClick"])):(m(),d(x,{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=S(W,[["render",ee]]),oe={components:{Layout:q,CreateButton:E,InputGroup:U,Loading:M,EditButton:I,DeleteButton:L,Pagination:T,Form:te},data(){return{title:"Approval Matrix",breadcrumbs:[{text:"Home",href:"/"},{text:"Settings",href:"/settings/approval-matrix"},{text:"Approval Matrix",active:!0}],columns:[{label:"Level",field:"level"},{label:"Description",field:"description"},{label:"Min. amount",field:"min_amount"},{label:"Max. amount",field:"max_amount"},{label:"No. of required Execom",field:"no_required_execom"},{label:"Required approver",field:"fullname"},{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:"level",sortType:"asc"},state:{isLoading:!1,isEdit:!1,isDeleting:!1}}},watch:{serverOptions:{handler(){console.log(`perPage: ${this.serverOptions.rowsPerPage}`),this.fetchRecords()},deep:!0},searchQuery:F.debounce(function(){this.fetchRecords()},800)},methods:{async fetchRecords(){this.state.isLoading=!0,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;console.log(t),this.items=t,this.items=t.map((u,_)=>({...u,"#":(this.serverOptions.page-1)*this.serverOptions.rowsPerPage+(_+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=>{t.value&&(this.state.isDeleting=!0,v.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},formatCurrency(e){return new Intl.NumberFormat("fil-PH",{style:"currency",currency:"PHP"}).format(e)}},mounted(){this.fetchRecords()}},re={key:0},se={key:1},ie={key:2,class:"flex gap-1"},ne={class:"py-4 flex justify-end"};function ae(e,t,u,_,o,n){const g=s("InputGroup"),p=s("CreateButton"),c=s("EditButton"),y=s("DeleteButton"),x=s("Pagination"),b=s("vue-good-table"),C=s("Loading"),w=s("Form"),i=s("Layout");return m(),d(i,{header:o.title,headerIcon:"mdi:file-cabinet",breadcrumbs:o.breadcrumbs},{search:l(()=>[r(g,{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"])]),action:l(()=>[r(p,{onClick:n.createRecord},null,8,["onClick"])]),default:l(()=>[h("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:e.onShortChange,"max-height":"600px"},{"table-row":l(a=>[a.column.field=="min_amount"?(m(),P("div",re,R(n.formatCurrency(a.row.min_amount)),1)):f("",!0),a.column.field=="max_amount"?(m(),P("div",se,R(n.formatCurrency(a.row.max_amount)),1)):f("",!0),a.column.field=="action"?(m(),P("div",ie,[r(c,{onClick:k=>n.editRecord(a.row)},null,8,["onClick"]),r(y,{onClick:k=>n.deleteRecord(a.row.id)},null,8,["onClick"])])):f("",!0)]),"pagination-bottom":l(a=>[h("div",ne,[r(x,{total:o.totalItems,current:o.serverOptions.page,"per-page":o.serverOptions.rowsPerPage,onPageChanged:n.handlePageChange,pageChanged:a.pageChanged,perPageChanged:o.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:o.perPageOptions,onChangePerPage:n.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])]),o.state.isLoading?(m(),d(C,{key:0,text:"Feching records"})):f("",!0),r(w,{onCloseModal:t[1]\|\|(t[1]=a=>o.state.showModal=!1),ref:"form",onReload:t[2]\|\|(t[2]=a=>n.fetchRecords())},null,512)]),_:1},8,["header","breadcrumbs"])}const ke=S(oe,[["render",ae]]);export{ke as default};

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