File manager

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

Back
import{R as C}from"./RoleService-3ab4bbdc.js";import{T as F,s as L,L as I}from"./index-28420afe.js";import{F as G}from"./index-1e1e622d.js";import{F as T,l as A}from"./lodash-aca8893a.js";import"./index-9d3cf592.js";import{_ as V,r,o as a,c as l,g as u,b as m,f as y,w as U,e as n,d as f,J as R,G as k,I as N,H as q}from"./index-1da7ef23.js";import{T as Q}from"./index-e41fd7d5.js";import"./index-f7155eba.js";import{C as Y}from"./CloseButton-4c39cc8d.js";import{S as j,U as z}from"./UpdateButton-5a0c970e.js";/* empty css /import{c as H,a as S,V as J}from"./array-e8c8f693.js";import{C as K}from"./CompanyService-b867b84e.js";import{D as W}from"./DealershipService-1bc66bac.js";import{R as X}from"./RoleGroupService-14ec66cf.js";import{L as D}from"./Loading-2dfea0fa.js";import{C as Z,E as $,D as ee}from"./DeleteButton-7c56a6be.js";import{V as te}from"./ViewButton-0f872a16.js";import{P as se}from"./index-a97d6826.js";import{I as oe}from"./index-1e5f9ae4.js";import{L as re}from"./ListIcon-da5761e5.js";import{B as ae}from"./index-9f716d4c.js";import"./vue-cleave.min-dba65dc8.js";import"./xhebrhsj-4f6db8a6.js";import"./es.string.replace-5bf9f989.js";const ie={components:{FormModal:G,FormGroup:T,TextInput:F,TextArea:Q,SubmitButton:j,UpdateButton:z,CloseButton:Y,Multiselect:L,Loading:D},data(){return{companyOptions:[],roleGroupOptions:[],dealerships:[],form:{group_id:"",name:"",description:"",companies:[],dealerships:[]},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1,showModal:!1}}},computed:{dealershipOptions:function(){let e=[];return this.form.companies.length>0&&(e=this.dealerships.filter(t=>this.form.companies.includes(t.company_id)).map(t=>({label:t.name,value:t.id}))),e}},methods:{async fetchCompanies(){K.fetchRecords().then(e=>{e.status==200&&(this.companyOptions=e.data.data.map(t=>({label:t.name,value:t.id})))}).catch(e=>{console.log(e)})},async fetchDealerships(){W.fetchRecords().then(e=>{e.status==200&&(this.dealerships=e.data.data)}).catch(e=>{console.log(e)})},async fetchRoleGroups(){X.fetchRecords().then(e=>{e.status==200&&(this.roleGroupOptions=e.data.data.map(t=>({label:t.name,value:t.id})))}).catch(e=>{console.log(e)})},loadRecord(e){this.resetForm(),this.state.isEdit=!0,console.log("loading data to form"),this.form=e,console.log(this.form)},resetForm(){this.state.isEdit=!1,this.form={group_id:null,name:null,description:null,companies:[],dealerships:[]}},async submitForm(){try{await H().shape({name:S().nullable().required("Name is required"),group_id:S().nullable().required("Role Group 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 J){const t={};e.inner.forEach(o=>{t[o.path]=o.message}),this.errors=t}this.state.isSaving=!1}},async saveRecord(){this.state.isSaving=!0,console.log("this form"),console.log(this.form);let e=Object.assign({},this.form);if(!this.state.isEdit)await C.create(e).then(t=>{t.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(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});else{const t=this.form.id;await C.update(t,e).then(o=>{o.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",type:"success",icon:"success",timer:2e3}),this.state.showModal=!1):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",type:"error",icon:"error",timer:2e3})}).catch(o=>{console.log(o),o.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:o.response.data.message,type:"error",icon:"error"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",type:"error",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}},closeModal(){this.state.showModal=!1},reload(){this.$emit("reload")}},mounted(){this.state.isEdit=!1,this.fetchCompanies(),this.fetchDealerships(),this.fetchRoleGroups()}},ne={class:"lg:p-2"},le={class:"flex gap-1 justify-end"};function ce(e,t,o,v,s,c){const b=r("Loading"),g=r("Multiselect"),p=r("FormGroup"),_=r("TextInput"),w=r("TextArea"),x=r("SubmitButton"),P=r("UpdateButton"),B=r("CloseButton"),O=r("FormModal");return a(),l(O,{title:s.state.isEdit?"Edit Record":"Create Record",active:s.state.showModal,onSubmit:e.confirmSubmit,onClose:c.closeModal,themeClass:s.state.isEdit?"bg-primary-600":"bg-primary-800",sizeClass:"lg:w-1/2"},{default:u(()=>[s.state.isEdit&&s.state.isLoading?(a(),l(b,{key:0,text:"Fetching record"})):m("",!0),s.state.isSaving?(a(),l(b,{key:1,text:"Saving record"})):m("",!0),y("div",ne,[y("form",{onSubmit:t[5]\|\|(t[5]=U((...d)=>e.confirmSubmit&&e.confirmSubmit(...d),["prevent"])),class:"space-y-4"},[n(p,{label:"Role Group",isRequired:!0},{default:u(()=>[n(g,{modelValue:s.form.group_id,"onUpdate:modelValue":t[0]\|\|(t[0]=d=>s.form.group_id=d),id:"role_group","close-on-select":!0,searchable:!0,options:s.roleGroupOptions},null,8,["modelValue","options"])]),_:1}),n(p,{label:"Name",isRequired:!0},{default:u(()=>[n(_,{type:"text",placeholder:"Input name",modelValue:s.form.name,"onUpdate:modelValue":t[1]\|\|(t[1]=d=>s.form.name=d),error:s.errors.name,classInput:"h-[48px]"},null,8,["modelValue","error"])]),_:1}),n(p,{label:"Description"},{default:u(()=>[n(w,{placeholder:"Input description",modelValue:s.form.description,"onUpdate:modelValue":t[2]\|\|(t[2]=d=>s.form.description=d)},null,8,["modelValue"])]),_:1}),n(p,{label:"Company Access"},{default:u(()=>[n(g,{modelValue:s.form.companies,"onUpdate:modelValue":t[3]\|\|(t[3]=d=>s.form.companies=d),id:"companies",mode:"tags","close-on-select":!1,searchable:!0,options:s.companyOptions},null,8,["modelValue","options"])]),_:1}),n(p,{label:"Dealership Addess"},{default:u(()=>[n(g,{modelValue:s.form.dealerships,"onUpdate:modelValue":t[4]\|\|(t[4]=d=>s.form.dealerships=d),id:"dealerships",mode:"tags","close-on-select":!1,searchable:!0,options:c.dealershipOptions},null,8,["modelValue","options"])]),_:1}),y("div",le,[s.state.isEdit?(a(),l(P,{key:1,onClick:c.submitForm},null,8,["onClick"])):(a(),l(x,{key:0,onClick:c.submitForm},null,8,["onClick"])),n(B,{onClick:c.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const de=V(ie,[["render",ce]]);const me={components:{Layout:I,Loading:D,Pagination:se,InputGroup:oe,CreateButton:Z,EditButton:$,DeleteButton:ee,ViewButton:te,ListIcon:re,Form:de,Badge:ae},data(){return{title:"Roles",breadcrumbs:[{text:"Home",href:"/"},{text:"Settings",href:"/settings/roles"},{text:"Roles",active:!0}],state:{isEdit:!1,isLoading:!1,isMounted:!1,isResetError:!1,isSubmitted:!1,showModal:!1,isDeleting:!1},items:[],error:[],totalItems:0,columns:[{label:"#",field:"#",tdClass:"text-center w-[20px]",sortable:!1},{label:"Name",field:"name",tdClass:"font-semibold"},{label:"ID",field:"id",tdClass:"text-center font-semibold"},{label:"Group",field:"group_name"},{label:"Description",field:"description"},{label:"Company Access",field:"company_access"},{label:"Dealership Access",field:"dealership_access"},{label:"Enabled",field:"enabled"},{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:A.debounce(function(){this.fetchRecords()},800)},computed:{perPage:function(){return this.serverOptions.rowsPerPage}},methods:{async fetchRecords(){this.state.isLoading=!0,this.state.isMounted=!1,await C.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,v)=>({...o,company_names:o.companies?o.companies.map(s=>s.name):[],companies:o.companies?o.companies.map(s=>s.id):[],dealership_names:o.dealerships?o.dealerships.map(s=>s.name):[],dealerships:o.dealerships?o.dealerships.map(s=>s.id):[],group_name:o.group?o.group.name:null,"#":(this.serverOptions.page-1)this.serverOptions.rowsPerPage+(v+1)})),this.totalItems=e.data.total??0}).finally(()=>{this.state.isLoading=!1,this.state.isMounted=!0})},handlePageChange(e){console.log(e),console.log(this.serverOptions.page),this.serverOptions.page!=e&&(this.serverOptions.page=e)},handlePerPageChange(e){this.serverOptions.rowsPerPage=e},onSortChange(e){console.log(e),e[0].type!="none"&&(this.serverOptions.sortBy=e[0].field,this.serverOptions.sortType=e[0].type)},createRecord(){this.$refs.form.resetForm(),this.$refs.form.state.showModal=!0},editRecord(e){this.$refs.form.resetForm(),this.$refs.form.loadRecord(e),this.$refs.form.state.showModal=!0},async 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,C.remove(e).then(o=>{o.status==200&&(this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3}),this.fetchRecords())}).catch(o=>{o.response&&o.response.status==401&&this.$swal.fire({title:"Ooops! something is wrong.",text:"Error deleting record. Please contact system administrator",type:"error",icon:"error",timer:2e3})}).finally(()=>{this.state.isDeleting=!1}))})}},mounted(){this.fetchRecords()}},ue={key:0,class:"badge-group"},pe={key:1,class:"badge-group"},he={key:3,class:"flex gap-1"},fe={class:"py-4 px-3 flex justify-end"};function ge(e,t,o,v,s,c){const b=r("ListIcon"),g=r("InputGroup"),p=r("CreateButton"),_=r("Loading"),w=r("Badge"),x=r("EditButton"),P=r("DeleteButton"),B=r("ViewButton"),O=r("Pagination"),d=r("vue-good-table"),M=r("Form"),E=r("Layout");return a(),l(E,{header:s.title,theme:"#116466",breadcrumbs:s.breadcrumbs},{icon:u(()=>[n(b)]),search:u(()=>[n(g,{modelValue:s.searchQuery,"onUpdate:modelValue":t[0]\|\|(t[0]=i=>s.searchQuery=i),class:"w-full border focus:border-cyan-500",placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"])]),action:u(()=>[e.$ability.can("add","role")?(a(),l(p,{key:0,onClick:c.createRecord},null,8,["onClick"])):m("",!0)]),default:u(()=>[y("div",null,[s.state.isLoading?(a(),l(_,{key:0,searching:!0,text:"Fetching records"})):m("",!0),s.state.isDeleting?(a(),l(_,{key:1,text:"Deleting record"})):m("",!0),n(d,{columns:s.columns,styleClass:"vgt-table bordered lesspadding v-middle",mode:"remote",rows:s.items,search:!0,"sort-options":{enabled:!0},"pagination-options":{enabled:!0},onSortChange:c.onSortChange,"max-height":"600px"},{"table-row":u(i=>[i.column.field=="company_access"?(a(),f("div",ue,[(a(!0),f(R,null,k(i.row.company_names,h=>(a(),l(w,{key:h,label:h,badgeClass:"bg-primary-700 text-primary-700 bg-opacity-[0.12] m-1"},null,8,["label"]))),128))])):m("",!0),i.column.field=="dealership_access"?(a(),f("div",pe,[(a(!0),f(R,null,k(i.row.dealership_names,h=>(a(),l(w,{key:h,label:h,badgeClass:"bg-primary-700 text-primary-700 bg-opacity-[0.12] m-1"},null,8,["label"]))),128))])):m("",!0),i.column.field=="enabled"?(a(),f("div",{key:2,class:q(i.row.enabled==1?"text-blue-500":"text-danger-500")},N(i.row.enabled==1?"Yes":"No"),3)):m("",!0),i.column.field=="action"?(a(),f("span",he,[e.$ability.can("edit","role")?(a(),l(x,{key:0,onClick:h=>c.editRecord(i.row)},null,8,["onClick"])):m("",!0),e.$ability.can("delete","role")?(a(),l(P,{key:1,onClick:h=>c.deleteRecord(i.row.id)},null,8,["onClick"])):m("",!0),e.$ability.can("edit","role")?(a(),l(B,{key:2,link:{name:"role-access",params:{id:i.row.id}}},null,8,["link"])):m("",!0)])):m("",!0)]),"pagination-bottom":u(i=>[y("div",fe,[n(O,{total:s.totalItems,current:s.serverOptions.page,"per-page":s.serverOptions.rowsPerPage,onPageChanged:c.handlePageChange,pageChanged:i.pageChanged,perPageChanged:s.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:s.perPageOptions,onChangePerPage:c.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])]),n(M,{editData:e.editData,onCloseModal:t[1]\|\|(t[1]=i=>s.state.showModal=!1),ref:"form",onReload:t[2]\|\|(t[2]=i=>c.fetchRecords())},null,8,["editData"])]),_:1},8,["header","breadcrumbs"])}const qe=V(me,[["render",ge],["__scopeId","data-v-50e4543f"]]);export{qe as default};

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