File manager - Edit - /home/autoph/public_html/projects/ahg-connect/assets/index.1da531a2.js
Back
import{L as D}from"./index.d8327ad1.js";import"./index.ce033c34.js";import{I as F}from"./index.4b7607b5.js";import{_ as O,r as n,o as l,a as u,w as x,b as p,d as o,f as i,c as _,I as V,F as k,t as a,k as L,K as T,L as U}from"./index.c8fd93d6.js";import{I as R,C as A,F as N,a as $,E as G,D as Q,l as j}from"./CloseButton.37069484.js";/* empty css */import{L as E}from"./Loading.6052584f.js";import{P as Y}from"./index.4a5bff94.js";import{M as h}from"./MenuService.6702559f.js";import{S as q,U as H}from"./UpdateButton.c88607b8.js";import{T as z}from"./index.1b4bf29f.js";import{T as K}from"./index.9f68810f.js";import{A as J}from"./AppService.083ffddb.js";import{s as W}from"./multiselect.717b6532.js";/* empty css */import{c as X,a as Z,V as ee}from"./object.413f31be.js";import"./logo-white.e9971405.js";import"./_commonjsHelpers.de833af9.js";import"./vue-cleave.min.7c593396.js";const te={components:{Loading:E,InputGroup:R,SubmitButton:q,CloseButton:A,UpdateButton:H,Textinput:K,Textarea:z,FormModal:N,Multiselect:W},data(){return{title:"Modules",breadcrumbs:[{text:"Home",href:"/"},{text:"Masterfile",href:"/settings/menus"},{text:"Menus",active:!0}],state:{isEdit:!1,isSaving:!1,isLoading:!1,isMounted:!1,isResetError:!1,isSubmitted:!1,showModal:!1},menuOptions:null,appsOptions:null,form:{},errors:{},formTitle:(this.$route.params.id?"Edit":"Create")+" Module"}},methods:{async fetchMenus(){await h.fetchRecords().then(e=>{console.log("menus"),console.log(e),e.status==200&&(this.menuOptions=e.data.data.map(t=>({value:t.id,label:t.name})),console.log(this.menuOptions))}).catch(e=>{console.log(e)})},async fetchApps(){this.state.loading=!0,await J.fetchRecords().then(e=>{e.status==200&&(this.appsOptions=e.data.data.map(t=>({value:t.id,label:t.name})))}).catch(e=>{console.log(e)}).finally(()=>this.state.loading=!1)},loadRecord(e){this.resetForm(),this.state.isEdit=!0;let t=Object.assign(e);console.log("formData"),console.log(t),this.form=t},resetForm(){this.state.isEdit=!1,this.form={id:null,system_id:null,parent_id:0,name:null,description:null,icon:null,sort:null,url:null}},async submitForm(){try{await X().shape({name:Z().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 ee){const t={};e.inner.forEach(c=>{t[c.path]=c.message}),this.errors=t}this.state.isSaving=!1}},async saveRecord(){if(this.state.isSaving=!0,!this.state.isEdit)await h.create(this.form).then(e=>{e.status==201?(this.$store.userSettings.fetchMenus(),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 h.update(e,this.form).then(t=>{t.status==201?(this.$store.userSettings.fetchMenus(),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(){}},se={class:"fromGroup relative"},oe=o("label",null,"Parent",-1),re={class:"flex gap-2 justify-end mt-4"};function ne(e,t,c,B,s,m){const b=n("Loading"),w=n("Multiselect"),f=n("Textinput"),y=n("Textarea"),g=n("SubmitButton"),v=n("UpdateButton"),C=n("CloseButton"),M=n("FormModal");return l(),u(M,{title:s.state.isEdit?"Edit Record":"Create Record",active:s.state.showModal,onSubmit:e.confirmSubmit,onClose:m.closeModal,themeClass:s.state.isEdit?"bg-primary-600":"bg-primary-800",sizeClass:"lg:w-1/2"},{default:x(()=>[s.state.isEdit&&s.state.isLoading?(l(),u(b,{key:0,text:"Fetching record"})):p("",!0),s.state.isSaving?(l(),u(b,{key:1,text:"Saving record"})):p("",!0),o("div",se,[oe,i(w,{modelValue:s.form.parent_id,"onUpdate:modelValue":t[0]||(t[0]=r=>s.form.parent_id=r),id:"parent_id","close-on-select":!0,searchable:!0,options:s.menuOptions},null,8,["modelValue","options"])]),i(f,{label:"Name",type:"text",placeholder:"Input name ",modelValue:s.form.name,"onUpdate:modelValue":t[1]||(t[1]=r=>s.form.name=r),error:s.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"]),i(y,{label:"Description",placeholder:"Input description",modelValue:s.form.description,"onUpdate:modelValue":t[2]||(t[2]=r=>s.form.description=r)},null,8,["modelValue"]),i(f,{label:"Url",type:"text",placeholder:"Input url",modelValue:s.form.url,"onUpdate:modelValue":t[3]||(t[3]=r=>s.form.url=r),classInput:"h-[48px]"},null,8,["modelValue"]),i(f,{label:"Icon",type:"text",placeholder:"Input icon",modelValue:s.form.icon,"onUpdate:modelValue":t[4]||(t[4]=r=>s.form.icon=r),classInput:"h-[48px]"},null,8,["modelValue"]),i(f,{label:"Sort",type:"number",placeholder:"Input sort order",modelValue:s.form.sort,"onUpdate:modelValue":t[5]||(t[5]=r=>s.form.sort=r),classInput:"h-[48px]"},null,8,["modelValue"]),o("div",re,[s.state.isEdit?(l(),u(v,{key:1,onClick:m.submitForm},null,8,["onClick"])):(l(),u(g,{key:0,onClick:m.submitForm},null,8,["onClick"])),i(C,{onClick:m.closeModal},null,8,["onClick"])])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const le=O(te,[["render",ne]]);const ae={components:{Layout:D,Loading:E,Pagination:Y,InputGroup:R,CreateButton:$,EditButton:G,DeleteButton:Q,Form:le,Icon:F},data(){return{title:"Menus",breadcrumbs:[{text:"Home",href:"/"},{text:"Masterfile",href:"/settings/menus"},{text:"Menus",active:!0}],state:{isEdit:!1,isLoading:!1,isMounted:!1,isResetError:!1,isSubmitted:!1,showModal:!1,isDeleting:!1},editData:null,items:[],error:[],totalItems:0,columns:[{label:"Name",field:"name",sortable:!1},{label:"ID",field:"id",sortable:!1},{label:"Parent",field:"parent",sortable:!1},{label:"Icon",field:"icon",sortable:!1},{label:"Url",field:"url",sortable:!1},{label:"Sort",field:"sort",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:j.debounce(function(){this.fetchRecords()},800)},computed:{perPage:function(){return this.serverOptions.rowsPerPage}},methods:{async fetchRecords(){this.state.isLoading=!0,this.state.isMounted=!1,await h.fetchAll({keyword:this.searchQuery}).then(e=>{console.log(e);let t=e.data.data;this.items=t.map((c,B)=>({...c}))}).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)},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,h.remove(e).then(c=>{c.status==200&&(this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3}),this.fetchRecords())}).catch(c=>{c.response&&c.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(),this.$refs.form.fetchMenus(),this.$refs.form.fetchApps()},editRecord(e){this.$refs.form.resetForm(),this.$refs.form.fetchMenus(),this.$refs.form.fetchApps(),this.$refs.form.loadRecord(e),this.$refs.form.state.showModal=!0}},mounted(){this.fetchRecords()}},ie=e=>(T("data-v-629ea0c6"),e=e(),U(),e),ce={class:"min-w-full bg-white border border-gray-300 text-xs lg:text-base"},de=ie(()=>o("thead",null,[o("tr",null,[o("th",{class:"py-2 px-4 border-b"},"Name"),o("th",{class:"py-2 px-4 border-b"},"ID"),o("th",{class:"py-2 px-4 border-b"},"System"),o("th",{class:"py-2 px-4 border-b"},"Url"),o("th",{class:"py-2 px-4 border-b"},"Icon"),o("th",{class:"py-2 px-4 border-b"},"Order"),o("th",{class:"py-2 px-4 border-b"},"Actions")])],-1)),ue={class:"py-2 px-4 border-b font-semibold"},me={class:"py-2 px-4 border-b"},pe={class:"py-2 px-4 border-b"},fe={class:"py-2 px-4 border-b"},he={class:"py-2 px-4 border-b"},be={class:"py-2 px-4 border-b text-center"},ye={class:"py-2 px-4 border-b flex justify-center"},ge={class:"py-2 px-4 border-b"},_e={class:"flex gap-1"},xe={class:"p-1"},we={class:"py-2 px-4 border-b"},ve={class:"py-2 px-4 border-b"},Ce={class:"py-2 px-4 border-b"},Me={class:"py-2 px-4 border-b"},ke={class:"py-2 px-4 border-b text-center"},Be={class:"py-2 px-4 border-b flex justify-center"};function Ie(e,t,c,B,s,m){const b=n("InputGroup"),w=n("CreateButton"),f=n("Loading"),y=n("EditButton"),g=n("DeleteButton"),v=n("Icon"),C=n("Form"),M=n("Layout");return l(),u(M,{header:s.title,headerIcon:"mdi:file-cabinet",breadcrumbs:s.breadcrumbs},{search:x(()=>[i(b,{modelValue:s.searchQuery,"onUpdate:modelValue":t[0]||(t[0]=r=>s.searchQuery=r),class:"w-full border focus:border-cyan-500",placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"])]),action:x(()=>[e.$ability.can("add","menu")?(l(),u(w,{key:0,onClick:m.createRecord},null,8,["onClick"])):p("",!0)]),default:x(()=>[o("div",null,[s.state.isLoading?(l(),u(f,{key:0,searching:!0,text:"Fetching records"})):p("",!0),s.state.isDeleting?(l(),u(f,{key:1,text:"Deleting record"})):p("",!0),o("table",ce,[de,o("tbody",null,[s.items?(l(!0),_(k,{key:0},V(s.items,r=>{var I;return l(),_(k,{key:r.id},[o("tr",null,[o("td",ue,a(r.parent.name),1),o("td",me,a(r.parent.id),1),o("td",pe,a((I=r.system)==null?void 0:I.name),1),o("td",fe,a(r.parent.url),1),o("td",he,a(r.parent.icon),1),o("td",be,a(r.parent.sort),1),o("td",ye,[e.$ability.can("edit","menu")?(l(),u(y,{key:0,onClick:d=>m.editRecord(r.parent)},null,8,["onClick"])):p("",!0),e.$ability.can("delete","menu")?(l(),u(g,{key:1,onClick:d=>m.deleteRecord(r.parent.id)},null,8,["onClick"])):p("",!0)])]),r.child?(l(!0),_(k,{key:0},V(r.child,d=>{var S;return l(),_("tr",{key:d.id},[o("td",ge,[o("div",_e,[o("span",xe,[i(v,{icon:"carbon:chevron-right",class:"text-slate-400"})]),L(" "+a(d.name),1)])]),o("td",we,a(d.id),1),o("td",ve,a((S=d.system)==null?void 0:S.name),1),o("td",Ce,a(d.url),1),o("td",Me,a(d.icon),1),o("td",ke,a(d.sort),1),o("td",Be,[i(y,{onClick:P=>m.editRecord(d)},null,8,["onClick"]),i(g,{onClick:P=>m.deleteRecord(d.id)},null,8,["onClick"])])])}),128)):p("",!0)],64)}),128)):p("",!0)])])]),i(C,{editData:s.editData,onCloseModal:t[1]||(t[1]=r=>s.state.showModal=!1),ref:"form"},null,8,["editData"])]),_:1},8,["header","breadcrumbs"])}const He=O(ae,[["render",Ie],["__scopeId","data-v-629ea0c6"]]);export{He as default};
| ver. 1.4 |
.
| PHP 8.1.32 | Generation time: 0 |
proxy
|
phpinfo
|
Settings