yekonga-server
Version:
Yekonga Server
2 lines (1 loc) • 44.8 kB
JavaScript
import{H as e,Q as t,P as s,g as i,o as a,c as o,m as r,q as l,n,v as d,h as c,t as u,B as m,D as p,j as f,a9 as h,k as $,x as v,aa as w}from"./vendor.38a5f540.js";import{u as b}from"./index.esm.ef3672ff.js";import g from"./View.919af22b.js";const y={name:"UserFormComponent",components:{},setup:function(){return{v$:b()}},computed:e({currentUser:"user"}),props:{oneLine:Boolean,userId:String},watch:{userId:function(e,t){this.resetForm(e,!1)},"$route.params.userId":function(e,t){this.resetForm(e,!1)},form:{deep:!0,handler:function(e){this.uuid?window.VueStorage.setValue("createUserFormData",e):window.VueStorage.setValue("editUserFormData",e)}}},data:()=>({locationPickerKey:window.VueStorage.uuid(),formQuery:"{userId,firstName,secondName,lastName,email,phone,profileUrl,role,status,isActive,isPhoneVerified,phoneVerifiedAt,isEmailVerified,emailVerifiedAt,otpCode,otpCreatedAt,createdAt,updatedAt,deletedAt}",formRelatedQuery:"",uuid:null,isEditing:!1,loading:!1,processingSubmit:!1,formStatus:!0,submitStatus:null,form:{firstName:null,secondName:null,lastName:null,email:null,phone:null,profileUrl:null,password:null,role:null,status:null,isActive:!1,isPhoneVerified:!1,phoneVerifiedAt:null,isEmailVerified:!1,emailVerifiedAt:null,otpCode:null,otpCreatedAt:null}}),created(){this.uuid=this.$route.params.userId,this.userId&&!this.uuid&&(this.uuid=this.userId),this.initData()},mounted(){},validations:()=>({form:{firstName:{},secondName:{},lastName:{},email:{email:t},phone:{},profileUrl:{},password:{required:s},role:{},status:{},isActive:{},isPhoneVerified:{},phoneVerifiedAt:{},isEmailVerified:{},emailVerifiedAt:{},otpCode:{},otpCreatedAt:{}}}),methods:{fetchJson:async function(e=!1){e||(this.loading=!0);var t=await window.ajaxGraphql(`query {user(where:{userId:{equalTo:"${this.uuid}"}})${this.formQuery},${this.formRelatedQuery}}`,null);if(t.user){var s=t.user;for(const e in this.form)Object.prototype.hasOwnProperty.call(this.form,e)&&"uuid"!=e&&"id"!=e&&(this.form[e]=s[e]);e&&this.$emit("update",s),setTimeout((()=>{window.VueStorage.setValue("editUserFormData",null),window.VueStorage.setValue("editUserFormDataId",null)}),1e3)}this.loading=!1},initData:async function(){if(this.uuid){this.isEditing=!0;let e=window.VueStorage.getValue("editUserFormData"),t=window.VueStorage.getValue("editUserFormDataId");if(e)if(t==this.uuid){if(await window.customConfirm(this.$t("user.alertContinueWhereLeft"))&&t)return void(this.form=e)}else if(t&&await window.customConfirm(this.$t("user.alertContinueWhereLeft")))return this.uuid=t,void(this.form=e);this.fetchJson(!1)}else{let e=window.VueStorage.getValue("createUserFormData");e&&(await window.customConfirm(this.$t("user.alertContinueWhereLeft"))&&(this.form=e),window.VueStorage.setValue("createUserFormData",null))}},onSubmit:async function(e){var t=window.copyObject(this.form);if(this.processingSubmit=!0,this.formStatus=!0,this.v$.$touch(),this.v$.$invalid)console.error(this.v$.form),setTimeout((()=>{this.submitStatus="ERROR",this.formStatus=!1,this.processingSubmit=!1}),500);else{var s=`mutation ($input:[UserInput!]) {user:createUser(input:$input){success,message,data${this.formQuery},${this.formRelatedQuery}}}`;this.isEditing?s=`mutation ($input:UserInput!) {user:updateUser(where:{userId:{equalTo:"${this.uuid}"}},input:$input){status,message,data${this.formQuery},${this.formRelatedQuery}}}`:t=[t];var i=await window.ajaxGraphql(s,{input:t});if(i&&i.user){var a=i.user;this.isEditing=!0,!this.uuid&&a.data&&a.data.userId&&(this.uuid=a.data.userId),this.submitStatus="OK",this.formStatus=!0,this.resetForm(this.uuid,!0)}else this.submitStatus="ERROR",this.formStatus=!1;this.processingSubmit=!1}},resetForm:function(e,t){if(this.processingSubmit=!1,this.locationPickerKey=window.VueStorage.uuid(),this.v$.$reset(),this.uuid=e,this.uuid)this.isEditing=!0,this.fetchJson(t);else{for(const e in this.form)Object.prototype.hasOwnProperty.call(this.form,e)&&(this.form[e]=null);window.VueStorage.setValue("createUserFormData",null),this.isEditing=!1,setTimeout((()=>{this.submitStatus=null,this.formStatus=!1}),3e3)}},update(){this.$emit("update",this.user)}}},k=["placeholder"],A={key:0,class:"invalid-feedback"},C=["placeholder"],V={key:0,class:"invalid-feedback"},x=["placeholder"],U={key:0,class:"invalid-feedback"},S=["placeholder"],I={key:0,class:"invalid-feedback"},N=["placeholder"],L={key:0,class:"invalid-feedback"},M={key:0,class:"invalid-feedback"},P=["placeholder"],D={key:0,class:"invalid-feedback"},R={class:"clearfix"},E={key:0,class:"invalid-feedback"},j={class:"clearfix"},q={key:0,class:"invalid-feedback"},F={class:"form-check form-switch"},O={class:"form-check-label",for:"form_isActive"},_={key:0,class:"invalid-feedback"},G={class:"form-check form-switch"},J={class:"form-check-label",for:"form_isPhoneVerified"},T={key:0,class:"invalid-feedback"},Q={key:0,class:"invalid-feedback"},H={class:"form-check form-switch"},B={class:"form-check-label",for:"form_isEmailVerified"},z={key:0,class:"invalid-feedback"},K={key:0,class:"invalid-feedback"},W=["placeholder"],X={key:0,class:"invalid-feedback"},Y={key:0,class:"invalid-feedback"};y.render=function(e,t,s,w,b,g){i("processing-alert");const y=i("processing-block"),Z=i("fileupload"),ee=i("check-list"),te=i("datepicker"),se=i("submit-button");return i("processing"),a(),o("div",{class:d(["needs-validation",{"was-validated":null!=b.submitStatus}]),novalidate:""},[(b.processingSubmit,l("",!0)),b.loading?(a(),r(y,{key:1})):l("",!0),b.loading?l("",!0):(a(),o("form",{key:2,class:"form",onSubmit:t[17]||(t[17]=n(((...e)=>g.onSubmit&&g.onSubmit(...e)),["prevent"]))},[e.$isPermitted("user.field.firstName")?(a(),o("div",{key:0,class:d(["form-group form-custom-style mb-3",{"is-invalid":e.v$.form.firstName.$error,row:s.oneLine}])},[c("label",{class:d(["form-label mb-1",{"col-sm-4 col-form-label text-end":s.oneLine}])},u(e.$t("user.firstName"))+":",3),c("div",{class:d({col:s.oneLine})},[m(c("input",{type:"text","onUpdate:modelValue":t[0]||(t[0]=t=>e.v$.form.firstName.$model=t),class:"form-control",placeholder:e.$t("user.firstName")},null,8,k),[[p,e.v$.form.firstName.$model]]),e.v$.form.firstName.$error?(a(),o("div",A,u(e.$t("user.firstNameRequired")),1)):l("",!0)],2)],2)):l("",!0),e.$isPermitted("user.field.secondName")?(a(),o("div",{key:1,class:d(["form-group form-custom-style mb-3",{"is-invalid":e.v$.form.secondName.$error,row:s.oneLine}])},[c("label",{class:d(["form-label mb-1",{"col-sm-4 col-form-label text-end":s.oneLine}])},u(e.$t("user.secondName"))+":",3),c("div",{class:d({col:s.oneLine})},[m(c("input",{type:"text","onUpdate:modelValue":t[1]||(t[1]=t=>e.v$.form.secondName.$model=t),class:"form-control",placeholder:e.$t("user.secondName")},null,8,C),[[p,e.v$.form.secondName.$model]]),e.v$.form.secondName.$error?(a(),o("div",V,u(e.$t("user.secondNameRequired")),1)):l("",!0)],2)],2)):l("",!0),e.$isPermitted("user.field.lastName")?(a(),o("div",{key:2,class:d(["form-group form-custom-style mb-3",{"is-invalid":e.v$.form.lastName.$error,row:s.oneLine}])},[c("label",{class:d(["form-label mb-1",{"col-sm-4 col-form-label text-end":s.oneLine}])},u(e.$t("user.lastName"))+":",3),c("div",{class:d({col:s.oneLine})},[m(c("input",{type:"text","onUpdate:modelValue":t[2]||(t[2]=t=>e.v$.form.lastName.$model=t),class:"form-control",placeholder:e.$t("user.lastName")},null,8,x),[[p,e.v$.form.lastName.$model]]),e.v$.form.lastName.$error?(a(),o("div",U,u(e.$t("user.lastNameRequired")),1)):l("",!0)],2)],2)):l("",!0),e.$isPermitted("user.field.email")?(a(),o("div",{key:3,class:d(["form-group form-custom-style mb-3",{"is-invalid":e.v$.form.email.$error,row:s.oneLine}])},[c("label",{class:d(["form-label mb-1",{"col-sm-4 col-form-label text-end":s.oneLine}])},u(e.$t("user.email"))+":",3),c("div",{class:d({col:s.oneLine})},[m(c("input",{type:"text","onUpdate:modelValue":t[3]||(t[3]=t=>e.v$.form.email.$model=t),class:"form-control",placeholder:e.$t("user.email")},null,8,S),[[p,e.v$.form.email.$model]]),e.v$.form.email.$error?(a(),o("div",I,u(e.$t("user.emailRequired")),1)):l("",!0)],2)],2)):l("",!0),e.$isPermitted("user.field.phone")?(a(),o("div",{key:4,class:d(["form-group form-custom-style mb-3",{"is-invalid":e.v$.form.phone.$error,row:s.oneLine}])},[c("label",{class:d(["form-label mb-1",{"col-sm-4 col-form-label text-end":s.oneLine}])},u(e.$t("user.phone"))+":",3),c("div",{class:d({col:s.oneLine})},[m(c("input",{type:"text","onUpdate:modelValue":t[4]||(t[4]=t=>e.v$.form.phone.$model=t),class:"form-control",placeholder:e.$t("user.phone")},null,8,N),[[p,e.v$.form.phone.$model]]),e.v$.form.phone.$error?(a(),o("div",L,u(e.$t("user.phoneRequired")),1)):l("",!0)],2)],2)):l("",!0),e.$isPermitted("user.field.profileUrl")?(a(),o("div",{key:5,class:d(["form-group form-custom-style mb-3",{"is-invalid":e.v$.form.profileUrl.$error,row:s.oneLine}])},[c("label",{class:d(["form-label mb-1",{"col-sm-4 col-form-label text-end":s.oneLine}])},u(e.$t("user.profileUrl"))+":",3),c("div",{class:d({col:s.oneLine})},[f(Z,{accepted:"png,jpg,jpeg,svg",defaultValue:b.form.profileUrl,modelValue:e.v$.form.profileUrl.$model,"onUpdate:modelValue":t[5]||(t[5]=t=>e.v$.form.profileUrl.$model=t)},null,8,["defaultValue","modelValue"]),e.v$.form.profileUrl.$error?(a(),o("div",M,u(e.$t("user.profileUrlRequired")),1)):l("",!0)],2)],2)):l("",!0),e.$isPermitted("user.field.password")?(a(),o("div",{key:6,class:d(["form-group form-custom-style mb-3",{"is-invalid":e.v$.form.password.$error,row:s.oneLine}])},[c("label",{class:d(["form-label mb-1",{"col-sm-4 col-form-label text-end":s.oneLine}])},u(e.$t("user.password"))+":",3),c("div",{class:d({col:s.oneLine})},[m(c("input",{type:"text","onUpdate:modelValue":t[6]||(t[6]=t=>e.v$.form.password.$model=t),class:"form-control",placeholder:e.$t("user.password")},null,8,P),[[p,e.v$.form.password.$model]]),e.v$.form.password.$error?(a(),o("div",D,u(e.$t("user.passwordRequired")),1)):l("",!0)],2)],2)):l("",!0),e.$isPermitted("user.field.role")?(a(),o("div",{key:7,class:d(["form-group form-custom-style mb-3",{"is-invalid":e.v$.form.role.$error,row:s.oneLine}])},[c("label",{class:d(["form-label mb-1",{"col-sm-4 col-form-label text-end":s.oneLine}])},u(e.$t("user.role"))+":",3),c("div",{class:d({col:s.oneLine})},[c("div",R,[f(ee,{modelValue:e.v$.form.role.$model,"onUpdate:modelValue":t[7]||(t[7]=t=>e.v$.form.role.$model=t),type:"radio",valueType:"string",sources:{admin:e.$t("general.roleAdmin"),manager:e.$t("general.roleManager"),member:e.$t("general.roleMember"),subscriber:e.$t("general.roleSubscriber")}},null,8,["modelValue","sources"])]),e.v$.form.role.$error?(a(),o("div",E,u(e.$t("user.roleRequired")),1)):l("",!0)],2)],2)):l("",!0),e.$isPermitted("user.field.status")?(a(),o("div",{key:8,class:d(["form-group form-custom-style mb-3",{"is-invalid":e.v$.form.status.$error,row:s.oneLine}])},[c("label",{class:d(["form-label mb-1",{"col-sm-4 col-form-label text-end":s.oneLine}])},u(e.$t("user.status"))+":",3),c("div",{class:d({col:s.oneLine})},[c("div",j,[f(ee,{modelValue:e.v$.form.status.$model,"onUpdate:modelValue":t[8]||(t[8]=t=>e.v$.form.status.$model=t),type:"radio",valueType:"string",sources:{active:e.$t("general.statusActive"),inactive:e.$t("general.statusInactive")}},null,8,["modelValue","sources"])]),e.v$.form.status.$error?(a(),o("div",q,u(e.$t("user.statusRequired")),1)):l("",!0)],2)],2)):l("",!0),e.$isPermitted("user.field.isActive")?(a(),o("div",{key:9,class:d(["form-group form-custom-style mb-3",{"is-invalid":e.v$.form.isActive.$error,row:s.oneLine}])},[c("label",{class:d(["form-label mb-1",{"col-sm-4 col-form-label text-end":s.oneLine}])},u(e.$t("user.isActive"))+":",3),c("div",{class:d({col:s.oneLine})},[c("label",F,[m(c("input",{type:"checkbox",class:"form-check-input",id:"form_isActive","onUpdate:modelValue":t[9]||(t[9]=t=>e.v$.form.isActive.$model=t),name:"form.isActive"},null,512),[[h,e.v$.form.isActive.$model]]),c("span",O,u(e.$t("user.isActiveInfo")),1)]),e.v$.form.isActive.$error?(a(),o("div",_,u(e.$t("user.isActiveRequired")),1)):l("",!0)],2)],2)):l("",!0),e.$isPermitted("user.field.isPhoneVerified")?(a(),o("div",{key:10,class:d(["form-group form-custom-style mb-3",{"is-invalid":e.v$.form.isPhoneVerified.$error,row:s.oneLine}])},[c("label",{class:d(["form-label mb-1",{"col-sm-4 col-form-label text-end":s.oneLine}])},u(e.$t("user.isPhoneVerified"))+":",3),c("div",{class:d({col:s.oneLine})},[c("label",G,[m(c("input",{type:"checkbox",class:"form-check-input",id:"form_isPhoneVerified","onUpdate:modelValue":t[10]||(t[10]=t=>e.v$.form.isPhoneVerified.$model=t),name:"form.isPhoneVerified"},null,512),[[h,e.v$.form.isPhoneVerified.$model]]),c("span",J,u(e.$t("user.isPhoneVerifiedInfo")),1)]),e.v$.form.isPhoneVerified.$error?(a(),o("div",T,u(e.$t("user.isPhoneVerifiedRequired")),1)):l("",!0)],2)],2)):l("",!0),e.$isPermitted("user.field.phoneVerifiedAt")?(a(),o("div",{key:11,class:d(["form-group form-custom-style mb-3",{"is-invalid":e.v$.form.phoneVerifiedAt.$error,row:s.oneLine}])},[c("label",{class:d(["form-label mb-1",{"col-sm-4 col-form-label text-end":s.oneLine}])},u(e.$t("user.phoneVerifiedAt"))+":",3),c("div",{class:d({col:s.oneLine})},[f(te,{class:d("form-control"),modelValue:e.v$.form.phoneVerifiedAt.$model,"onUpdate:modelValue":t[11]||(t[11]=t=>e.v$.form.phoneVerifiedAt.$model=t)},null,8,["modelValue"]),e.v$.form.phoneVerifiedAt.$error?(a(),o("div",Q,u(e.$t("user.phoneVerifiedAtRequired")),1)):l("",!0)],2)],2)):l("",!0),e.$isPermitted("user.field.isEmailVerified")?(a(),o("div",{key:12,class:d(["form-group form-custom-style mb-3",{"is-invalid":e.v$.form.isEmailVerified.$error,row:s.oneLine}])},[c("label",{class:d(["form-label mb-1",{"col-sm-4 col-form-label text-end":s.oneLine}])},u(e.$t("user.isEmailVerified"))+":",3),c("div",{class:d({col:s.oneLine})},[c("label",H,[m(c("input",{type:"checkbox",class:"form-check-input",id:"form_isEmailVerified","onUpdate:modelValue":t[12]||(t[12]=t=>e.v$.form.isEmailVerified.$model=t),name:"form.isEmailVerified"},null,512),[[h,e.v$.form.isEmailVerified.$model]]),c("span",B,u(e.$t("user.isEmailVerifiedInfo")),1)]),e.v$.form.isEmailVerified.$error?(a(),o("div",z,u(e.$t("user.isEmailVerifiedRequired")),1)):l("",!0)],2)],2)):l("",!0),e.$isPermitted("user.field.emailVerifiedAt")?(a(),o("div",{key:13,class:d(["form-group form-custom-style mb-3",{"is-invalid":e.v$.form.emailVerifiedAt.$error,row:s.oneLine}])},[c("label",{class:d(["form-label mb-1",{"col-sm-4 col-form-label text-end":s.oneLine}])},u(e.$t("user.emailVerifiedAt"))+":",3),c("div",{class:d({col:s.oneLine})},[f(te,{class:d("form-control"),modelValue:e.v$.form.emailVerifiedAt.$model,"onUpdate:modelValue":t[13]||(t[13]=t=>e.v$.form.emailVerifiedAt.$model=t)},null,8,["modelValue"]),e.v$.form.emailVerifiedAt.$error?(a(),o("div",K,u(e.$t("user.emailVerifiedAtRequired")),1)):l("",!0)],2)],2)):l("",!0),e.$isPermitted("user.field.otpCode")?(a(),o("div",{key:14,class:d(["form-group form-custom-style mb-3",{"is-invalid":e.v$.form.otpCode.$error,row:s.oneLine}])},[c("label",{class:d(["form-label mb-1",{"col-sm-4 col-form-label text-end":s.oneLine}])},u(e.$t("user.otpCode"))+":",3),c("div",{class:d({col:s.oneLine})},[m(c("input",{type:"text","onUpdate:modelValue":t[14]||(t[14]=t=>e.v$.form.otpCode.$model=t),class:"form-control",placeholder:e.$t("user.otpCode")},null,8,W),[[p,e.v$.form.otpCode.$model]]),e.v$.form.otpCode.$error?(a(),o("div",X,u(e.$t("user.otpCodeRequired")),1)):l("",!0)],2)],2)):l("",!0),e.$isPermitted("user.field.otpCreatedAt")?(a(),o("div",{key:15,class:d(["form-group form-custom-style mb-3",{"is-invalid":e.v$.form.otpCreatedAt.$error,row:s.oneLine}])},[c("label",{class:d(["form-label mb-1",{"col-sm-4 col-form-label text-end":s.oneLine}])},u(e.$t("user.otpCreatedAt"))+":",3),c("div",{class:d({col:s.oneLine})},[f(te,{class:d("form-control"),modelValue:e.v$.form.otpCreatedAt.$model,"onUpdate:modelValue":t[15]||(t[15]=t=>e.v$.form.otpCreatedAt.$model=t)},null,8,["modelValue"]),e.v$.form.otpCreatedAt.$error?(a(),o("div",Y,u(e.$t("user.otpCreatedAtRequired")),1)):l("",!0)],2)],2)):l("",!0),c("div",{class:d({row:s.oneLine})},[e.$isPermitted("user.create")?(a(),o("div",{key:0,class:d(["clearfix",{"col offset-sm-4":s.oneLine}])},[l("",!0),f(se,{class:"",btnVariant:"primary",processing:b.processingSubmit,status:b.formStatus},{default:$((()=>[v(u(e.$t("general.save")),1)])),_:1},8,["processing","status"]),b.isEditing?l("",!0):(a(),o("button",{key:1,class:"btn btn-secondary ms-3",type:"reset",onClick:t[16]||(t[16]=e=>g.resetForm(null,!0))},u(e.$t("general.reset")),1)),l("",!0)],2)):l("",!0)],2)],32))],2)};const Z={name:"UserDataItemComponent",props:{index:{type:Number,default:0},data:{type:Object,default:()=>{}},selectedItems:{type:Array,default:()=>[]},parentComp:{type:Object,default:()=>{}},paginatorComp:{type:Object,default:()=>{}}},methods:{toggleItem(e,t){var s=!this.paginatorComp.selectedListIDs.includes(t.uuid);this.paginatorComp.onSelect(t,s)}}},ee={class:"col-12 mb-3"},te={class:"d-flex flex-grow-1 min-width-zero ps-2"},se={class:"card-body d-flex flex-column flex-md-row align-self-center align-items-lg-center justify-content-between min-width-zero py-3"},ie={class:"w-30 w-sm-100"},ae={class:"d-flex"},oe={class:"media-body text-start"},re={class:"d-inline-block p-0"},le={class:"font-italic text-muted small"},ne={class:"w-70 w-sm-100"},de={class:"row flex-column flex-md-row align-items-lg-center"},ce={class:"col"},ue={class:"d-block"},me={class:"col"},pe={class:"d-block"},fe={class:"col"},he={class:"d-block"},$e={class:"col"},ve={class:"d-block"},we={class:"d-inline-block align-self-center me-4"},be={class:"dropdown d-md-none d-inline-block"},ge=["id"],ye=[c("i",{class:"ye ye-ellipsis-v-alt"},null,-1)],ke=["aria-labelledby"],Ae=[c("i",{class:"ye ye-eye me-2"},null,-1),v(" Show")],Ce=[c("i",{class:"ye ye-edit me-2"},null,-1),v(" Edit")],Ve=[c("i",{class:"ye ye-trash me-2"},null,-1),v("Delete")],xe={class:"d-none d-md-block"},Ue=[c("i",{class:"ye ye-eye"},null,-1)],Se=[c("i",{class:"ye ye-edit"},null,-1)],Ie=[c("i",{class:"ye ye-trash"},null,-1)],Ne=["checked"];Z.render=function(e,t,s,r,l,m){const p=i("custom-image"),h=i("router-link");return a(),o("div",ee,[c("div",{class:d(["card d-flex",{active:s.paginatorComp.selectedListIDs.includes(s.data.uuid)}]),"no-body":""},[c("div",te,[c("div",se,[c("div",ie,[f(h,{to:{path:"/app/users/show/"+s.data.userId},class:"d-block"},{default:$((()=>[c("div",ae,[f(p,{class:"img-thumbnail me-3",width:"40px",height:"40px",rounded:"50%",border:"1px",url:s.data.profileUrl},null,8,["url"]),c("div",oe,[c("span",re,u(s.data.firstName)+" "+u(s.data.lastName),1),c("div",le,u(s.data.email),1)])])])),_:1},8,["to"])]),c("div",ne,[c("div",de,[c("div",ce,[c("span",ue,u(s.data.secondName),1)]),c("div",me,[c("span",pe,u(s.data.lastName),1)]),c("div",fe,[c("span",he,u(s.data.email),1)]),c("div",$e,[c("span",ve,u(s.data.phone),1)])])])]),c("div",we,[c("div",be,[c("button",{class:"btn btn-outline-dark text-dark py-2 px-3 border",type:"button",id:`dropdownMenuButton${s.index}`,"data-bs-toggle":"dropdown","aria-expanded":"false"},ye,8,ge),c("ul",{class:"dropdown-menu","aria-labelledby":`dropdownMenuButton${s.index}`},[c("li",null,[c("a",{onClick:t[0]||(t[0]=e=>s.parentComp.onContextMenuAction("show",s.data)),class:"dropdown-item",href:"#"},Ae)]),c("li",null,[c("a",{onClick:t[1]||(t[1]=e=>s.parentComp.onContextMenuAction("edit",s.data)),class:"dropdown-item",href:"#"},Ce)]),c("li",null,[c("a",{onClick:t[2]||(t[2]=e=>s.parentComp.onContextMenuAction("delete",s.data)),class:"dropdown-item",href:"#"},Ve)])],8,ke)]),c("div",xe,[c("div",{onClick:t[3]||(t[3]=e=>s.parentComp.onContextMenuAction("show",s.data)),class:"badge badge-outline-dark rounded pointer"},Ue),c("div",{onClick:t[4]||(t[4]=e=>s.parentComp.onContextMenuAction("edit",s.data)),class:"badge badge-outline-primary rounded pointer ms-1"},Se),c("div",{onClick:t[5]||(t[5]=e=>s.parentComp.onContextMenuAction("delete",s.data)),class:"badge badge-outline-danger rounded pointer ms-1"},Ie)])]),c("div",{onClick:t[6]||(t[6]=n((e=>m.toggleItem(e,s.data)),["prevent"])),class:"custom-control custom-checkbox ps-1 align-self-center pe-4"},[c("input",{type:"checkbox",checked:s.paginatorComp.selectedListIDs.includes(s.data.uuid),disabled:!0,class:"form-check-input"},null,8,Ne)])])],2)])};const Le={name:"UserImageItemComponent",props:{index:{type:Number,default:0},data:{type:Object,default:()=>{}},selectedItems:{type:Array,default:()=>[]},parentComp:{type:Object,default:()=>{}},paginatorComp:{type:Object,default:()=>{}}},methods:{toggleItem(e,t){var s=!this.paginatorComp.selectedListIDs.includes(t.uuid);this.paginatorComp.onSelect(t,s)}}},Me={class:"col-12 col-md-4 mb-4"},Pe={class:"position-relative"},De={class:"card-body"},Re={class:"row"},Ee=["checked"],je={class:"col-10 mb-3"},qe={class:"d-flex clearfix"},Fe={class:"d-block"},Oe={class:"d-flex clearfix"},_e={class:"d-block"},Ge={class:"d-block"},Je={class:"clearfix text-end"},Te={class:"d-inline-block align-self-center me-4"},Qe={class:"dropdown d-md-none d-inline-block"},He=["id"],Be=[c("i",{class:"ye ye-ellipsis-v-alt"},null,-1)],ze=["aria-labelledby"],Ke=[c("i",{class:"ye ye-eye me-2"},null,-1),v(" Show")],We=[c("i",{class:"ye ye-edit me-2"},null,-1),v(" Edit")],Xe=[c("i",{class:"ye ye-trash me-2"},null,-1),v("Delete")],Ye={class:"d-none d-md-block"},Ze=[c("i",{class:"ye ye-eye"},null,-1)],et=[c("i",{class:"ye ye-edit"},null,-1)],tt=[c("i",{class:"ye ye-trash"},null,-1)];Le.render=function(e,t,s,r,l,m){const p=i("custom-image"),h=i("router-link");return a(),o("div",Me,[c("div",{class:d(["card h-100",{active:s.paginatorComp.selectedListIDs.includes(s.data.uuid)}]),"no-body":""},[c("div",Pe,[f(h,{to:{path:"/app/users/show/"+s.data.userId},class:"d-flex align-items-center justify-content-center border-bottom"},{default:$((()=>[f(p,{class:"card-img-top img-profile",width:"100%",height:"250px",rounded:"none",url:s.data.profileUrl},null,8,["url"])])),_:1},8,["to"]),c("span",{onClick:t[0]||(t[0]=n((e=>m.toggleItem(e,s.data)),["prevent"])),class:d([`badge-${s.data.statusColor?s.data.statusColor:"primary"}`,"badge badge-pill position-absolute badge-top-left"])},[c("span",null,u(e.$t("general.status")),1)],2)]),c("div",De,[c("div",Re,[c("div",{class:"col-2",onClick:t[1]||(t[1]=n((e=>m.toggleItem(e,s.data)),["prevent"]))},[c("input",{type:"checkbox",checked:s.paginatorComp.selectedListIDs.includes(s.data.uuid),disabled:!0,class:"form-check-input"},null,8,Ee)]),c("div",je,[c("div",qe,[c("span",Fe,u(s.data.firstName)+" "+u(s.data.lastName),1)]),c("div",Oe,[c("span",_e,u(s.data.email),1),c("span",Ge,u(s.data.phone),1)]),c("div",Je,[c("div",Te,[c("div",Qe,[c("button",{class:"btn btn-outline-dark text-dark py-2 px-3 border",type:"button",id:`dropdownMenuButton${s.index}`,"data-bs-toggle":"dropdown","aria-expanded":"false"},Be,8,He),c("ul",{class:"dropdown-menu","aria-labelledby":`dropdownMenuButton${s.index}`},[c("li",null,[c("a",{onClick:t[2]||(t[2]=e=>s.parentComp.onContextMenuAction("show",s.data)),class:"dropdown-item",href:"#"},Ke)]),c("li",null,[c("a",{onClick:t[3]||(t[3]=e=>s.parentComp.onContextMenuAction("edit",s.data)),class:"dropdown-item",href:"#"},We)]),c("li",null,[c("a",{onClick:t[4]||(t[4]=e=>s.parentComp.onContextMenuAction("delete",s.data)),class:"dropdown-item",href:"#"},Xe)])],8,ze)]),c("div",Ye,[c("div",{onClick:t[5]||(t[5]=e=>s.parentComp.onContextMenuAction("show",s.data)),class:"badge badge-outline-dark rounded pointer"},Ze),c("div",{onClick:t[6]||(t[6]=e=>s.parentComp.onContextMenuAction("edit",s.data)),class:"badge badge-outline-primary rounded pointer ms-1"},et),c("div",{onClick:t[7]||(t[7]=e=>s.parentComp.onContextMenuAction("delete",s.data)),class:"badge badge-outline-danger rounded pointer ms-1"},tt)])])])])])])],2)])};const st={name:"UserThumbItemComponent",props:{index:{type:Number,default:0},data:{type:Object,default:()=>{}},selectedItems:{type:Array,default:()=>[]},parentComp:{type:Object,default:()=>{}},paginatorComp:{type:Object,default:()=>{}}},methods:{toggleItem(e,t){var s=!this.paginatorComp.selectedListIDs.includes(t.uuid);this.paginatorComp.onSelect(t,s)}}},it={class:"col-12 col-md-6 mb-3"},at={class:"ps-2 d-flex flex-grow-1 min-width-zero"},ot={class:"card-body align-self-center d-flex flex-column flex-lg-row justify-content-between min-width-zero align-items-lg-center"},rt={class:"w-100 w-sm-100"},lt={class:"row align-items-lg-center"},nt={class:"col"},dt={class:"d-block"},ct={class:"d-block"},ut={class:"d-block"},mt={class:"d-inline-block align-self-center me-4"},pt={class:"dropdown d-md-none d-inline-block"},ft=["id"],ht=[c("i",{class:"ye ye-ellipsis-v-alt"},null,-1)],$t=["aria-labelledby"],vt=[c("i",{class:"ye ye-eye me-2"},null,-1),v(" Show")],wt=[c("i",{class:"ye ye-edit me-2"},null,-1),v(" Edit")],bt=[c("i",{class:"ye ye-trash me-2"},null,-1),v("Delete")],gt={class:"d-none d-md-block"},yt=[c("i",{class:"ye ye-eye"},null,-1)],kt=[c("i",{class:"ye ye-edit"},null,-1)],At=[c("i",{class:"ye ye-trash"},null,-1)],Ct=["checked"];st.render=function(e,t,s,r,l,m){const p=i("custom-image"),h=i("router-link");return a(),o("div",it,[c("div",{class:d(["card overflow-hidden h-100",{"d-flex flex-row":!0,active:s.paginatorComp.selectedListIDs.includes(s.data.uuid)}]),"no-body":""},[f(h,{to:{path:"/app/users/show/"+s.data.userId},class:"d-flex align-items-center"},{default:$((()=>[f(p,{class:"list-thumbnail responsive img-profile",width:"100px",height:"85px",url:s.data.profileUrl},null,8,["url"])])),_:1},8,["to"]),c("div",at,[c("div",ot,[c("div",rt,[c("div",lt,[c("div",nt,[c("span",dt,u(s.data.firstName)+" "+u(s.data.lastName),1),c("span",ct,u(s.data.email),1),c("span",ut,u(s.data.phone),1)])])])]),c("div",mt,[c("div",pt,[c("button",{class:"btn btn-outline-dark text-dark py-2 px-3 border",type:"button",id:`dropdownMenuButton${s.index}`,"data-bs-toggle":"dropdown","aria-expanded":"false"},ht,8,ft),c("ul",{class:"dropdown-menu","aria-labelledby":`dropdownMenuButton${s.index}`},[c("li",null,[c("a",{onClick:t[0]||(t[0]=e=>s.parentComp.onContextMenuAction("show",s.data)),class:"dropdown-item",href:"#"},vt)]),c("li",null,[c("a",{onClick:t[1]||(t[1]=e=>s.parentComp.onContextMenuAction("edit",s.data)),class:"dropdown-item",href:"#"},wt)]),c("li",null,[c("a",{onClick:t[2]||(t[2]=e=>s.parentComp.onContextMenuAction("delete",s.data)),class:"dropdown-item",href:"#"},bt)])],8,$t)]),c("div",gt,[c("div",{onClick:t[3]||(t[3]=e=>s.parentComp.onContextMenuAction("show",s.data)),class:"badge badge-outline-dark rounded pointer"},yt),c("div",{onClick:t[4]||(t[4]=e=>s.parentComp.onContextMenuAction("edit",s.data)),class:"badge badge-outline-primary rounded pointer ms-1"},kt),c("div",{onClick:t[5]||(t[5]=e=>s.parentComp.onContextMenuAction("delete",s.data)),class:"badge badge-outline-danger rounded pointer ms-1"},At)])]),c("div",{onClick:t[6]||(t[6]=n((e=>m.toggleItem(e,s.data)),["prevent"])),class:"custom-control custom-checkbox ps-1 align-self-center pe-4"},[c("input",{type:"checkbox",checked:s.paginatorComp.selectedListIDs.includes(s.data.uuid),disabled:!0,class:"form-check-input"},null,8,Ct)])])],2)])};const Vt={name:"UserListComponent",computed:e({currentUser:"user"}),components:{DataItem:Z,ImageItem:Le,ThumbItem:st,UserForm:y,UserView:g},props:{showHeader:{type:Boolean,default:!0}},watch:{showUserFormModal:function(e,t){0==e&&(this.userId=null)},showUserViewModal:function(e,t){0==e&&(this.userId=null)}},data(){return{displayMode:"list",userId:null,singleSelectedData:null,showHeaderSection:!0,queryLimit:10,querySearch:"",currentComp:null,showUserFormModal:!1,showUserViewModal:!1,showUserImportModal:!1,listOptions:{name:"userPaginate",listName:"users",paginateName:"userPaginate",downloadName:"downloadUsers",orderOptions:{firstName:this.$t("user.firstName"),secondName:this.$t("user.secondName"),lastName:this.$t("user.lastName"),email:this.$t("user.email"),phone:this.$t("user.phone"),role:this.$t("user.role"),status:this.$t("user.status"),isActive:this.$t("user.isActive"),otpCreatedAt:this.$t("user.otpCreatedAt")},query:"{uuid:userId,userId,firstName,secondName,lastName,email,phone,profileUrl,role,status,isActive,isPhoneVerified,phoneVerifiedAt,isEmailVerified,emailVerifiedAt,otpCode,otpCreatedAt,createdAt,updatedAt}",downloadQuery:"{uuid:userId,userId,firstName,secondName,lastName,email,phone,profileUrl,role,status,isActive,isPhoneVerified,phoneVerifiedAt,isEmailVerified,emailVerifiedAt,otpCode,otpCreatedAt,createdAt,updatedAt,deletedAt,profiles{name},profileUsers{role}}",downloadOrientation:"PORTRAIT",args:{},loadingMode:"paginate",noResultMessage:this.$t("user.noData"),modeOptions:["list","thumb","image"],showToolbar:!0,showHeader:!0,showFooter:!0,tableMode:!1,padding:"0px",height:"300px",searchFields:["userId","firstName","secondName","lastName","email","phone","profileUrl","password","role","status","otpCode"],columns:{firstName:this.$t("user.firstName"),secondName:this.$t("user.secondName"),lastName:this.$t("user.lastName"),email:this.$t("user.email"),phone:this.$t("user.phone"),gender:this.$t("user.gender"),profileUrl:this.$t("user.profileUrl"),role:this.$t("user.role"),status:this.$t("user.status"),isActive:this.$t("user.isActive"),isPhoneVerified:this.$t("user.isPhoneVerified"),isEmailVerified:this.$t("user.isEmailVerified"),otpCode:this.$t("user.otpCode")},filters:[{key:"role",label:this.$t("user.role"),values:{admin:this.$t("user.admin"),manager:this.$t("user.manager"),member:this.$t("user.member"),subscriber:this.$t("user.subscriber")}},{key:"status",label:this.$t("user.status"),values:{active:this.$t("user.active"),inactive:this.$t("user.inactive")}},{key:"isActive",label:this.$t("user.isActive"),values:{true:this.$t("user.active"),false:this.$t("user.notActive")}},{key:"isPhoneVerified",label:this.$t("user.isPhoneVerified"),values:{true:this.$t("user.phoneVerified"),false:this.$t("user.notPhoneVerified")}},{key:"isEmailVerified",label:this.$t("user.isEmailVerified"),values:{true:this.$t("user.emailVerified"),false:this.$t("user.notEmailVerified")}}],actions:[{label:this.$t("user.delete"),callback:this.onDeleteUsers},{label:this.$t("user.actionSetRoleAdmin"),callback:this.onSetUsersRoleAdmin},{label:this.$t("user.actionSetRoleManager"),callback:this.onSetUsersRoleManager},{label:this.$t("user.actionSetRoleMember"),callback:this.onSetUsersRoleMember},{label:this.$t("user.actionSetRoleSubscriber"),callback:this.onSetUsersRoleSubscriber},{label:this.$t("user.actionSetStatusActive"),callback:this.onSetUsersStatusActive},{label:this.$t("user.actionSetStatusInactive"),callback:this.onSetUsersStatusInactive},{label:this.$t("user.actionActive"),callback:this.onSetUsersActive},{label:this.$t("user.actionUnsetActive"),callback:this.onUnsetUsersActive},{label:this.$t("user.actionPhoneVerified"),callback:this.onSetUsersPhoneVerified},{label:this.$t("user.actionUnsetPhoneVerified"),callback:this.onUnsetUsersPhoneVerified},{label:this.$t("user.actionEmailVerified"),callback:this.onSetUsersEmailVerified},{label:this.$t("user.actionUnsetEmailVerified"),callback:this.onUnsetUsersEmailVerified}]}}},created(){this.loading=!0,this.currentComp=this,this.$route.meta&&void 0!==this.$route.meta.showHeader?this.showHeaderSection=this.$route.meta.showHeader:this.showHeaderSection=this.showHeader},mounted(){var e=this;window.jQuery("#modelViewUser").on("hidden.bs.modal",(function(t){e.userId=null})),window.jQuery("#modelFormUser").on("hidden.bs.modal",(function(t){e.userId=null}))},methods:{updateList:function(e){this.loading=!1,this.processing=!1,this.userList=e},changeDisplayMode:function(e){this.displayMode=e},onLoading:function(e){e||(this.loading=e),this.processing=e},reloadData:function(e){e&&e.userId&&(this.userId=e.userId),this.$refs.paginator.reload()},onShow:function(e){this.userId=e,this.showUserViewModal=!0},onEdit:function(e){this.userId=e,this.showUserFormModal=!0},handleContextMenu(e){var t=e?e.componentOptions.propsData.data:null;this.singleSeletedData=t},onContextMenuAction(e,t=null){let s=this.singleSeletedData?this.singleSeletedData:t,i=s?s.uuid:null;"show"==e?this.onShow(i):"edit"==e?this.onEdit(i):"delete"==e&&this.onDelete(i)},onDelete:async function(e,t="user"){if(await window.customConfirm(this.$t("user.alertSingleDelete",{title:t}))){this.processing=!0;var s=`mutation { delete:deleteUser(where:{userId:{equalTo:"${e}"}}){status,message} }`,i=await window.ajaxGraphql(s,{});i.delete&&i.delete.status?(this.reloadData(),window.customAlert(this.$t("user.alertDeleteSuccess"),"success")):window.customAlert(this.$t("user.alertDeleteFail"),"danger"),this.processing=!1}},onDeleteUsers:async function(e,t="users"){if(await window.customConfirm(this.$t("user.alertMultipleDelete"))){this.processing=!0;var s=e.map((e=>e.uuid)),i=`mutation { delete:deleteUser(where:{userId:{in:${JSON.stringify(s)}}}){status,message} }`,a=await window.ajaxGraphql(i,{});a.delete&&a.delete.status?(this.reloadData(),window.customAlert(this.$t("users.actionDeleteSuccess"),"success")):window.customAlert(this.$t("users.actionDeleteFail"),"danger"),this.processing=!1}return!1},onSetUsersRoleAdmin:async function(e,t="users"){if(await window.customConfirm(this.$t("user.alertActionSetAdmin",{title:t,action:"Admin"}))){this.processing=!0;var s=e.map((e=>e.uuid)),i=`mutation { action:userAction(where:{userId:{in:${JSON.stringify(s)}}}, action:"set_admin"){status,message} }`,a=await window.ajaxGraphql(i,{});a.action&&a.action.status?(this.reloadData(),window.customAlert(this.$t("users.actionRoleAdminSuccess"),"success")):window.customAlert(this.$t("users.actionRoleAdminFail"),"danger"),this.processing=!1}return!1},onSetUsersRoleManager:async function(e,t="users"){if(await window.customConfirm(this.$t("user.alertActionSetManager",{title:t,action:"Manager"}))){this.processing=!0;var s=e.map((e=>e.uuid)),i=`mutation { action:userAction(where:{userId:{in:${JSON.stringify(s)}}}, action:"set_manager"){status,message} }`,a=await window.ajaxGraphql(i,{});a.action&&a.action.status?(this.reloadData(),window.customAlert(this.$t("users.actionRoleManagerSuccess"),"success")):window.customAlert(this.$t("users.actionRoleManagerFail"),"danger"),this.processing=!1}return!1},onSetUsersRoleMember:async function(e,t="users"){if(await window.customConfirm(this.$t("user.alertActionSetMember",{title:t,action:"Member"}))){this.processing=!0;var s=e.map((e=>e.uuid)),i=`mutation { action:userAction(where:{userId:{in:${JSON.stringify(s)}}}, action:"set_member"){status,message} }`,a=await window.ajaxGraphql(i,{});a.action&&a.action.status?(this.reloadData(),window.customAlert(this.$t("users.actionRoleMemberSuccess"),"success")):window.customAlert(this.$t("users.actionRoleMemberFail"),"danger"),this.processing=!1}return!1},onSetUsersRoleSubscriber:async function(e,t="users"){if(await window.customConfirm(this.$t("user.alertActionSetSubscriber",{title:t,action:"Subscriber"}))){this.processing=!0;var s=e.map((e=>e.uuid)),i=`mutation { action:userAction(where:{userId:{in:${JSON.stringify(s)}}}, action:"set_subscriber"){status,message} }`,a=await window.ajaxGraphql(i,{});a.action&&a.action.status?(this.reloadData(),window.customAlert(this.$t("users.actionRoleSubscriberSuccess"),"success")):window.customAlert(this.$t("users.actionRoleSubscriberFail"),"danger"),this.processing=!1}return!1},onSetUsersStatusActive:async function(e,t="users"){if(await window.customConfirm(this.$t("user.alertActionSetActive",{title:t,action:"Active"}))){this.processing=!0;var s=e.map((e=>e.uuid)),i=`mutation { action:userAction(where:{userId:{in:${JSON.stringify(s)}}}, action:"set_active"){status,message} }`,a=await window.ajaxGraphql(i,{});a.action&&a.action.status?(this.reloadData(),window.customAlert(this.$t("users.actionStatusActiveSuccess"),"success")):window.customAlert(this.$t("users.actionStatusActiveFail"),"danger"),this.processing=!1}return!1},onSetUsersStatusInactive:async function(e,t="users"){if(await window.customConfirm(this.$t("user.alertActionSetInactive",{title:t,action:"Inactive"}))){this.processing=!0;var s=e.map((e=>e.uuid)),i=`mutation { action:userAction(where:{userId:{in:${JSON.stringify(s)}}}, action:"set_inactive"){status,message} }`,a=await window.ajaxGraphql(i,{});a.action&&a.action.status?(this.reloadData(),window.customAlert(this.$t("users.actionStatusInactiveSuccess"),"success")):window.customAlert(this.$t("users.actionStatusInactiveFail"),"danger"),this.processing=!1}return!1},onSetUsersActive:async function(e,t="users"){if(await window.customConfirm(this.$t("user.alertActionActive",{title:t,action:"active"}))){this.processing=!0;var s=e.map((e=>e.uuid)),i=`mutation { action:userAction(where:{userId:{in:${JSON.stringify(s)}}}, action:"active"){status,message} }`,a=await window.ajaxGraphql(i,{});a.action&&a.action.status?(this.reloadData(),window.customAlert(this.$t("users.actionActiveSuccess"),"success")):window.customAlert(this.$t("users.actionActiveFail"),"danger"),this.processing=!1}return!1},onUnsetUsersActive:async function(e,t="users"){if(await window.customConfirm(this.$t("user.alertActionActive",{title:t,action:"Unset Active"}))){this.processing=!0;var s=e.map((e=>e.uuid)),i=`mutation { action:userAction(where:{userId:{in:${JSON.stringify(s)}}}, action:"unset_active"){status,message} }`,a=await window.ajaxGraphql(i,{});a.action&&a.action.status?(this.reloadData(),window.customAlert(this.$t("users.actionActiveSuccess"),"success")):window.customAlert(this.$t("users.actionActiveFail"),"danger"),this.processing=!1}return!1},onSetUsersPhoneVerified:async function(e,t="users"){if(await window.customConfirm(this.$t("user.alertActionPhoneVerified",{title:t,action:"phone-verified"}))){this.processing=!0;var s=e.map((e=>e.uuid)),i=`mutation { action:userAction(where:{userId:{in:${JSON.stringify(s)}}}, action:"phone_verified"){status,message} }`,a=await window.ajaxGraphql(i,{});a.action&&a.action.status?(this.reloadData(),window.customAlert(this.$t("users.actionPhoneVerifiedSuccess"),"success")):window.customAlert(this.$t("users.actionPhoneVerifiedFail"),"danger"),this.processing=!1}return!1},onUnsetUsersPhoneVerified:async function(e,t="users"){if(await window.customConfirm(this.$t("user.alertActionPhoneVerified",{title:t,action:"Unset Phone Verified"}))){this.processing=!0;var s=e.map((e=>e.uuid)),i=`mutation { action:userAction(where:{userId:{in:${JSON.stringify(s)}}}, action:"unset_phone_verified"){status,message} }`,a=await window.ajaxGraphql(i,{});a.action&&a.action.status?(this.reloadData(),window.customAlert(this.$t("users.actionPhoneVerifiedSuccess"),"success")):window.customAlert(this.$t("users.actionPhoneVerifiedFail"),"danger"),this.processing=!1}return!1},onSetUsersEmailVerified:async function(e,t="users"){if(await window.customConfirm(this.$t("user.alertActionEmailVerified",{title:t,action:"email-verified"}))){this.processing=!0;var s=e.map((e=>e.uuid)),i=`mutation { action:userAction(where:{userId:{in:${JSON.stringify(s)}}}, action:"email_verified"){status,message} }`,a=await window.ajaxGraphql(i,{});a.action&&a.action.status?(this.reloadData(),window.customAlert(this.$t("users.actionEmailVerifiedSuccess"),"success")):window.customAlert(this.$t("users.actionEmailVerifiedFail"),"danger"),this.processing=!1}return!1},onUnsetUsersEmailVerified:async function(e,t="users"){if(await window.customConfirm(this.$t("user.alertActionEmailVerified",{title:t,action:"Unset Email Verified"}))){this.processing=!0;var s=e.map((e=>e.uuid)),i=`mutation { action:userAction(where:{userId:{in:${JSON.stringify(s)}}}, action:"unset_email_verified"){status,message} }`,a=await window.ajaxGraphql(i,{});a.action&&a.action.status?(this.reloadData(),window.customAlert(this.$t("users.actionEmailVerifiedSuccess"),"success")):window.customAlert(this.$t("users.actionEmailVerifiedFail"),"danger"),this.processing=!1}return!1}}},xt={class:"main-container-middle px-4"},Ut={key:0,class:"container-header container-customer",style:{overflow:"visible"}},St={class:"row align-items-center justify-content-between py-3 mx-0"},It={class:"col d-flex align-items-center justify-content-between mb-2 mb-md-0 px-0"},Nt={class:"h5 m-0"},Lt=[c("i",{class:"ye ye-plus-circle"},null,-1)],Mt={class:"col-4 d-none d-lg-block px-0"},Pt={key:0,class:"col text-end d-none d-md-block px-0"},Dt=c("i",{class:"ye ye-plus-circle me-1"},null,-1),Rt=c("div",{class:"separator"},null,-1),Et={class:"container-detail"},jt={class:"container-customer rounded"},qt={class:"text-center py-5"},Ft=c("div",{class:"d-inline-block"},[c("span",{class:"d-flex rounded border border-primary px-4 py-3"},[c("i",{class:"ye ye-file-plus ye-2x text-muted"})])],-1),Ot={class:"my-4"},_t=c("i",{class:"ye ye-plus-circle me-1"},null,-1),Gt=c("i",{class:"ye ye-upload me-1"},null,-1),Jt=c("i",{class:"simple-icon-doc"},null,-1),Tt=c("i",{class:"iconsminds-file-edit"},null,-1),Qt=c("i",{class:"simple-icon-trash"},null,-1);Vt.render=function(e,t,s,n,d,p){const h=i("ThumbItem"),b=i("ImageItem"),g=i("DataItem"),y=i("paginator"),k=i("v-contextmenu-item"),A=i("v-contextmenu"),C=i("UserForm"),V=i("modal-pro"),x=i("UserView"),U=i("UserImport"),S=w("contextmenu");return a(),o("div",xt,[d.showHeaderSection?(a(),o("div",Ut,[c("div",St,[c("div",It,[c("span",Nt,u(e.$t("user.user")),1),e.$isPermitted("user.create")?(a(),o("a",{key:0,onClick:t[0]||(t[0]=e=>d.showUserFormModal=!0),href:"javascript:;",class:"btn btn-primary d-inline-block d-md-none"},Lt)):l("",!0)]),c("div",Mt,[l("",!0)]),(e.$refs.paginator&&e.$refs.paginator.emptyCollection,a(),o("div",Pt,[e.$isPermitted("user.create")?(a(),o("a",{key:0,href:"javascript:;",onClick:t[2]||(t[2]=e=>d.showUserFormModal=!0),class:"btn btn-primary"},[Dt,v(" "+u(e.$t("general.addNew")),1)])):l("",!0)]))])])):l("",!0),Rt,c("div",Et,[c("div",jt,[f(y,{ref:"paginator",limit:d.queryLimit,search:d.querySearch,options:d.listOptions},{default:$((({item:t,index:s})=>["thumb"==e.$refs.paginator.displayMode?m((a(),r(h,{key:0,data:t,index:s,selectedItems:e.$refs.paginator.selectedList,paginatorComp:e.$refs.paginator,parentComp:d.currentComp},null,8,["data","index","selectedItems","paginatorComp","parentComp"])),[[S,void 0,"contextmenu"]]):"image"==e.$refs.paginator.displayMode?m((a(),r(b,{key:1,data:t,index:s,selectedItems:e.$refs.paginator.selectedList,paginatorComp:e.$refs.paginator,parentComp:d.currentComp},null,8,["data","index","selectedItems","paginatorComp","parentComp"])),[[S,void 0,"contextmenu"]]):m((a(),r(g,{key:2,data:t,index:s,selectedItems:e.$refs.paginator.selectedList,paginatorComp:e.$refs.paginator,parentComp:d.currentComp},null,8,["data","index","selectedItems","paginatorComp","parentComp"])),[[S,void 0,"contextmenu"]])])),noData:$((()=>[c("div",qt,[Ft,c("div",Ot,u(e.$t("user.noData")),1),c("div",null,[e.$isPermitted("user.create")?(a(),o("a",{key:0,href:"javascript:;",onClick:t[3]||(t[3]=e=>d.showUserFormModal=!0),class:"btn btn-outline-primary me-2"},[_t,v(" "+u(e.$t("general.addNew")),1)])):l("",!0),e.$isPermitted("user.import")?(a(),o("a",{key:1,href:"javascript:;",onClick:t[4]||(t[4]=e=>d.showUserImportModal=!0),class:"btn btn-outline-secondary"},[Gt,v(" "+u(e.$t("general.importData")),1)])):l("",!0)])])])),_:1},8,["limit","search","options"]),f(A,{onContextmenu:p.handleContextMenu,ref:"contextmenu"},{default:$((()=>[e.$isPermitted("user.information")?(a(),r(k,{key:0,onClick:t[5]||(t[5]=e=>p.onContextMenuAction("show"))},{default:$((()=>[Jt,c("span",null,u(e.$t("general.information")),1)])),_:1})):l("",!0),e.$isPermitted("user.edit")?(a(),r(k,{key:1,onClick:t[6]||(t[6]=e=>p.onContextMenuAction("edit"))},{default:$((()=>[Tt,c("span",null,u(e.$t("general.edit")),1)])),_:1})):l("",!0),e.$isPermitted("user.delete")?(a(),r(k,{key:2,onClick:t[7]||(t[7]=e=>p.onContextMenuAction("delete"))},{default:$((()=>[Qt,c("span",null,u(e.$t("general.delete")),1)])),_:1})):l("",!0)])),_:1},8,["onContextmenu"])])]),e.$isPermitted("user.create")||e.$isPermitted("user.edit")?(a(),r(V,{key:1,title:d.userId?e.$t("user.editUser"):e.$t("user.createUser"),modelValue:d.showUserFormModal,"onUpdate:modelValue":t[8]||(t[8]=e=>d.showUserFormModal=e)},{default:$((()=>[f(C,{onUpdate:p.reloadData,oneLine:!1,userId:d.userId,ref:"userForm"},null,8,["onUpdate","userId"])])),_:1},8,["title","modelValue"])):l("",!0),e.$isPermitted("user.information")?(a(),r(V,{key:2,title:e.$t("user.viewUser"),modelValue:d.showUserViewModal,"onUpdate:modelValue":t[9]||(t[9]=e=>d.showUserViewModal=e)},{default:$((()=>[f(x,{oneLine:!0,userId:d.userId,ref:"userView"},null,8,["userId"])])),_:1},8,["title","modelValue"])):l("",!0),e.$isPermitted("user.import")?(a(),r(V,{key:3,side:"center",size:"lg",title:e.$t("user.importUser"),modelValue:d.showUserImportModal,"onUpdate:modelValue":t[10]||(t[10]=e=>d.showUserImportModal=e)},{default:$((()=>[f(U,{onUpdate:p.reloadData,oneLine:!1,userId:d.userId,ref:"userImport"},null,8,["onUpdate","userId"])])),_:1},8,["title","modelValue"])):l("",!0)])};export{Vt as default};