File manager

File manager - Edit - /home/autoph/public_html/projects/ahg-hr/assets/index.c98c3e97.js

Back
import{_ as P,r,o as d,c as f,w as n,j as b,d as u,k as I,e as s,t as F,h as R,b as O}from"./index.0409e1b2.js";import{M as h}from"./MenuService.9f8f3ed7.js";import{w as V,L as E}from"./index.15d773bc.js";import{B as D}from"./index.9affbcc7.js";import{C as L}from"./CreateButton.3cacf0d7.js";import{D as U}from"./DeleteButton.7df36dab.js";import{E as T}from"./EditButton.16b17e01.js";/* empty css /import{I as q}from"./index.39289473.js";import"./jspdf.es.min.4dda79e8.js";/ empty css // empty css /import"./vue-cleave.min.18e79662.js";import{c as G,a as C,V as N}from"./array.6ad60c2c.js";import{L as B}from"./Loading.490cab57.js";import"./vue-quill.snow.d79094c0.js";/ empty css */import{I as A}from"./index.38283705.js";import{F as Q}from"./index.209240bf.js";import{F as Y}from"./index.e35ce9e9.js";import{T as j}from"./index.9ea1e66b.js";import{T as z}from"./index.535682d0.js";import{C as H}from"./CloseButton.5f2b3ff2.js";import{S as J}from"./SubmitButton.16346f33.js";import{U as K}from"./UpdateButton.24df4af0.js";import{M as W}from"./Multiselect.bcca6a98.js";import{l as X}from"./lodash.0a0ce71b.js";import{P as Z}from"./index.9cd030c0.js";import{h as $}from"./meeting-office.7e6e2274.js";import{C as ee}from"./index.b5116294.js";import"./logo-black.7c15feb3.js";import"./logo-white.b04c5a89.js";import"./transition.31efaf2a.js";import"./EmployeeService.a7f96e81.js";import"./es.string.replace.33548c32.js";import"./Loading.vue_vue_type_style_index_0_scoped_cbded5a2_lang.ea365faf.js";import"./index.3560e594.js";import"./index.de756f91.js";const te={components:{FormModal:Y,FormGroup:Q,TextInput:z,TextArea:j,SubmitButton:J,UpdateButton:K,CloseButton:H,Loading:B,Multiselect:W},data(){return{form:{name:"",description:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{loadRecord(e){this.resetForm(),this.state.isEdit=!0,this.form=e},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={name:"",description:"",icon:"",sort:"",url:""}},reload(){this.$emit("reload")},async saveRecord(){if(this.state.isSaving=!0,!this.state.isEdit)this.state.isSaving=!1,await h.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.resetForm(),this.reload())}).catch(e=>{this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"error",timer:2e3})});else{const e=this.form.id;await h.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,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()})}},async submitForm(){try{await G().shape({name:C().required("Name field is required"),icon:C().required("Icon field is required"),url:C().required("Url 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 N){const t={};e.inner.forEach(l=>{t[l.path]=l.message}),this.errors=t}this.state.isSaving=!1}}},mounted(){}},oe={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},se={class:"flex gap-1 justify-end"};function re(e,t,l,v,o,i){const g=r("Loading"),m=r("TextInput"),p=r("FormGroup"),y=r("SubmitButton"),w=r("UpdateButton"),_=r("CloseButton"),x=r("FormModal");return d(),f(x,{title:o.state.isEdit?"Edit Record":"Create Record",active:o.state.showModal,onSubmit:e.confirmSubmit,onClose:i.closeModal,themeClass:o.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-3/4"},{default:n(()=>[o.state.isEdit&&o.state.isLoading?(d(),f(g,{key:0,text:"Fetching record"})):b("",!0),u("div",oe,[u("form",{onSubmit:t[5]\|\|(t[5]=I((...a)=>e.confirmSubmit&&e.confirmSubmit(...a),["prevent"])),class:"space-y-4"},[o.state.isSaving?(d(),f(g,{key:0,text:"Saving record"})):b("",!0),s(p,{label:"Name",isRequired:!0},{default:n(()=>[s(m,{type:"text",placeholder:"Input name ",modelValue:o.form.name,"onUpdate:modelValue":t[0]\|\|(t[0]=a=>o.form.name=a),error:o.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),s(p,{label:"Description"},{default:n(()=>[s(m,{type:"text",placeholder:"Input description ",modelValue:o.form.description,"onUpdate:modelValue":t[1]\|\|(t[1]=a=>o.form.description=a),error:o.errors.description,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),s(p,{label:"Icon"},{default:n(()=>[s(m,{type:"text",placeholder:"Input icon ",modelValue:o.form.icon,"onUpdate:modelValue":t[2]\|\|(t[2]=a=>o.form.icon=a),error:o.errors.icon,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),s(p,{label:"Sort"},{default:n(()=>[s(m,{type:"text",placeholder:"Input sort number ",modelValue:o.form.sort,"onUpdate:modelValue":t[3]\|\|(t[3]=a=>o.form.sort=a),error:o.errors.sort,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),s(p,{label:"Url"},{default:n(()=>[s(m,{type:"text",placeholder:"Input url ",modelValue:o.form.url,"onUpdate:modelValue":t[4]\|\|(t[4]=a=>o.form.url=a),error:o.errors.url,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),u("div",se,[o.state.isEdit?(d(),f(w,{key:1,onClick:i.submitForm},null,8,["onClick"])):(d(),f(y,{key:0,onClick:i.submitForm},null,8,["onClick"])),s(_,{onClick:i.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const ae=P(te,[["render",re]]);const ie={mixins:[V],setup(){},components:{Layout:E,CreateButton:L,Loading:B,InputGroup:A,EditButton:T,DeleteButton:U,Button:D,Form:ae,Pagination:Z,Card:ee,Icon:q},data(){return{headerImage:$,title:"Menu",breadcrumbs:[{text:"Home",href:"/"},{text:"Menu",href:"/settings/menus"},{text:"Menu",active:!0}],columns:[{label:"Name",field:"parent.name",sortable:!1},{label:"Parent ID",field:"parent.id",sortable:!1},{label:"Url",field:"parent.url",sortable:!1},{label:"Icon",field:"parent.icon",sortable:!1},{label:"Order",field:"parent.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"}],state:{isLoading:!1,isMounted:!1,showModal:!1,isDeleting:!1},items:[],totalItems:0,error:[],searchQuery:"",serverOptions:{page:1,rowsPerPage:10,sortBy:"name",sortType:"asc"}}},watch:{serverOptions:{handler(){console.log(`perPage: ${this.serverOptions.rowsPerPage}`),this.fetchRecords()},deep:!0},searchQuery:X.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.data.data);let t=e.data.data;this.items=t.map((l,v)=>({...l}))}).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.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,h.remove(e).then(l=>{console.log(l),l.status==201&&(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.resetForm(),this.$refs.form.state.showModal=!0},editRecord(e){this.$refs.form.resetForm(),this.$refs.form.loadRecord(e),this.$refs.form.state.showModal=!0},async submitForm(){if(console.log("Submit Form"),this.state.isLoading=!0,this.state.isSubmitted=!0,!this.v$.$invalid)try{this.state.isEdit==!0?(await h.update(this.categoryData.category_code,this.categoryData),Swal.fire("Success!","Data successfully updated.","success")):(await h.create(this.categoryData),Swal.fire("Success!","Data succesfully created.","success")),this.state.showModal=!1,this.state.isLoading=!1,this.resetData(),this.fetchRecords()}catch(e){this.error=e\|\|"",this.state.isResetError=!0,this.state.isLoading=!1}},closeModal(){this.state.showModal=!1,this.resetData(),this.fetchRecords()},resetData(){this.state={isLoading:!1,isMounted:!1,isResetError:!1,isSubmitted:!1,showModal:!1},this.categoryData={category_code:"",category_desc:""},this.error=[]}},mounted(){this.fetchRecords()}},ne={class:"my-5"},le={class:"md:flex pb-6 items-center"},ce={class:"flex-1 md:mb-0 mb-3"},me={key:0,class:"flex gap-1"},de={class:"py-4 flex justify-end"};function ue(e,t,l,v,o,i){const g=r("InputGroup"),m=r("Button"),p=r("EditButton"),y=r("DeleteButton"),w=r("Pagination"),_=r("vue-good-table"),x=r("Card"),a=r("Loading"),S=r("Form"),M=r("Layout");return d(),f(M,{breadcrumbs:o.breadcrumbs},{default:n(()=>[u("div",ne,[s(x,{noborder:""},{default:n(()=>[u("div",le,[u("h6",ce,F(o.title),1),u("div",{class:R(["md:flex md:space-x-3 items-center flex-none rtl:space-x-reverse my-3 float-right",e.window.width<768?"space-x-rb":""])},[s(g,{modelValue:o.searchQuery,"onUpdate:modelValue":t[0]\|\|(t[0]=c=>o.searchQuery=c),placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"]),s(m,{icon:"heroicons-outline:filter",text:"Filter",btnClass:" btn-outline-secondary text-slate-600 dark:border-slate-700 dark:text-slate-300 font-normal btn-sm ",iconClass:"text-lg"}),s(m,{icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:" btn-dark font-normal btn-sm ",iconClass:"text-lg",onClick:t[1]\|\|(t[1]=c=>i.createRecord())})],2)]),s(_,{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:i.onSortChange,"max-height":"600px"},{"table-row":n(c=>[c.column.field=="action"?(d(),O("div",me,[s(p,{onClick:k=>i.editRecord(c.row)},null,8,["onClick"]),s(y,{onClick:k=>i.deleteRecord(c.row.id)},null,8,["onClick"])])):b("",!0)]),"pagination-bottom":n(c=>[u("div",de,[s(w,{total:o.totalItems,current:o.serverOptions.page,"per-page":o.serverOptions.rowsPerPage,onPageChanged:i.handlePageChange,pageChanged:c.pageChanged,perPageChanged:o.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:o.perPageOptions,onChangePerPage:i.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])]),_:1}),o.state.isLoading?(d(),f(a,{key:0,text:"Fetching records"})):b("",!0),s(S,{onCloseModal:t[2]\|\|(t[2]=c=>o.state.showModal=!1),ref:"form"},null,512)])]),_:1},8,["breadcrumbs"])}const Xe=P(ie,[["render",ue],["__scopeId","data-v-f75cd6b3"]]);export{Xe as default};

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