File manager

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

Back
import{L as V}from"./index-16c58d5b.js";import{L as M}from"./Loading-6bc39a43.js";import{F as E,l as F}from"./lodash-943d50da.js";import{C as I,E as L,D as U}from"./DeleteButton-df66d21c.js";import{I as T}from"./index-5607d361.js";import{P as D}from"./index-7dfad0bd.js";import{F as A}from"./index-bf433ffd.js";import{S as G,U as N}from"./UpdateButton-13c71db6.js";import{C as Q}from"./CloseButton-c067e8a5.js";import{T as Y}from"./index-bad03bc9.js";import{T as j}from"./index-0c7fcc83.js";import{c as H,a as B,d as R,V as z}from"./array-a28c5766.js";import{A as _}from"./ApprovalMatrixService-37b115da.js";import{U as J}from"./UserService-4e0e4762.js";import{M as K}from"./Multiselect-903d61a0.js";import{_ as S,r as s,o as c,c as p,g as l,b as h,f as m,w as W,e as r,I as P,d as O}from"./index-a26d6add.js";import"./index-b7d72e16.js";import"./vue-cleave.min-d07ff198.js";import"./xhebrhsj-d770fea9.js";import"./es.string.replace-93b81c1a.js";import"./index-a1c4104c.js";const X={components:{FormModal:A,FormGroup:E,TextInput:Y,Textarea:j,SubmitButton:G,UpdateButton:N,CloseButton:Q,Loading:M,Multiselect:K},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 J.fetchRecords().then(e=>{e.status==200&&(this.UserOptions=e.data.data.map(t=>({value:t.employee_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,console.log("EDIT",this.state.isEdit),!this.state.isEdit)this.state.isSaving=!1,await _.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 _.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:B().required("level field is required"),description:B().required("Description field is required"),min_amount:R().positive().min(0).required("Minumum Amount field is required"),max_amount:R().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 z){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()}},Z={class:"p-2"},$={class:"relative"},ee={class:"flex gap-1 justify-end"};function te(e,t,u,v,o,n){const g=s("Loading"),f=s("TextInput"),d=s("FormGroup"),y=s("Multiselect"),x=s("SubmitButton"),b=s("UpdateButton"),C=s("CloseButton"),w=s("FormModal");return c(),p(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?(c(),p(g,{key:0,text:"Fetching record"})):h("",!0),m("div",Z,[m("form",{onSubmit:t[6]\|\|(t[6]=W((...i)=>e.confirmSubmit&&e.confirmSubmit(...i),["prevent"])),class:"space-y-4"},[o.state.isEdit&&o.state.isLoading?(c(),p(g,{key:0,text:"Fetching record"})):h("",!0),o.state.isSaving?(c(),p(g,{key:1,text:"Saving record"})):h("",!0),r(d,{label:"level",isRequired:!0},{default:l(()=>[r(f,{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(d,{label:"Description",isRequired:!0},{default:l(()=>[r(f,{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(d,{label:"Minimum amount",isRequired:!0},{default:l(()=>[r(f,{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(d,{label:"Maximum amount",isRequired:!0},{default:l(()=>[r(f,{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(d,{label:"No of required Execom"},{default:l(()=>[r(f,{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(d,{label:"Required Execom Approver (optional)"},{default:l(()=>[m("div",$,[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}),m("div",ee,[o.state.isEdit?(c(),p(b,{key:1,onClick:n.submitForm},null,8,["onClick"])):(c(),p(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 oe=S(X,[["render",te]]),re={components:{Layout:V,CreateButton:I,InputGroup:T,Loading:M,EditButton:L,DeleteButton:U,Pagination:D,Form:oe},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 _.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,v)=>({...u,"#":(this.serverOptions.page-1)*this.serverOptions.rowsPerPage+(v+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,_.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()}},se={class:"p-6 bg-[url('@/assets/images/background/building-01.jpg')] bg-cover bg-[center]"},ie={class:"bg-white bg-opacity-[0.8] p-4 rounded-md md:flex items-center"},ne={class:"flex-1 md:mb-0 mb-3"},ae={class:"md:flex md:space-x-3 items-center flex-none rtl:space-x-reverse float-right"},le={key:0},me={key:1},ce={key:2,class:"flex gap-1"},ue={class:"py-4 flex justify-end"};function de(e,t,u,v,o,n){const g=s("InputGroup"),f=s("CreateButton"),d=s("EditButton"),y=s("DeleteButton"),x=s("Pagination"),b=s("vue-good-table"),C=s("Card"),w=s("Loading"),i=s("Form"),k=s("Layout");return c(),p(k,{breadcrumbs:o.breadcrumbs},{nocard:l(()=>[m("div",null,[r(C,{noborder:""},{default:l(()=>[m("div",se,[m("div",ie,[m("h6",ne,P(o.title),1),m("div",ae,[r(g,{modelValue:o.searchQuery,"onUpdate:modelValue":t[0]\|\|(t[0]=a=>o.searchQuery=a),placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",class:"",merged:""},null,8,["modelValue"]),r(f,{onClick:n.createRecord},null,8,["onClick"])])])]),m("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"?(c(),O("div",le,P(n.formatCurrency(a.row.min_amount)),1)):h("",!0),a.column.field=="max_amount"?(c(),O("div",me,P(n.formatCurrency(a.row.max_amount)),1)):h("",!0),a.column.field=="action"?(c(),O("div",ce,[r(d,{onClick:q=>n.editRecord(a.row)},null,8,["onClick"]),r(y,{onClick:q=>n.deleteRecord(a.row.id)},null,8,["onClick"])])):h("",!0)]),"pagination-bottom":l(a=>[m("div",ue,[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"])])]),_:1})])]),default:l(()=>[o.state.isLoading?(c(),p(w,{key:0,text:"Feching records"})):h("",!0),r(i,{onCloseModal:t[1]\|\|(t[1]=a=>o.state.showModal=!1),ref:"form",onReload:t[2]\|\|(t[2]=a=>n.fetchRecords())},null,512)]),_:1},8,["breadcrumbs"])}const Fe=S(re,[["render",de]]);export{Fe as default};

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