File manager

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

Back
import{a as Be,_ as ct,r as E,o as d,c as j,w as D,j as L,d as w,k as $e,e as k,Q as ie,a9 as Et,z as b,E as lt,ay as dt,J as ee,D as pt,H as ne,b as h,C as r,F as Y,m as le,a4 as H,h as V,av as Q,a7 as oe,aw as Me,f as Ue,t as G,G as Ft,af as Tt,az as fe,n as He,aA as ye,aB as be,i as me,I as Vt}from"./index.3a0d1437.js";import{a as Mt,L as Ut}from"./index.09b28a7f.js";import{F as Ht}from"./index.5338216a.js";import{F as qt}from"./index.4888d65f.js";import"./index.163ce270.js";/* empty css /import{T as jt}from"./index.474be899.js";import{T as Wt}from"./index.53519759.js";import"./index.95db1698.js";import{C as Jt}from"./CloseButton.f9c39bb8.js";/ empty css /import{S as Gt}from"./SubmitButton.53a3866c.js";import{U as zt}from"./UpdateButton.161928d8.js";import"./jspdf.es.min.a68db437.js";/ empty css /import{D as Qt}from"./DealershipService.65dee167.js";import{D as Yt}from"./DepartmentService.b6e0d2c2.js";import{R as Kt}from"./RoleService.5d8cbd34.js";import{c as Xt,a as Re,V as Zt}from"./array.057dff5d.js";import{L as mt}from"./Loading.2fa16091.js";import"./vue-quill.snow.08c5baab.js";/ empty css /import{C as ea}from"./CreateButton.83988a87.js";import{D as ta}from"./DeleteButton.3eb26d6c.js";import{E as aa}from"./EditButton.f8156944.js";import{B as sa}from"./index.ae1bb6da.js";import"./vue-cleave.min.da4c1c61.js";import{P as ra}from"./index.ceaa4080.js";import{I as oa}from"./index.fd1302f6.js";import{l as na}from"./lodash.7ba26c92.js";import"./logo-black.7c15feb3.js";import"./logo-white.b04c5a89.js";import"./transition.eb053693.js";import"./EmployeeService.0d36c049.js";import"./es.string.replace.6e729815.js";import"./index.57af9821.js";import"./Loading.vue_vue_type_style_index_0_scoped_cbded5a2_lang.717f943d.js";const Oe="https://staging-ahg-hr-api.autohub.ph/api/v1/settings/users",qe={fetchRecords(e={}){return Be.get(`${Oe}`,{params:e})},fetchRecord(e){return Be.get(`${Oe}/${e}`)},async create(e){return Be.post(`${Oe}`,e)},async update(e,t){return Be.put(`${Oe}/${e}`,t)},async remove(e){return Be.delete(`${Oe}/${e}`)}},la={components:{FormModal:qt,FormGroup:Ht,TextInput:Wt,TextArea:jt,Multiselect:Mt,SubmitButton:Gt,UpdateButton:zt,CloseButton:Jt,Loading:mt},data(){return{roleOptions:[],dealerships:[],departmentOptions:[],form:{first_name:null,middle_name:null,last_name:null,name:null,username:null,password:null,email:null,roles:[],default_company_id:null,default_dealership_id:null,departments:[]},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},computed:{companies:function(){let e=[];if(this.form.roles.length>0){let t=this.roleOptions.filter(a=>this.form.roles.includes(a.value)).flatMap(a=>a.companies);t.forEach(a=>{e.find(s=>s.id==t.id)\|\|e.push({id:a.id,name:a.name})})}return e},companyOptions:function(){let e=[];return this.companies.length>0&&(e=this.companies.map(t=>({label:t.name,value:t.id}))),e},uniqueDealerships:function(){let e=[];if(this.form.roles.length>0){let t=this.roleOptions.filter(a=>this.form.roles.includes(a.value)).flatMap(a=>a.dealerships);console.log("dealerships"),console.log(t),this.companies.forEach(a=>{t.find(s=>s.company_id==a.id)?t.forEach(s=>{e.find(f=>f.id==s.id)\|\|e.push({id:s.id,name:s.name,company_id:s.company_id})}):this.dealerships.filter(l=>l.company_id==a.id).forEach(l=>{e.find(i=>i.id==l.id)\|\|e.push({id:l.id,name:l.name,company_id:l.company_id})})})}return e},dealershipOptions:function(){let e=[];return this.form.default_company_id&&(e=this.uniqueDealerships.filter(t=>this.form.default_company_id==t.company_id).map(t=>({label:t.name,value:t.id}))),e}},methods:{setName(){this.form.name=[this.form.first_name??"",this.form.middle_name??"",this.form.last_name??""].join(" "),this.form.username=[this.form.first_name?Array.from(this.form.first_name.toLowerCase())[0]:"",this.form.middle_name?Array.from(this.form.middle_name.toLowerCase())[0]:"",this.form.last_name?this.form.last_name.toLowerCase():""].join("")},async fetchRoles(){Kt.fetchRecords().then(e=>{e.status==200&&(this.roleOptions=e.data.data.map(t=>({label:t.name,value:t.id,companies:t.companies,dealerships:t.dealerships})))}).catch(e=>{console.log(e)})},async fetchDealerships(){Qt.fetchRecords().then(e=>{e.status==200&&(this.dealerships=e.data.data)}).catch(e=>{console.log(e)})},async fetchDepartments(){Yt.fetchRecords().then(e=>{e.status==200&&(this.departmentOptions=e.data.data.map(t=>({label:t.name,value:t.id})))}).catch(e=>{console.log(e)})},loadRecord(e){this.resetForm(),this.state.isEdit=!0,this.form=e,this.form.roles=e.roles.map(t=>t.id)},resetForm(){this.state.isEdit=!1,this.form={first_name:null,middle_name:null,last_name:null,roles:[]}},async submitForm(){try{await Xt().shape({first_name:Re().nullable().required("First Name is required"),last_name:Re().nullable().required("Last Name is required"),name:Re().nullable().required("Full Name is required"),username:Re().nullable().required("Username is required"),email:Re().nullable().required("Email 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 Zt){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 qe.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 qe.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.fetchRoles(),this.fetchDealerships(),this.fetchDepartments()}},ia={class:"p-2"},ua={class:"flex gap-1 justify-end"};function ca(e,t,a,n,s,l){const f=E("Loading"),i=E("TextInput"),o=E("FormGroup"),u=E("Multiselect"),_=E("SubmitButton"),C=E("UpdateButton"),g=E("CloseButton"),S=E("FormModal");return d(),j(S,{title:s.state.isEdit?"Edit Record":"Create Record",active:s.state.showModal,onSubmit:l.submitForm,onClose:l.closeModal,themeClass:s.state.isEdit?"bg-primary-600":"bg-primary-800",sizeClass:"w-1/2"},{default:D(()=>[s.state.isEdit&&s.state.isLoading?(d(),j(f,{key:0,text:"Fetching record"})):L("",!0),s.state.isSaving?(d(),j(f,{key:1,text:"Saving record"})):L("",!0),w("div",ia,[w("form",{onSubmit:t[10]\|\|(t[10]=$e((...y)=>l.submitForm&&l.submitForm(...y),["prevent"])),class:"space-y-4"},[k(o,{label:"Firstname",isRequired:!0},{default:D(()=>[k(i,{type:"text",placeholder:"Input firstname ",modelValue:s.form.first_name,"onUpdate:modelValue":t[0]\|\|(t[0]=y=>s.form.first_name=y),error:s.errors.first_name,classInput:"h-[48px]",onInput:l.setName},null,8,["modelValue","error","onInput"])]),_:1}),k(o,{label:"Middlename"},{default:D(()=>[k(i,{type:"text",placeholder:"Input middlename ",modelValue:s.form.middle_name,"onUpdate:modelValue":t[1]\|\|(t[1]=y=>s.form.middle_name=y),error:s.errors.middle_name,classInput:"h-[48px]",onInput:l.setName},null,8,["modelValue","error","onInput"])]),_:1}),k(o,{label:"Lastname",isRequired:!0},{default:D(()=>[k(i,{type:"text",placeholder:"Input lastname ",modelValue:s.form.last_name,"onUpdate:modelValue":t[2]\|\|(t[2]=y=>s.form.last_name=y),error:s.errors.last_name,classInput:"h-[48px]",onInput:l.setName},null,8,["modelValue","error","onInput"])]),_:1}),k(o,{label:"name",isRequired:!0},{default:D(()=>[k(i,{type:"text",modelValue:s.form.name,"onUpdate:modelValue":t[3]\|\|(t[3]=y=>s.form.name=y),error:s.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),k(o,{label:"username",isRequired:!0},{default:D(()=>[k(i,{type:"text",placeholder:"Input username",modelValue:s.form.username,"onUpdate:modelValue":t[4]\|\|(t[4]=y=>s.form.username=y),error:s.errors.username,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),k(o,{label:"email",isRequired:!0},{default:D(()=>[k(i,{type:"email",placeholder:"Input email",modelValue:s.form.email,"onUpdate:modelValue":t[5]\|\|(t[5]=y=>s.form.email=y),error:s.errors.email,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),k(o,{label:"Roles"},{default:D(()=>[k(u,{mode:"tags",modelValue:s.form.roles,"onUpdate:modelValue":t[6]\|\|(t[6]=y=>s.form.roles=y),id:"roles","close-on-select":!0,searchable:!0,options:s.roleOptions},null,8,["modelValue","options"])]),_:1}),k(o,{label:"Default Company"},{default:D(()=>[k(u,{modelValue:s.form.default_company_id,"onUpdate:modelValue":t[7]\|\|(t[7]=y=>s.form.default_company_id=y),id:"company_id","close-on-select":!0,searchable:!0,options:l.companyOptions},null,8,["modelValue","options"])]),_:1}),k(o,{label:"Default Dealership"},{default:D(()=>[k(u,{modelValue:s.form.default_dealership_id,"onUpdate:modelValue":t[8]\|\|(t[8]=y=>s.form.default_dealership_id=y),id:"dealership_id","close-on-select":!0,searchable:!0,options:l.dealershipOptions},null,8,["modelValue","options"])]),_:1}),k(o,{label:"Department Access"},{default:D(()=>[k(u,{modelValue:s.form.departments,"onUpdate:modelValue":t[9]\|\|(t[9]=y=>s.form.departments=y),id:"departments",mode:"tags","close-on-select":!1,searchable:!0,options:s.departmentOptions},null,8,["modelValue","options"])]),_:1}),w("div",ua,[s.state.isEdit?(d(),j(C,{key:1,onClick:l.submitForm},null,8,["onClick"])):(d(),j(_,{key:0,onClick:l.submitForm},null,8,["onClick"])),k(g,{onClick:l.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const da=ct(la,[["render",ca]]);var pa=Object.defineProperty,ma=Object.defineProperties,fa=Object.getOwnPropertyDescriptors,it=Object.getOwnPropertySymbols,ga=Object.prototype.hasOwnProperty,va=Object.prototype.propertyIsEnumerable,ut=(e,t,a)=>t in e?pa(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,X=(e,t)=>{for(var a in t\|\|(t={}))ga.call(t,a)&&ut(e,a,t[a]);if(it)for(var a of it(t))va.call(t,a)&&ut(e,a,t[a]);return e},Le=(e,t)=>ma(e,fa(t)),ue=(e,t)=>{const a=e.__vccOpts\|\|e;for(const[n,s]of t)a[n]=s;return a};const ha=e=>(ye("data-v-e0a0b7f0"),e=e(),be(),e),ya=["onClick"],ba=["checked"],_a=ha(()=>w("label",{for:"checbox"},null,-1)),xa=ie({__name:"MultipleSelectCheckBox",props:{status:{type:String,required:!0}},emits:["change"],setup(e,{emit:t}){const a=e;fe(f=>({"51ab8a49":r(l)}));const n=b(()=>a.status==="allSelected"),s=()=>{t("change",!n.value)},l=me("themeColor");return(f,i)=>(d(),h("div",{class:"easy-checkbox",onClick:$e(s,["stop","prevent"])},[w("input",{type:"checkbox",checked:r(n),class:V(e.status)},null,10,ba),_a],8,ya))}});var Pa=ue(xa,[["__scopeId","data-v-e0a0b7f0"]]);const wa=e=>(ye("data-v-7e69a276"),e=e(),be(),e),Ca=["checked"],ka=wa(()=>w("label",{for:"checbox"},null,-1)),Sa=ie({__name:"SingleSelectCheckBox",props:{checked:{type:Boolean,required:!0}},emits:["change"],setup(e,{emit:t}){fe(n=>({fdaf7e9e:r(a)}));const a=me("themeColor");return(n,s)=>(d(),h("div",{class:"easy-checkbox",onClick:s[0]\|\|(s[0]=$e(l=>t("change"),["stop","prevent"]))},[w("input",{type:"checkbox",checked:e.checked},null,8,Ca),ka]))}});var Ia=ue(Sa,[["__scopeId","data-v-7e69a276"]]);const Na=e=>(ye("data-v-4ca5de3a"),e=e(),be(),e),Ba={class:"easy-data-table__rows-selector"},Ra={class:"rows-input"},Oa=Na(()=>w("div",{class:"triangle"},null,-1)),Aa=["onClick"],La=ie({__name:"RowsSelector",props:{modelValue:{type:Number,required:!0},rowsItems:{type:Array,required:!0}},emits:["update:modelValue"],setup(e,{emit:t}){const a=e;fe(C=>({"1b889342":r(_)}));const n=ee(!1),s=ee(!1),l=me("dataTable");ne(n,C=>{if(C&&l){const g=window.innerHeight,S=l.value.getBoundingClientRect().height,y=l.value.getBoundingClientRect().top;g-(S+y)<=100?s.value=!0:s.value=!1}});const f=b({get:()=>a.modelValue,set:C=>{t("update:modelValue",C)}}),i=C=>{f.value=C,n.value=!1},o=(C,g)=>{let S=C.parentNode;for(;S!=null;){if(S.classList&&S.classList.contains(g))return!0;S=S.parentNode}return!1},u=C=>{o(C.target,"easy-data-table__rows-selector")\|\|(n.value=!1)};pt(()=>{document.addEventListener("click",u)}),Vt(()=>{document.removeEventListener("click",u)});const _=me("themeColor");return(C,g)=>(d(),h("div",Ba,[w("div",{class:"rows-input__wrapper",onClick:g[0]\|\|(g[0]=S=>n.value=!n.value)},[w("div",Ra,G(r(f)),1),Oa]),w("ul",{class:V(["select-items",{show:n.value,inside:s.value}])},[(d(!0),h(Y,null,le(e.rowsItems,S=>(d(),h("li",{key:S,class:V({selected:S===r(f)}),onClick:y=>i(S)},G(S),11,Aa))),128))],2)]))}});var $a=ue(La,[["__scopeId","data-v-4ca5de3a"]]);const De=e=>(ye("data-v-1fa3a520"),e=e(),be(),e),Da={class:"lds-ring"},Ea=De(()=>w("div",null,null,-1)),Fa=De(()=>w("div",null,null,-1)),Ta=De(()=>w("div",null,null,-1)),Va=De(()=>w("div",null,null,-1)),Ma=[Ea,Fa,Ta,Va],Ua=ie({__name:"Loading",setup(e){fe(a=>({26774109:r(t)}));const t=me("themeColor");return(a,n)=>(d(),h("div",Da,Ma))}});var Ha=ue(Ua,[["__scopeId","data-v-1fa3a520"]]);const qa={class:"loader-line"},ja=ie({__name:"LoadingLine",setup(e){fe(a=>({"0d327f57":r(t)}));const t=me("themeColor");return(a,n)=>(d(),h("div",qa))}});var Wa=ue(ja,[["__scopeId","data-v-7d281cac"]]);const Ja={class:"buttons-pagination"},Ga=["onClick"],za=ie({__name:"ButtonsPagination",props:{maxPaginationNumber:{type:Number,required:!0},currentPaginationNumber:{type:Number,required:!0}},emits:["updatePage"],setup(e,{emit:t}){const a=e;fe(i=>({"40dd4f07":r(f)}));const n=7,s=i=>{i.type==="button"&&!i.active&&t("updatePage",i.page)},l=b(()=>{const i=[];if(a.maxPaginationNumber<=n)for(let o=1;o<=a.maxPaginationNumber;o+=1)i.push({type:"button",page:o,active:o===a.currentPaginationNumber,activePrev:o+1===a.currentPaginationNumber});else if([1,2,a.maxPaginationNumber,a.maxPaginationNumber-1].includes(a.currentPaginationNumber))for(let o=1;o<=n;o+=1)if(o<=3)i.push({type:"button",page:o,active:o===a.currentPaginationNumber,activePrev:o+1===a.currentPaginationNumber});else if(o===4)i.push({type:"omission"});else{const u=a.maxPaginationNumber-(n-o);i.push({type:"button",page:u,active:u===a.currentPaginationNumber,activePrev:u+1===a.currentPaginationNumber})}else if([3,4].includes(a.currentPaginationNumber))for(let o=1;o<=n;o+=1)o<=5?i.push({type:"button",page:o,active:o===a.currentPaginationNumber,activePrev:o+1===a.currentPaginationNumber}):o===6?i.push({type:"omission"}):i.push({type:"button",page:a.maxPaginationNumber,active:a.maxPaginationNumber===a.currentPaginationNumber,activePrev:o+1===a.currentPaginationNumber});else if([a.maxPaginationNumber-2,a.maxPaginationNumber-3].includes(a.currentPaginationNumber))for(let o=1;o<=n;o+=1)if(o===1)i.push({type:"button",page:1,active:a.currentPaginationNumber===1,activePrev:o+1===a.currentPaginationNumber});else if(o===2)i.push({type:"omission"});else{const u=a.maxPaginationNumber-(n-o);i.push({type:"button",page:u,active:u===a.currentPaginationNumber,activePrev:u+1===a.currentPaginationNumber})}else for(let o=1;o<=n;o+=1)if(o===1)i.push({type:"button",page:1,active:a.currentPaginationNumber===1,activePrev:o+1===a.currentPaginationNumber});else if(o===2\|\|o===6)i.push({type:"omission"});else if(o===7)i.push({type:"button",page:a.maxPaginationNumber,active:a.maxPaginationNumber===a.currentPaginationNumber,activePrev:o+1===a.currentPaginationNumber});else{const u=4-o,_=a.currentPaginationNumber-u;i.push({type:"button",page:_,active:_===a.currentPaginationNumber,activePrev:_+1===a.currentPaginationNumber})}return i}),f=me("themeColor");return(i,o)=>(d(),h("div",Ja,[(d(!0),h(Y,null,le(r(l),(u,_)=>(d(),h("div",{key:_,class:V(["item",{button:u.type==="button",active:u.type==="button"&&u.active,"active-prev":u.type==="button"&&u.activePrev,omission:u.type==="omission"}]),onClick:C=>s(u)},G(u.type==="button"?u.page:"..."),11,Ga))),128))]))}});var Qa=ue(za,[["__scopeId","data-v-4c681fa2"]]);const ft=e=>(ye("data-v-c9da5286"),e=e(),be(),e),Ya=ft(()=>w("span",{class:"arrow arrow-right"},null,-1)),Ka=[Ya],Xa=ft(()=>w("span",{class:"arrow arrow-left"},null,-1)),Za=[Xa],es=ie({__name:"PaginationArrows",props:{isFirstPage:{type:Boolean,required:!1},isLastPage:{type:Boolean,required:!1}},emits:["clickPrevPage","clickNextPage"],setup(e,{emit:t}){const a=dt();return(n,s)=>(d(),h(Y,null,[w("div",{class:V(["previous-page__click-button",{"first-page":e.isFirstPage}]),onClick:s[0]\|\|(s[0]=l=>t("clickPrevPage"))},Ka,2),r(a).buttonsPagination?H(n.$slots,"buttonsPagination",{key:0},void 0,!0):L("",!0),w("div",{class:V(["next-page__click-button",{"last-page":e.isLastPage}]),onClick:s[1]\|\|(s[1]=l=>t("clickNextPage"))},Za,2)],64))}});var ts=ue(es,[["__scopeId","data-v-c9da5286"]]);function as(e,t,a,n){return{clickRow:(l,f,i)=>{if(e.value!==f)return;const o=X({},l);if(t.value){const{checkbox:u}=l;delete o.checkbox,o.isSelected=u}if(a.value){const{index:u}=l;delete o.index,o.indexInCurrentPage=u}n("clickRow",o,i)}}}function ss(e,t,a){const n=ee([]);return{expandingItemIndexList:n,updateExpandingItemIndexList:(f,i,o)=>{o.stopPropagation();const u=n.value.indexOf(f);if(u!==-1)n.value.splice(u,1);else{const _=e.value.findIndex(C=>JSON.stringify(C)===JSON.stringify(i));a("expandRow",t.value+_,i),n.value.push(t.value+_)}},clearExpandingItemIndexList:()=>{n.value=[]}}}function rs(e){const t=b(()=>e.value.filter(s=>s.fixed)),a=b(()=>t.value.length?t.value[t.value.length-1].value:""),n=b(()=>{if(!t.value.length)return[];const s=t.value.map(l=>{var f;return(f=l.width)!=null?f:100});return t.value.map((l,f)=>{var i,o;return{value:l.value,fixed:(i=l.fixed)!=null?i:!0,width:(o=l.width)!=null?o:100,distance:f===0?0:s.reduce((u,_,C)=>{let g=u;return C<f&&(g+=_),g})}})});return{fixedHeaders:t,lastFixedColumn:a,fixedColumnsInfos:n}}function os(e,t,a,n,s,l,f,i,o,u,_,C,g,S,y,I,P,O,K){const m=b(()=>f.value.findIndex(x=>x.fixed)!==-1),N=b(()=>m.value?f.value.filter(x=>x.fixed):[]),R=b(()=>f.value.filter(x=>!x.fixed)),v=ee(((x,se)=>Array.isArray(x)&&Array.isArray(se)?{sortBy:x,sortDesc:se.map($=>$==="desc")}:x!==""?{sortBy:y.value,sortDesc:I.value==="desc"}:null)(y.value,I.value)),A=b(()=>{var x;const $=[...N.value,...R.value].map(he=>{const U=Object.assign(he);if(U.sortable&&(U.sortType="none"),g.value)if(Array.isArray(g.value.sortBy)&&Array.isArray(g.value.sortType)&&g.value.sortBy.includes(U.value)){const xe=g.value.sortBy.indexOf(U.value);U.sortType=g.value.sortType[xe]}else U.value===g.value.sortBy&&g.value.sortType&&(U.sortType=g.value.sortType);if(v.value&&Array.isArray(v.value.sortBy)&&Array.isArray(v.value.sortDesc)&&v.value.sortBy.includes(U.value)){const xe=v.value.sortBy.indexOf(U.value);U.sortType=v.value.sortDesc[xe]?"desc":"asc"}else v.value&&U.value===v.value.sortBy&&(U.sortType=v.value.sortDesc?"desc":"asc");return U});let W=[];i.value?W=[s.value\|\|m.value?{text:"",value:"expand",fixed:!0,width:a.value}:{text:"",value:"expand"},...$]:W=$;let ve=[];S.value?ve=[l.value\|\|m.value?{text:e.value,value:"index",fixed:!0,width:o.value}:{text:e.value,value:"index"},...W]:ve=W;let _e=[];return u.value?_e=[n.value\|\|m.value?{text:"checkbox",value:"checkbox",fixed:!0,width:(x=t.value)!=null?x:36}:{text:"checkbox",value:"checkbox"},...ve]:_e=ve,_e}),M=b(()=>A.value.map(x=>x.value));return{clientSortOptions:v,headerColumns:M,headersForRender:A,updateSortField:(x,se)=>{let $=null;if(se==="none"?$="asc":se==="asc"?$="desc":$=C.value?"asc":null,_.value&&O(x,$),v.value&&Array.isArray(v.value.sortBy)&&Array.isArray(v.value.sortDesc)){const W=v.value.sortBy.indexOf(x);W===-1?$!==null&&(v.value.sortBy.push(x),v.value.sortDesc.push($==="desc")):$===null?(v.value.sortDesc.splice(W,1),v.value.sortBy.splice(W,1)):v.value.sortDesc[W]=$==="desc"}else $===null?v.value=null:v.value={sortBy:x,sortDesc:$==="desc"};K("updateSort",{sortType:$,sortBy:x})},isMultiSorting:x=>g.value&&Array.isArray(g.value.sortBy)?g.value.sortBy.includes(x):v.value&&Array.isArray(v.value.sortBy)?v.value.sortBy.includes(x):!1,getMultiSortNumber:x=>g.value&&Array.isArray(g.value.sortBy)?g.value.sortBy.indexOf(x)+1:v.value&&Array.isArray(v.value.sortBy)?v.value.sortBy.indexOf(x)+1:!1}}function ns(e,t,a,n,s,l,f,i,o){const u=b(()=>(e.value-1)s.value+1),_=b(()=>a.value?Math.min(o.value,e.values.value):Math.min(i.value.length,e.values.value)),C=b(()=>a.value?n.value:i.value.slice(u.value-1,_.value)),g=b(()=>f.value?C.value.map((I,P)=>X({index:u.value+P},I)):C.value),S=b(()=>l.value.length===0\|\|l.value.every(P=>i.value.findIndex(O=>JSON.stringify(P)===JSON.stringify(O))===-1)?"noneSelected":l.value.length===i.value.length&&l.value.every(O=>i.value.findIndex(K=>JSON.stringify(O)===JSON.stringify(K))!==-1)?"allSelected":"partSelected"),y=b(()=>t.value?S.value==="allSelected"?g.value.map(I=>X({checkbox:!0},I)):S.value==="noneSelected"?g.value.map(I=>X({checkbox:!1},I)):g.value.map(I=>{const P=l.value.findIndex(O=>{const K=X({},I);return delete K.index,JSON.stringify(O)===JSON.stringify(K)})!==-1;return X({checkbox:P},I)}):g.value);return{currentPageFirstIndex:u,currentPageLastIndex:_,multipleSelectStatus:S,pageItems:y}}function ls(e,t,a,n,s,l,f){const i=ee(l.value?l.value.page:e.value),o=b(()=>Math.ceil(n.value/s.value)),u=b(()=>o.value===0\|\|i.value===o.value),_=b(()=>i.value===1);return{currentPaginationNumber:i,maxPaginationNumber:o,isLastPage:u,isFirstPage:_,nextPage:()=>{if(n.value!==0&&!u.value&&!a.value)if(t.value){const I=i.value+1;f(I)}else i.value+=1},prevPage:()=>{if(n.value!==0&&!_.value&&!a.value)if(t.value){const I=i.value-1;f(I)}else i.value-=1},updatePage:I=>{a.value\|\|(t.value?f(I):i.value=I)},updateCurrentPaginationNumber:I=>{i.value=I}}}function is(e,t,a,n){const s=b(()=>!e.value&&t.value.findIndex(i=>i===n.value)===-1?[n.value,...t.value]:t.value),l=ee(a.value?a.value.rowsPerPage:n.value);return{rowsItemsComputed:s,rowsPerPageRef:l,updateRowsPerPage:i=>{l.value=i}}}function us(e,t,a){const n=b({get:()=>{if(e.value){const{page:i,rowsPerPage:o,sortBy:u,sortType:_}=e.value;return{page:i,rowsPerPage:o,sortBy:u??null,sortType:_??null}}return null},set:i=>{a("update:serverOptions",i)}});return{serverOptionsComputed:n,updateServerOptionsPage:i=>{n.value&&(n.value=Le(X({},n.value),{page:i}))},updateServerOptionsSort:(i,o)=>{if(n.value)if(t.value&&Array.isArray(n.value.sortBy)&&Array.isArray(n.value.sortType)){const u=n.value.sortBy.findIndex(_=>_===i);u===-1&&o!==null&&(n.value.sortBy.push(i),n.value.sortType.push(o)),o===null?(n.value.sortBy.splice(u,1),n.value.sortType.splice(u,1)):n.value.sortType[u]=o}else n.value=Le(X({},n.value),{sortBy:o!==null?i:null,sortType:o})},updateServerOptionsRowsPerPage:i=>{n.value&&(n.value=Le(X({},n.value),{page:1,rowsPerPage:i}))}}}function q(e,t){var a;if(e.includes(".")){const n=e.split("."),{length:s}=n;let l,f=0;for(;f<s;){if(f===0)l=t[n[0]];else if(l&&typeof l=="object")l=l[n[f]];else{l="";break}f+=1}return l??""}return(a=t[e])!=null?a:""}function cs(e,t){const a=q(e,t);return Array.isArray(a)?a.join(","):a}function ds(e,t,a,n,s,l,f,i,o,u){const _=m=>{if(typeof l.value=="string"&&l.value!=="")return q(l.value,m);if(Array.isArray(l.value)){let N="";return l.value.forEach(R=>{N+=q(R,m)}),N}return Object.values(m).join(" ")},C=b(()=>{if(!a.value&&f.value!==""){const m=new RegExp(f.value,"i");return n.value.filter(N=>m.test(_(N)))}return n.value}),g=b(()=>{let m=[...C.value];return t.value?(t.value.forEach(N=>{m=m.filter(R=>{const{field:F,comparison:v,criteria:A}=N;if(typeof v=="function")return v(q(F,R),A);const M=q(F,R);switch(v){case"=":return M===A;case"!=":return M!==A;case">":return M>A;case"<":return M<A;case"<=":return M<=A;case">=":return M>=A;case"between":return M>=Math.min(...A)&&M<=Math.max(...A);case"in":return A.includes(M);default:return M===A}})}),m):C.value});ne(g,m=>{t.value&&u("updateFilter",m)},{immediate:!0,deep:!0});function S(m,N,R,F){const v=m[F],A=N[F];return(F===0?R:S(m,N,R,F-1)).sort((te,ge)=>{let ae=!0;for(let x=0;x<F;x+=1)if(q(m[x],te)!==q(m[x],ge)){ae=!1;break}return ae?q(v,te)<q(v,ge)?A?1:-1:q(v,te)>q(v,ge)?A?-1:1:0:0})}const y=b(()=>{if(a.value)return n.value;if(e.value===null)return g.value;const{sortBy:m,sortDesc:N}=e.value,R=[...g.value];return o&&Array.isArray(m)&&Array.isArray(N)?m.length===0?R:S(m,N,R,m.length-1):R.sort((F,v)=>q(m,F)<q(m,v)?N?1:-1:q(m,F)>q(m,v)?N?-1:1:0)}),I=b(()=>a.value?i.value:y.value.length),P=b({get:()=>{var m;return(m=s.value)!=null?m:[]},set:m=>{u("update:itemsSelected",m)}});return{totalItems:y,selectItemsComputed:P,totalItemsLength:I,toggleSelectAll:m=>{P.value=m?y.value:[],m&&u("selectAll")},toggleSelectItem:m=>{const N=m.checkbox;if(delete m.checkbox,delete m.index,N)P.value=P.value.filter(R=>JSON.stringify(R)!==JSON.stringify(m)),u("deselectRow",m);else{const R=P.value;R.unshift(m),P.value=R,u("selectRow",m)}}}}var ps={alternating:{type:Boolean,default:!1},buttonsPagination:{type:Boolean,default:!1},checkboxColumnWidth:{type:Number,default:null},currentPage:{type:Number,default:1},emptyMessage:{type:String,default:"No Available Data"},expandColumnWidth:{type:Number,default:36},filterOptions:{type:Array,default:null},fixedExpand:{type:Boolean,default:!1},fixedHeader:{type:Boolean,default:!0},fixedCheckbox:{type:Boolean,default:!1},fixedIndex:{type:Boolean,default:!1},headerTextDirection:{type:String,default:"left"},bodyTextDirection:{type:String,default:"left"},hideFooter:{type:Boolean,default:!1},hideRowsPerPage:{type:Boolean,default:!1},hideHeader:{type:Boolean,default:!1},indexColumnWidth:{type:Number,default:60},itemsSelected:{type:Array,default:null},loading:{type:Boolean,default:!1},rowsPerPage:{type:Number,default:25},rowsItems:{type:Array,default:()=>[25,50,100]},rowsPerPageMessage:{type:String,default:"rows per page:"},searchField:{type:[String,Array],default:""},searchValue:{type:String,default:""},serverOptions:{type:Object,default:null},serverItemsLength:{type:Number,default:0},showIndex:{type:Boolean,default:!1},sortBy:{type:[String,Array],default:""},sortType:{type:[String,Array],default:"asc"},multiSort:{type:Boolean,default:!1},tableMinHeight:{type:Number,default:180},tableHeight:{type:Number,default:null},themeColor:{type:String,default:"#42b883"},tableClassName:{type:String,default:""},headerClassName:{type:String,default:""},headerItemClassName:{type:[Function,String],default:""},bodyRowClassName:{type:[Function,String],default:""},bodyExpandRowClassName:{type:[Function,String],default:""},bodyItemClassName:{type:[Function,String],default:""},noHover:{type:Boolean,default:!1},borderCell:{type:Boolean,default:!1},mustSort:{type:Boolean,default:!1},rowsOfPageSeparatorMessage:{type:String,default:"of"},clickEventType:{type:String,default:"single"},clickRowToExpand:{type:Boolean,default:!1},tableNodeId:{type:String,default:""},showIndexSymbol:{type:String,default:"#"},preventContextMenuRow:{type:Boolean,default:!0}};const ms=e=>(ye("data-v-32683533"),e=e(),be(),e),fs=["id"],gs=["onClick"],vs={key:3,class:"header-text"},hs={key:5,class:"multi-sort__number"},ys=["onClick","onDblclick","onContextmenu"],bs=["onClick"],_s=["colspan"],xs={key:0,class:"vue3-easy-data-table__loading"},Ps=ms(()=>w("div",{class:"vue3-easy-data-table__loading-mask"},null,-1)),ws={class:"loading-entity"},Cs={key:1,class:"vue3-easy-data-table__message"},ks={key:0,class:"vue3-easy-data-table__footer"},Ss={key:0,class:"pagination__rows-per-page"},Is={class:"pagination__items-index"},Ns=ie({__name:"DataTable",props:Le(X({},ps),{items:{type:Array,required:!0},headers:{type:Array,required:!0}}),emits:["clickRow","contextmenuRow","selectRow","deselectRow","expandRow","updateSort","updateFilter","update:itemsSelected","update:serverOptions","updatePageItems","updateTotalItems","selectAll"],setup(e,{expose:t,emit:a}){const n=e;fe(p=>({da0d4328:r(ht),"3037e504":r(vt)}));const{tableNodeId:s,clickEventType:l,bodyTextDirection:f,checkboxColumnWidth:i,currentPage:o,expandColumnWidth:u,filterOptions:_,fixedCheckbox:C,fixedExpand:g,fixedHeader:S,fixedIndex:y,headers:I,headerTextDirection:P,indexColumnWidth:O,items:K,itemsSelected:m,loading:N,mustSort:R,multiSort:F,rowsItems:v,rowsPerPage:A,searchField:M,searchValue:te,serverItemsLength:ge,serverOptions:ae,showIndex:x,sortBy:se,sortType:$,tableHeight:W,tableMinHeight:ve,themeColor:_e,rowsOfPageSeparatorMessage:he,showIndexSymbol:U,preventContextMenuRow:xe}=Et(n),vt=b(()=>W.value?`${W.value}px`:null),ht=b(()=>`${ve.value}px`);lt("themeColor",_e.value);const z=dt(),yt=b(()=>!!z.pagination),bt=b(()=>!!z.loading),je=b(()=>!!z.expand),_t=b(()=>!!z.body),We=ee(),Ee=ee();lt("dataTable",We);const Je=ee(!1);pt(()=>{Ee.value.addEventListener("scroll",()=>{Je.value=Ee.value.scrollLeft>0})});const Fe=b(()=>m.value!==null),ce=b(()=>ae.value!==null),{serverOptionsComputed:Te,updateServerOptionsPage:xt,updateServerOptionsSort:Pt,updateServerOptionsRowsPerPage:wt}=us(ae,F,a),{clientSortOptions:Ge,headerColumns:ze,headersForRender:de,updateSortField:Ct,isMultiSorting:kt,getMultiSortNumber:St}=os(U,i,u,C,g,y,I,je,O,Fe,ce,R,Te,x,se,$,F,Pt,a),{rowsItemsComputed:Qe,rowsPerPageRef:re,updateRowsPerPage:It}=is(ce,v,ae,A),{totalItems:Ye,selectItemsComputed:Nt,totalItemsLength:Ae,toggleSelectAll:Bt,toggleSelectItem:Rt}=ds(Ge,_,ce,K,m,M,te,ge,F,a),{currentPaginationNumber:Z,maxPaginationNumber:Pe,isLastPage:we,isFirstPage:Ce,nextPage:ke,prevPage:Se,updatePage:Ie,updateCurrentPaginationNumber:Ot}=ls(o,ce,N,Ae,re,ae,xt),{currentPageFirstIndex:Ke,currentPageLastIndex:Xe,multipleSelectStatus:Ze,pageItems:pe}=ns(Z,Fe,ce,K,re,Nt,x,Ye,Ae),Ne=b(()=>Z.value===0?0:(Z.value-1)re.value),{expandingItemIndexList:et,updateExpandingItemIndexList:tt,clearExpandingItemIndexList:at}=ss(pe,Ne,a),{fixedHeaders:Ve,lastFixedColumn:st,fixedColumnsInfos:At}=rs(de),{clickRow:rt}=as(l,Fe,x,a),Lt=(p,J)=>{xe.value&&J.preventDefault(),a("contextmenuRow",p,J)},$t=p=>{var J;const c=(J=p.width)!=null?J:Ve.value.length?100:null;if(c)return`width: ${c}px; min-width: ${c}px;`},ot=(p,J="th")=>{if(!Ve.value.length)return;const c=At.value.find(T=>T.value===p);if(c)return`left: ${c.distance}px;z-index: ${J==="th"?3:1};position: sticky;`};return ne(N,(p,J)=>{Te.value&&p===!1&&J===!0&&(Ot(Te.value.page),at())}),ne(re,p=>{ce.value?wt(p):Ie(1)}),ne([te,_],()=>{ce.value\|\|Ie(1)}),ne([Z,Ge,M,te,_],()=>{at()},{deep:!0}),ne(pe,p=>{a("updatePageItems",p)},{deep:!0}),ne(Ye,p=>{a("updateTotalItems",p)},{deep:!0}),t({currentPageFirstIndex:Ke,currentPageLastIndex:Xe,clientItemsLength:Ae,maxPaginationNumber:Pe,currentPaginationNumber:Z,isLastPage:we,isFirstPage:Ce,nextPage:ke,prevPage:Se,updatePage:Ie,rowsPerPageOptions:Qe,rowsPerPageActiveOption:re,updateRowsPerPageActiveOption:It}),(p,J)=>(d(),h("div",{ref_key:"dataTable",ref:We,class:V(["vue3-easy-data-table",[p.tableClassName]])},[w("div",{ref_key:"tableBody",ref:Ee,class:V(["vue3-easy-data-table__main",{"fixed-header":r(S),"fixed-height":r(W),"show-shadow":Je.value,"table-fixed":r(Ve).length,hoverable:!p.noHover,"border-cell":p.borderCell}])},[w("table",{id:r(s)},[w("colgroup",null,[(d(!0),h(Y,null,le(r(de),(c,T)=>(d(),h("col",{key:T,style:He($t(c))},null,4))),128))]),r(z)["customize-headers"]?H(p.$slots,"customize-headers",{key:0},void 0,!0):r(de).length&&!p.hideHeader?(d(),h("thead",{key:1,class:V(["vue3-easy-data-table__header",[p.headerClassName]])},[w("tr",null,[(d(!0),h(Y,null,le(r(de),(c,T)=>(d(),h("th",{key:T,class:V([{sortable:c.sortable,none:c.sortable&&c.sortType==="none",desc:c.sortable&&c.sortType==="desc",asc:c.sortable&&c.sortType==="asc",shadow:c.value===r(st)},typeof p.headerItemClassName=="string"?p.headerItemClassName:p.headerItemClassName(c,T+1)]),style:He(ot(c.value)),onClick:$e(B=>c.sortable&&c.sortType?r(Ct)(c.value,c.sortType):null,["stop"])},[c.text==="checkbox"?(d(),j(Pa,{key:r(Ze),status:r(Ze),onChange:r(Bt)},null,8,["status","onChange"])):(d(),h("span",{key:1,class:V(["header",`direction-${r(P)}`])},[r(z)[`header-${c.value}`]?H(p.$slots,`header-${c.value}`,Q(oe({key:0},c)),void 0,!0):r(z)[`header-${c.value.toLowerCase()}`]?H(p.$slots,`header-${c.value.toLowerCase()}`,Q(oe({key:1},c)),void 0,!0):r(z).header?H(p.$slots,"header",Q(oe({key:2},c)),void 0,!0):(d(),h("span",vs,G(c.text),1)),c.sortable?(d(),h("i",{key:c.sortType?c.sortType:"none",class:V(["sortType-icon",{desc:c.sortType==="desc"}])},null,2)):L("",!0),r(F)&&r(kt)(c.value)?(d(),h("span",hs,G(r(St)(c.value)),1)):L("",!0)],2))],14,gs))),128))])],2)):L("",!0),r(_t)?H(p.$slots,"body",Q(oe({key:2},r(pe))),void 0,!0):r(ze).length?(d(),h("tbody",{key:3,class:V(["vue3-easy-data-table__body",{"row-alternation":p.alternating}])},[H(p.$slots,"body-prepend",Q(Me({items:r(pe),pagination:{isFirstPage:r(Ce),isLastPage:r(we),currentPaginationNumber:r(Z),maxPaginationNumber:r(Pe),nextPage:r(ke),prevPage:r(Se)},headers:r(de)})),void 0,!0),(d(!0),h(Y,null,le(r(pe),(c,T)=>(d(),h(Y,{key:T},[w("tr",{class:V([{"even-row":(T+1)%2===0},typeof p.bodyRowClassName=="string"?p.bodyRowClassName:p.bodyRowClassName(c,T+1)]),onClick:B=>{r(rt)(c,"single",B),p.clickRowToExpand&&r(tt)(T+r(Ne),c,B)},onDblclick:B=>{r(rt)(c,"double",B)},onContextmenu:B=>{Lt(c,B)}},[(d(!0),h(Y,null,le(r(ze),(B,Dt)=>(d(),h("td",{key:Dt,style:He(ot(B,"td")),class:V([{shadow:B===r(st),"can-expand":B==="expand"},typeof p.bodyItemClassName=="string"?p.bodyItemClassName:p.bodyItemClassName(B,T+1),`direction-${r(f)}`]),onClick:nt=>B==="expand"?r(tt)(T+r(Ne),c,nt):null},[r(z)[`item-${B}`]?H(p.$slots,`item-${B}`,Q(oe({key:0},c)),void 0,!0):r(z)[`item-${B.toLowerCase()}`]?H(p.$slots,`item-${B.toLowerCase()}`,Q(oe({key:1},c)),void 0,!0):B==="expand"?(d(),h("i",{key:2,class:V(["expand-icon",{expanding:r(et).includes(r(Ne)+T)}])},null,2)):B==="checkbox"?(d(),j(Ia,{key:3,checked:c[B],onChange:nt=>r(Rt)(c)},null,8,["checked","onChange"])):r(z).item?H(p.$slots,"item",Q(oe({key:4},{column:B,item:c})),void 0,!0):(d(),h(Y,{key:5},[Ue(G(r(cs)(B,c)),1)],64))],14,bs))),128))],42,ys),r(je)&&r(et).includes(T+r(Ne))?(d(),h("tr",{key:0,class:V([{"even-row":(T+1)%2===0},typeof p.bodyExpandRowClassName=="string"?p.bodyExpandRowClassName:p.bodyExpandRowClassName(c,T+1)])},[w("td",{colspan:r(de).length,class:"expand"},[c.expandLoading?(d(),j(Wa,{key:0,class:"expand-loading"})):L("",!0),H(p.$slots,"expand",Q(Me(c)),void 0,!0)],8,_s)],2)):L("",!0)],64))),128)),H(p.$slots,"body-append",Q(Me({items:r(pe),pagination:{isFirstPage:r(Ce),isLastPage:r(we),currentPaginationNumber:r(Z),maxPaginationNumber:r(Pe),nextPage:r(ke),prevPage:r(Se),updatePage:r(Ie)},headers:r(de)})),void 0,!0)],2)):L("",!0)],8,fs),r(N)?(d(),h("div",xs,[Ps,w("div",ws,[r(bt)?H(p.$slots,"loading",{key:0},void 0,!0):(d(),j(Ha,{key:1}))])])):L("",!0),!r(pe).length&&!r(N)?(d(),h("div",Cs,[H(p.$slots,"empty-message",{},()=>[Ue(G(p.emptyMessage),1)],!0)])):L("",!0)],2),p.hideFooter?L("",!0):(d(),h("div",ks,[p.hideRowsPerPage?L("",!0):(d(),h("div",Ss,[Ue(G(p.rowsPerPageMessage)+" ",1),k($a,{modelValue:r(re),"onUpdate:modelValue":J[0]\|\|(J[0]=c=>Ft(re)?re.value=c:null),"rows-items":r(Qe)},null,8,["modelValue","rows-items"])])),w("div",Is,G(`${r(Ke)}–${r(Xe)}`)+" "+G(r(he))+" "+G(r(Ae)),1),r(yt)?H(p.$slots,"pagination",Q(oe({key:1},{isFirstPage:r(Ce),isLastPage:r(we),currentPaginationNumber:r(Z),maxPaginationNumber:r(Pe),nextPage:r(ke),prevPage:r(Se)})),void 0,!0):(d(),j(ts,{key:2,"is-first-page":r(Ce),"is-last-page":r(we),onClickNextPage:r(ke),onClickPrevPage:r(Se)},Tt({_:2},[p.buttonsPagination?{name:"buttonsPagination",fn:D(()=>[k(Qa,{"current-pagination-number":r(Z),"max-pagination-number":r(Pe),onUpdatePage:r(Ie)},null,8,["current-pagination-number","max-pagination-number","onUpdatePage"])]),key:"0"}:void 0]),1032,["is-first-page","is-last-page","onClickNextPage","onClickPrevPage"]))]))],2))}});var gt=ue(Ns,[["__scopeId","data-v-32683533"]]);typeof window<"u"&&window.Vue&&window.Vue.createApp({}).component("Vue3EasyDataTable",gt);const Bs="/assets/main-user.df3f61fd.png";const Rs={components:{Layout:Ut,Loading:mt,Form:da,Vue3EasyDataTable:gt,Pagination:ra,InputGroup:oa,CreateButton:ea,EditButton:aa,DeleteButton:ta,Badge:sa},data(){return{title:"Users",defaultImg:Bs,breadcrumbs:[{text:"Home",href:"/"},{text:"Settings",href:"/settings/users"},{text:"Users",active:!0}],activeUser:this.$store.userSettings.getActiveUser??null,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:"Name",field:"name"},{label:"Username",field:"username"},{label:"Email",field:"email"},{label:"Roles",field:"role_names",sortable:!1},{label:"Department Access",field:"department_access",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:na.debounce(function(){this.fetchRecords()},800)},computed:{perPage:function(){return this.serverOptions.rowsPerPage}},methods:{async fetchRecords(){this.state.isLoading=!0,this.state.isMounted=!1,await qe.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((a,n)=>({"#":(this.serverOptions.page-1)this.serverOptions.rowsPerPage+(n+1),...a,name:this.activeUser&&this.activeUser.id&&a.id==this.activeUser.id?"You":a.name,profile_image:a.profile_image??this.defaultImg,role_names:a.roles?a.roles.map(s=>s.name):[]})),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()},editRecord(e){this.$refs.form.resetForm(),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,user.remove(e).then(a=>{a.status==200&&(this.$swal.fire({title:"Great!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3}),this.fetchRecords())}).catch(a=>{console.log(a),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()}},Os={key:0,class:"flex gap-1"},As={class:"w-8 h-8 rounded-full ltr:mr-3 rtl:ml-3 flex-none"},Ls=["src"],$s={key:1,class:"flex flex-wrap gap-1"},Ds={key:2,class:"flex flex-wrap gap-1"},Es={key:3,class:"flex gap-1"},Fs={class:"py-4 px-3 flex justify-end"};function Ts(e,t,a,n,s,l){const f=E("InputGroup"),i=E("CreateButton"),o=E("Loading"),u=E("Badge"),_=E("EditButton"),C=E("DeleteButton"),g=E("Pagination"),S=E("vue-good-table"),y=E("Form"),I=E("Layout");return d(),j(I,{header:s.title,theme:"#116466",breadcrumbs:s.breadcrumbs},{icon:D(()=>t[3]\|\|(t[3]=[])),search:D(()=>[k(f,{modelValue:s.searchQuery,"onUpdate:modelValue":t[0]\|\|(t[0]=P=>s.searchQuery=P),class:"w-full border focus:border-cyan-500",placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"])]),action:D(()=>[k(i,{onClick:l.createRecord},null,8,["onClick"])]),default:D(()=>[w("div",null,[s.state.isLoading?(d(),j(o,{key:0,searching:!0,text:"Fetching records"})):L("",!0),s.state.isDeleting?(d(),j(o,{key:1,text:"Deleting record"})):L("",!0),k(S,{columns:s.columns,styleClass:"vgt-table table-head lesspadding v-middle",mode:"remote",rows:s.items,search:!0,"sort-options":{enabled:!0},"pagination-options":{enabled:!0},onSortChange:l.onSortChange,"max-height":"600px"},{"table-row":D(P=>[P.column.field=="name"?(d(),h("span",Os,[w("span",As,[w("img",{src:P.row.profile_image,alt:"profile_image",class:"object-cover w-full h-full rounded-full"},null,8,Ls)]),w("span",null,G(P.row.name),1)])):L("",!0),P.column.field=="role_names"?(d(),h("div",$s,[(d(!0),h(Y,null,le(P.row.role_names,O=>(d(),j(u,{key:O,label:O,badgeClass:"bg-primary-700 text-white",icon:O=="Super Admin"?"heroicons-outline:star":null},null,8,["label","icon"]))),128))])):L("",!0),P.column.field=="department_access"?(d(),h("div",Ds,[(d(!0),h(Y,null,le(P.row.department_access,O=>(d(),j(u,{key:O.id,label:O.name,badgeClass:"bg-primary-700 text-white"},null,8,["label"]))),128))])):L("",!0),P.column.field=="action"?(d(),h("span",Es,[k(_,{onClick:O=>l.editRecord(P.row)},null,8,["onClick"]),k(C,{onClick:O=>l.deleteRecord(P.row.code)},null,8,["onClick"])])):L("",!0)]),"pagination-bottom":D(P=>[w("div",Fs,[k(g,{total:s.totalItems,current:s.serverOptions.page,"per-page":s.serverOptions.rowsPerPage,onPageChanged:l.handlePageChange,pageChanged:P.pageChanged,perPageChanged:s.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:s.perPageOptions,onChangePerPage:l.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"]),k(y,{editData:e.editData,onCloseModal:t[1]\|\|(t[1]=P=>s.state.showModal=!1),ref:"form",onReload:t[2]\|\|(t[2]=P=>l.fetchRecords())},null,8,["editData"])])]),_:1},8,["header","breadcrumbs"])}const Pr=ct(Rs,[["render",Ts],["__scopeId","data-v-d201eec2"]]);export{Pr as default};

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