File manager

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

Back
import{U as B}from"./UserService-587f2458.js";import{T as E,s as F,L}from"./index-17421708.js";import{F as M}from"./index-dc1d7949.js";import{F as U,l as q}from"./lodash-40555032.js";import"./index-a9dd6c30.js";import{_ as I,r as n,o as i,c as d,g as m,b as p,f as g,w as T,e as a,d as b,I as N,J as V,G as R}from"./index-c93b54f1.js";import{T as A}from"./index-63749718.js";import"./index-c2f9a41d.js";import{C as G}from"./CloseButton-97e8859a.js";import{S as j,U as Q}from"./UpdateButton-3b0d94bb.js";/* empty css /import{c as Y,a as v,V as z}from"./array-2d279bb5.js";import{R as H}from"./RoleService-243350ba.js";import{D as J}from"./DealershipService-3cc4a008.js";import{D as K}from"./DepartmentService-a12e8b5b.js";import{L as D}from"./Loading-b01e49d5.js";import{C as W,E as X,D as Z}from"./DeleteButton-9c79a169.js";import{D as $}from"./style-4cdf41f0.js";import{P as ee}from"./index-47a31c3a.js";import{I as te}from"./index-497d4024.js";import{L as se}from"./ListIcon-e2b5a28c.js";import{B as oe}from"./index-2495a16c.js";import"./vue-cleave.min-f5c28995.js";import"./_commonjsHelpers-de833af9.js";import"./xhebrhsj-1a643daf.js";import"./es.string.replace-2e300990.js";const re={components:{FormModal:M,FormGroup:U,TextInput:E,TextArea:A,Multiselect:F,SubmitButton:j,UpdateButton:Q,CloseButton:G,Loading:D},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(o=>this.form.roles.includes(o.value)).flatMap(o=>o.companies);t.forEach(o=>{e.find(s=>s.id==t.id)\|\|e.push({id:o.id,name:o.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(o=>this.form.roles.includes(o.value)).flatMap(o=>o.dealerships);console.log("dealerships"),console.log(t),this.companies.forEach(o=>{t.find(s=>s.company_id==o.id)?t.forEach(s=>{e.find(_=>_.id==s.id)\|\|e.push({id:s.id,name:s.name,company_id:s.company_id})}):this.dealerships.filter(r=>r.company_id==o.id).forEach(r=>{e.find(f=>f.id==r.id)\|\|e.push({id:r.id,name:r.name,company_id:r.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(){H.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(){J.fetchRecords().then(e=>{e.status==200&&(this.dealerships=e.data.data)}).catch(e=>{console.log(e)})},async fetchDepartments(){K.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 Y().shape({first_name:v().nullable().required("First Name is required"),last_name:v().nullable().required("Last Name is required"),name:v().nullable().required("Full Name is required"),username:v().nullable().required("Username is required"),email:v().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 z){const t={};e.inner.forEach(o=>{t[o.path]=o.message}),this.errors=t}this.state.isSaving=!1}},async saveRecord(){if(this.state.isSaving=!0,!this.state.isEdit)await B.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 B.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()}},ae={class:"p-2"},le={class:"flex gap-1 justify-end"};function ie(e,t,o,w,s,r){const _=n("Loading"),f=n("TextInput"),c=n("FormGroup"),y=n("Multiselect"),x=n("SubmitButton"),C=n("UpdateButton"),P=n("CloseButton"),O=n("FormModal");return i(),d(O,{title:s.state.isEdit?"Edit Record":"Create Record",active:s.state.showModal,onSubmit:r.submitForm,onClose:r.closeModal,themeClass:s.state.isEdit?"bg-primary-600":"bg-primary-800",sizeClass:"w-1/2"},{default:m(()=>[s.state.isEdit&&s.state.isLoading?(i(),d(_,{key:0,text:"Fetching record"})):p("",!0),s.state.isSaving?(i(),d(_,{key:1,text:"Saving record"})):p("",!0),g("div",ae,[g("form",{onSubmit:t[10]\|\|(t[10]=T((...l)=>r.submitForm&&r.submitForm(...l),["prevent"])),class:"space-y-4"},[a(c,{label:"Firstname",isRequired:!0},{default:m(()=>[a(f,{type:"text",placeholder:"Input firstname ",modelValue:s.form.first_name,"onUpdate:modelValue":t[0]\|\|(t[0]=l=>s.form.first_name=l),error:s.errors.first_name,classInput:"h-[48px]",onInput:r.setName},null,8,["modelValue","error","onInput"])]),_:1}),a(c,{label:"Middlename"},{default:m(()=>[a(f,{type:"text",placeholder:"Input middlename ",modelValue:s.form.middle_name,"onUpdate:modelValue":t[1]\|\|(t[1]=l=>s.form.middle_name=l),error:s.errors.middle_name,classInput:"h-[48px]",onInput:r.setName},null,8,["modelValue","error","onInput"])]),_:1}),a(c,{label:"Lastname",isRequired:!0},{default:m(()=>[a(f,{type:"text",placeholder:"Input lastname ",modelValue:s.form.last_name,"onUpdate:modelValue":t[2]\|\|(t[2]=l=>s.form.last_name=l),error:s.errors.last_name,classInput:"h-[48px]",onInput:r.setName},null,8,["modelValue","error","onInput"])]),_:1}),a(c,{label:"name",isRequired:!0},{default:m(()=>[a(f,{type:"text",modelValue:s.form.name,"onUpdate:modelValue":t[3]\|\|(t[3]=l=>s.form.name=l),error:s.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),a(c,{label:"username",isRequired:!0},{default:m(()=>[a(f,{type:"text",placeholder:"Input username",modelValue:s.form.username,"onUpdate:modelValue":t[4]\|\|(t[4]=l=>s.form.username=l),error:s.errors.username,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),a(c,{label:"email",isRequired:!0},{default:m(()=>[a(f,{type:"email",placeholder:"Input email",modelValue:s.form.email,"onUpdate:modelValue":t[5]\|\|(t[5]=l=>s.form.email=l),error:s.errors.email,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),a(c,{label:"Roles"},{default:m(()=>[a(y,{mode:"tags",modelValue:s.form.roles,"onUpdate:modelValue":t[6]\|\|(t[6]=l=>s.form.roles=l),id:"roles","close-on-select":!0,searchable:!0,options:s.roleOptions},null,8,["modelValue","options"])]),_:1}),a(c,{label:"Default Company"},{default:m(()=>[a(y,{modelValue:s.form.default_company_id,"onUpdate:modelValue":t[7]\|\|(t[7]=l=>s.form.default_company_id=l),id:"company_id","close-on-select":!0,searchable:!0,options:r.companyOptions},null,8,["modelValue","options"])]),_:1}),a(c,{label:"Default Dealership"},{default:m(()=>[a(y,{modelValue:s.form.default_dealership_id,"onUpdate:modelValue":t[8]\|\|(t[8]=l=>s.form.default_dealership_id=l),id:"dealership_id","close-on-select":!0,searchable:!0,options:r.dealershipOptions},null,8,["modelValue","options"])]),_:1}),a(c,{label:"Department Access"},{default:m(()=>[a(y,{modelValue:s.form.departments,"onUpdate:modelValue":t[9]\|\|(t[9]=l=>s.form.departments=l),id:"departments",mode:"tags","close-on-select":!1,searchable:!0,options:s.departmentOptions},null,8,["modelValue","options"])]),_:1}),g("div",le,[s.state.isEdit?(i(),d(C,{key:1,onClick:r.submitForm},null,8,["onClick"])):(i(),d(x,{key:0,onClick:r.submitForm},null,8,["onClick"])),a(P,{onClick:r.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const ne=I(re,[["render",ie]]),me="/assets/main-user-df3f61fd.png";const ue={components:{Layout:L,Loading:D,Form:ne,Vue3EasyDataTable:$,Pagination:ee,InputGroup:te,CreateButton:W,EditButton:X,DeleteButton:Z,ListIcon:se,Badge:oe},data(){return{title:"Users",defaultImg:me,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:q.debounce(function(){this.fetchRecords()},800)},computed:{perPage:function(){return this.serverOptions.rowsPerPage}},methods:{async fetchRecords(){this.state.isLoading=!0,this.state.isMounted=!1,await B.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((o,w)=>({"#":(this.serverOptions.page-1)this.serverOptions.rowsPerPage+(w+1),...o,name:this.activeUser&&this.activeUser.id&&o.id==this.activeUser.id?"You":o.name,profile_image:o.profile_image??this.defaultImg,role_names:o.roles?o.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(o=>{o.status==200&&(this.$swal.fire({title:"Great!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3}),this.fetchRecords())}).catch(o=>{console.log(o),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()}},de={key:0,class:"flex gap-1"},ce={class:"w-8 h-8 rounded-full ltr:mr-3 rtl:ml-3 flex-none"},pe=["src"],fe={key:1,class:"flex flex-wrap gap-1"},he={key:2,class:"flex flex-wrap gap-1"},ge={key:3,class:"flex gap-1"},_e={class:"py-4 px-3 flex justify-end"};function ye(e,t,o,w,s,r){const _=n("ListIcon"),f=n("InputGroup"),c=n("CreateButton"),y=n("Loading"),x=n("Badge"),C=n("EditButton"),P=n("DeleteButton"),O=n("Pagination"),l=n("vue-good-table"),k=n("Form"),S=n("Layout");return i(),d(S,{header:s.title,theme:"#116466",breadcrumbs:s.breadcrumbs},{icon:m(()=>[a(_)]),search:m(()=>[a(f,{modelValue:s.searchQuery,"onUpdate:modelValue":t[0]\|\|(t[0]=u=>s.searchQuery=u),class:"w-full border focus:border-cyan-500",placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"])]),action:m(()=>[e.$ability.can("add","user")?(i(),d(c,{key:0,onClick:r.createRecord},null,8,["onClick"])):p("",!0)]),default:m(()=>[g("div",null,[s.state.isLoading?(i(),d(y,{key:0,searching:!0,text:"Fetching records"})):p("",!0),s.state.isDeleting?(i(),d(y,{key:1,text:"Deleting record"})):p("",!0),a(l,{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:r.onSortChange,"max-height":"600px"},{"table-row":m(u=>[u.column.field=="name"?(i(),b("span",de,[g("span",ce,[g("img",{src:u.row.profile_image,alt:"profile_image",class:"object-cover w-full h-full rounded-full"},null,8,pe)]),g("span",null,N(u.row.name),1)])):p("",!0),u.column.field=="role_names"?(i(),b("div",fe,[(i(!0),b(V,null,R(u.row.role_names,h=>(i(),d(x,{key:h,label:h,badgeClass:"bg-primary-700 text-white",icon:h=="Super Admin"?"heroicons-outline:star":null},null,8,["label","icon"]))),128))])):p("",!0),u.column.field=="department_access"?(i(),b("div",he,[(i(!0),b(V,null,R(u.row.department_access,h=>(i(),d(x,{key:h.id,label:h.name,badgeClass:"bg-primary-700 text-white"},null,8,["label"]))),128))])):p("",!0),u.column.field=="action"?(i(),b("span",ge,[e.$ability.can("edit","user")?(i(),d(C,{key:0,onClick:h=>r.editRecord(u.row)},null,8,["onClick"])):p("",!0),e.$ability.can("delete","user")?(i(),d(P,{key:1,onClick:h=>r.deleteRecord(u.row.code)},null,8,["onClick"])):p("",!0)])):p("",!0)]),"pagination-bottom":m(u=>[g("div",_e,[a(O,{total:s.totalItems,current:s.serverOptions.page,"per-page":s.serverOptions.rowsPerPage,onPageChanged:r.handlePageChange,pageChanged:u.pageChanged,perPageChanged:s.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:s.perPageOptions,onChangePerPage:r.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])]),a(k,{editData:e.editData,onCloseModal:t[1]\|\|(t[1]=u=>s.state.showModal=!1),ref:"form",onReload:t[2]\|\|(t[2]=u=>r.fetchRecords())},null,8,["editData"])]),_:1},8,["header","breadcrumbs"])}const Ye=I(ue,[["render",ye],["__scopeId","data-v-74fac726"]]);export{Ye as default};

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