File manager

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

Back
import{M as h}from"./MenuService-d4fb9573.js";import{s as O,L as P}from"./index-ad690dea.js";import{C as D,E as L,D as F}from"./DeleteButton-97031c11.js";import{P as T}from"./index-6e0231a6.js";import{I as U}from"./index-f08865fb.js";import{I as S}from"./index-5129c342.js";import{L as V}from"./Loading-1c8e1d47.js";import{S as N,U as G}from"./UpdateButton-0f155e7e.js";import{C as $}from"./CloseButton-fd3ad2c7.js";import{T as A}from"./index-886617f2.js";import{T as Q}from"./index-a46a21a4.js";import{c as Y,a as j,V as q}from"./array-2d279bb5.js";import{F as H}from"./index-3b80106f.js";import{_ as R,r as n,o as l,c,g as x,b as p,f as o,e as i,d as _,G as I,J as k,I as m,h as z,K as J,L as K}from"./index-47f877af.js";import{l as W}from"./lodash-a972d5da.js";import"./vue-cleave.min-87f94ebc.js";import"./_commonjsHelpers-de833af9.js";import"./xhebrhsj-9c2f02c9.js";import"./es.string.replace-2e300990.js";import"./index-224bb58b.js";const X={components:{Loading:V,InputGroup:S,SubmitButton:N,CloseButton:$,UpdateButton:G,Textinput:A,Textarea:Q,FormModal:H,Multiselect:O},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,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)})},loadRecord(e){this.resetForm(),this.state.isEdit=!0,this.form=e},resetForm(){this.state.isEdit=!1,this.form={id:null,parent_id:0,name:null,description:null,icon:null,sort:null,url:null}},async submitForm(){try{await Y().shape({name:j().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 q){const t={};e.inner.forEach(a=>{t[a.path]=a.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(){}},Z={class:"fromGroup relative"},ee=o("label",null,"Parent",-1),te={class:"flex gap-2 justify-end mt-4"};function se(e,t,a,B,s,d){const b=n("Loading"),w=n("Multiselect"),f=n("Textinput"),g=n("Textarea"),y=n("SubmitButton"),v=n("UpdateButton"),C=n("CloseButton"),M=n("FormModal");return l(),c(M,{title:s.state.isEdit?"Edit Record":"Create Record",active:s.state.showModal,onSubmit:e.confirmSubmit,onClose:d.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(),c(b,{key:0,text:"Fetching record"})):p("",!0),s.state.isSaving?(l(),c(b,{key:1,text:"Saving record"})):p("",!0),o("div",Z,[ee,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(g,{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",te,[s.state.isEdit?(l(),c(v,{key:1,onClick:d.submitForm},null,8,["onClick"])):(l(),c(y,{key:0,onClick:d.submitForm},null,8,["onClick"])),i(C,{onClick:d.closeModal},null,8,["onClick"])])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const oe=R(X,[["render",se]]);const re={components:{Layout:P,Loading:V,Pagination:T,InputGroup:S,CreateButton:D,EditButton:L,DeleteButton:F,Form:oe,Icon:U},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:W.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((a,B)=>({...a}))}).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(a=>{a.status==200&&(this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3}),this.fetchRecords())}).catch(a=>{a.response&&a.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()},editRecord(e){this.$refs.form.resetForm(),this.$refs.form.fetchMenus(),this.$refs.form.loadRecord(e),this.$refs.form.state.showModal=!0}},mounted(){this.fetchRecords()}},ne=e=>(J("data-v-ea614b44"),e=e(),K(),e),le={class:"min-w-full bg-white border border-gray-300 text-xs lg:text-base"},ie=ne(()=>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"},"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)),ae={class:"py-2 px-4 border-b font-semibold"},ce={class:"py-2 px-4 border-b"},de={class:"py-2 px-4 border-b"},ue={class:"py-2 px-4 border-b"},me={class:"py-2 px-4 border-b text-center"},pe={class:"py-2 px-4 border-b flex justify-center"},fe={class:"py-2 px-4 border-b"},he={class:"flex gap-1"},be={class:"p-1"},ge={class:"py-2 px-4 border-b"},ye={class:"py-2 px-4 border-b"},_e={class:"py-2 px-4 border-b"},xe={class:"py-2 px-4 border-b text-center"},we={class:"py-2 px-4 border-b flex justify-center"};function ve(e,t,a,B,s,d){const b=n("InputGroup"),w=n("CreateButton"),f=n("Loading"),g=n("EditButton"),y=n("DeleteButton"),v=n("Icon"),C=n("Form"),M=n("Layout");return l(),c(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(),c(w,{key:0,onClick:d.createRecord},null,8,["onClick"])):p("",!0)]),default:x(()=>[o("div",null,[s.state.isLoading?(l(),c(f,{key:0,searching:!0,text:"Fetching records"})):p("",!0),s.state.isDeleting?(l(),c(f,{key:1,text:"Deleting record"})):p("",!0),o("table",le,[ie,o("tbody",null,[s.items?(l(!0),_(k,{key:0},I(s.items,r=>(l(),_(k,{key:r.id},[o("tr",null,[o("td",ae,m(r.parent.name),1),o("td",ce,m(r.parent.id),1),o("td",de,m(r.parent.url),1),o("td",ue,m(r.parent.icon),1),o("td",me,m(r.parent.sort),1),o("td",pe,[e.$ability.can("edit","menu")?(l(),c(g,{key:0,onClick:u=>d.editRecord(r.parent)},null,8,["onClick"])):p("",!0),e.$ability.can("delete","menu")?(l(),c(y,{key:1,onClick:u=>d.deleteRecord(r.parent.id)},null,8,["onClick"])):p("",!0)])]),r.child?(l(!0),_(k,{key:0},I(r.child,u=>(l(),_("tr",{key:u.id},[o("td",fe,[o("div",he,[o("span",be,[i(v,{icon:"carbon:chevron-right",class:"text-slate-400"})]),z(" "+m(u.name),1)])]),o("td",ge,m(u.id),1),o("td",ye,m(u.url),1),o("td",_e,m(u.icon),1),o("td",xe,m(u.sort),1),o("td",we,[i(g,{onClick:E=>d.editRecord(u)},null,8,["onClick"]),i(y,{onClick:E=>d.deleteRecord(u.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 Qe=R(re,[["render",ve],["__scopeId","data-v-ea614b44"]]);export{Qe as default};

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