File manager

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

Back
import{M as g}from"./ModuleService-59ecf80d.js";import{T as R,s as S,L as E}from"./index-e7796b69.js";import{C as F,E as I,D as V}from"./DeleteButton-f67639fe.js";import{P as L}from"./index-4f09940f.js";import{I as D}from"./index-34a072d3.js";import{L as B}from"./Loading-7b392e26.js";import{F as T}from"./index-1677544a.js";import{F as G,l as U}from"./lodash-eb599a9f.js";import"./index-5ac154fa.js";import{_ as O,r,o as n,c as l,g as d,b as u,f as h,w as q,e as i,d as x,I as N}from"./index-cd0396ac.js";import{T as A}from"./index-8ac0bfaf.js";import"./index-fe33aaea.js";import{C as Q}from"./CloseButton-b5c5d091.js";import{S as $,U as Y}from"./UpdateButton-936de668.js";/* empty css /import{c as j,a as M,V as z}from"./array-2d279bb5.js";import{M as H}from"./MenuService-a7eba086.js";import"./vue-cleave.min-fd4134d1.js";import"./_commonjsHelpers-de833af9.js";import"./xhebrhsj-d37585db.js";import"./es.string.replace-2e300990.js";const J={components:{FormModal:T,FormGroup:G,TextInput:R,TextArea:A,SubmitButton:$,UpdateButton:Y,CloseButton:Q,Loading:B,Multiselect:S},data(){return{menuOptions:null,form:{code:"",name:"",description:"",menu_id:""},errors:{},state:{isEdit:this.$route.params.id!==void 0&&this.$route.params.id!==null,isSaving:!1,isLoading:!1},id:this.$route.params.id??null,title:(this.$route.params.id?"Edit":"Create")+" Module",theme:this.$route.params.id?"cyan-500":"teal-700",headerIcon:this.$route.params.id?"carbon:edit":"carbon:add-alt"}},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={code:null,name:null,description:null,menu_id:null}},async submitForm(){try{await j().shape({code:M().nullable().required("Code is required"),name:M().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 z){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 g.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 g.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.fetchMenus()}},K={class:"lg:p-2"},W={class:"flex gap-1 justify-end"};function X(e,t,c,y,o,a){const p=r("Loading"),f=r("TextInput"),m=r("FormGroup"),b=r("TextArea"),_=r("Multiselect"),w=r("SubmitButton"),v=r("UpdateButton"),C=r("CloseButton"),P=r("FormModal");return n(),l(P,{title:o.state.isEdit?"Edit Record":"Create Record",active:o.state.showModal,onSubmit:e.confirmSubmit,onClose:a.closeModal,themeClass:o.state.isEdit?"bg-primary-600":"bg-primary-800",sizeClass:"lg:w-1/2"},{default:d(()=>[o.state.isEdit&&o.state.isLoading?(n(),l(p,{key:0,text:"Fetching record"})):u("",!0),o.state.isSaving?(n(),l(p,{key:1,text:"Saving record"})):u("",!0),h("div",K,[h("form",{onSubmit:t[4]\|\|(t[4]=q((...s)=>e.confirmSubmit&&e.confirmSubmit(...s),["prevent"])),class:"space-y-4"},[i(m,{label:"Code",isRequired:!0},{default:d(()=>[i(f,{label:"Code",type:"text",placeholder:"Input code ",modelValue:o.form.code,"onUpdate:modelValue":t[0]\|\|(t[0]=s=>o.form.code=s),error:o.errors.code,classInput:"h-[48px]",isReadonly:o.state.isEdit},null,8,["modelValue","error","isReadonly"])]),_:1}),i(m,{label:"Name",isRequired:!0},{default:d(()=>[i(f,{type:"text",placeholder:"Input name ",modelValue:o.form.name,"onUpdate:modelValue":t[1]\|\|(t[1]=s=>o.form.name=s),error:o.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),i(m,{label:"Description"},{default:d(()=>[i(b,{placeholder:"Input description",modelValue:o.form.description,"onUpdate:modelValue":t[2]\|\|(t[2]=s=>o.form.description=s)},null,8,["modelValue"])]),_:1}),i(m,{label:"Menu"},{default:d(()=>[i(_,{modelValue:o.form.menu_id,"onUpdate:modelValue":t[3]\|\|(t[3]=s=>o.form.menu_id=s),id:"menu_id","close-on-select":!0,searchable:!0,options:o.menuOptions},null,8,["modelValue","options"])]),_:1}),h("div",W,[o.state.isEdit?(n(),l(v,{key:1,onClick:a.submitForm},null,8,["onClick"])):(n(),l(w,{key:0,onClick:a.submitForm},null,8,["onClick"])),i(C,{onClick:a.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const Z=O(J,[["render",X]]);const ee={components:{Layout:E,Loading:B,Pagination:L,InputGroup:D,CreateButton:F,EditButton:I,DeleteButton:V,Form:Z},data(){return{title:"Modules",breadcrumbs:[{text:"Home",href:"/"},{text:"Masterfile",href:"/settings/modules"},{text:"Modules",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:"Code",field:"code"},{label:"Name",field:"name"},{label:"Menu",field:"menu"},{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:U.debounce(function(){this.fetchRecords()},800)},computed:{perPage:function(){return this.serverOptions.rowsPerPage}},methods:{async fetchRecords(){this.state.isLoading=!0,this.state.isMounted=!1,await g.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((c,y)=>({...c,"#":(this.serverOptions.page-1)this.serverOptions.rowsPerPage+(y+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.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.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},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,g.remove(e).then(c=>{c.status==200&&(this.$swal.fire({title:"Great!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3}),this.fetchRecords())}).catch(c=>{console.log(c),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()}},te={key:0,class:"flex gap-1"},oe={class:""},se={key:1,class:"flex gap-1"},re={class:"py-4 px-3 flex justify-end"};function ie(e,t,c,y,o,a){const p=r("InputGroup"),f=r("CreateButton"),m=r("Loading"),b=r("EditButton"),_=r("DeleteButton"),w=r("Pagination"),v=r("vue-good-table"),C=r("Form"),P=r("Layout");return n(),l(P,{header:o.title,headerIcon:"mdi:file-cabinet",breadcrumbs:o.breadcrumbs},{search:d(()=>[i(p,{modelValue:o.searchQuery,"onUpdate:modelValue":t[0]\|\|(t[0]=s=>o.searchQuery=s),class:"w-full border focus:border-cyan-500",placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"])]),action:d(()=>[e.$ability.can("add","module")?(n(),l(f,{key:0,onClick:a.createRecord},null,8,["onClick"])):u("",!0)]),default:d(()=>[h("div",null,[o.state.isLoading?(n(),l(m,{key:0,searching:!0,text:"Fetching records"})):u("",!0),o.state.isDeleting?(n(),l(m,{key:1,text:"Deleting record"})):u("",!0),i(v,{columns:o.columns,styleClass:"vgt-table lesspadding v-middle",mode:"remote",rows:o.items,search:!0,"sort-options":{enabled:!0},"pagination-options":{enabled:!0},onSortChange:a.onSortChange,"max-height":"600px"},{"table-row":d(s=>[s.column.field=="menu"?(n(),x("div",te,[h("span",oe,N(s.row.menu?s.row.menu.name:null),1)])):u("",!0),s.column.field=="action"?(n(),x("div",se,[e.$ability.can("edit","module")?(n(),l(b,{key:0,onClick:k=>a.editRecord(s.row)},null,8,["onClick"])):u("",!0),e.$ability.can("delete","module")?(n(),l(_,{key:1,onClick:k=>a.deleteRecord(s.row.id)},null,8,["onClick"])):u("",!0)])):u("",!0)]),"pagination-bottom":d(s=>[h("div",re,[i(w,{total:o.totalItems,current:o.serverOptions.page,"per-page":o.serverOptions.rowsPerPage,onPageChanged:a.handlePageChange,pageChanged:s.pageChanged,perPageChanged:o.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:o.perPageOptions,onChangePerPage:a.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])]),i(C,{editData:e.editData,onCloseModal:t[1]\|\|(t[1]=s=>o.state.showModal=!1),ref:"form",onReload:t[2]\|\|(t[2]=s=>a.fetchRecords())},null,8,["editData"])]),_:1},8,["header","breadcrumbs"])}const Oe=O(ee,[["render",ie],["__scopeId","data-v-46fb39ed"]]);export{Oe as default};

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