forked from Simnation/Main
1 line
6.2 KiB
JavaScript
1 line
6.2 KiB
JavaScript
import{_ as v,P as w,R as y,bh as $,o as g,X as L,a,w as n,a6 as k,c as f,bi as C,r as R,a7 as h,U as c,ab as S,V as _,aE as P,a9 as q,S as E,W as d}from"./app-014d9ed9.js";import{Q as V,a as N,b as r}from"./QTable.d759a99d.js";import{b}from"./QSelect.d7ce3d4c.js";import{d as Q}from"./utils.9ce591f3.js";import"./externalHosting.js";import"./QList.9d5bb77f.js";import"./QMarkupTable.ba6854cc.js";import"./QItemLabel.b6dd3adb.js";import"./position-engine.65ebcb34.js";import"./selection.2a17b691.js";import"./rtl.b51694b1.js";const B={name:"VehicleList",data(){return{ACTION:w,RESOURCE:y,columns:[{name:"citizenid",align:"left",label:this.$i18n.t("components.vehicleList.headers.owner"),field:e=>e.citizenid,format:e=>`${e}`,sortable:!0},{name:"plate",align:"left",label:this.$i18n.t("components.vehicleList.headers.plate"),field:e=>e.plate,format:e=>`${e}`,sortable:!0},{name:"vehicle",align:"left",label:this.$i18n.t("components.vehicleList.headers.vehicle"),field:e=>e.vehicle,format:e=>`${e}`},{name:"spawned",align:"center",label:this.$i18n.t("components.vehicleList.headers.spawned"),field:e=>e.spawned,format:e=>`${e}`},{name:"state",align:"center",label:this.$i18n.t("components.vehicleList.headers.state"),field:e=>e.state,format:e=>`${e}`},{name:"engine",align:"center",label:this.$i18n.t("components.vehicleList.headers.engine"),field:e=>e.engine,format:e=>`${e}`},{name:"body",align:"center",label:this.$i18n.t("components.vehicleList.headers.body"),field:e=>e.body,format:e=>`${e}`},{name:"fuel",align:"center",label:this.$i18n.t("components.vehicleList.headers.fuel"),field:e=>e.fuel,format:e=>`${e}`}],vehicles:[],pagination:{sortBy:"plate",descending:!1,page:1,rowsPerPage:25},loading:!0}},methods:{can:Q,getRowsNumberCount(e){return this.$axios.post("/api/vehicles/vehicle-count",{filter:e}).then(i=>i.data.count)},fetchFromServer(e,i,l,p,o){return this.$axios.post("/api/vehicles",{startRow:e,count:i,filter:l,sortBy:p,descending:o}).then(s=>s.data.vehicles).catch(s=>{this.loading=!1,this.$q.notify({message:this.$i18n.t("general.error"),position:"top",color:"red",icon:"fas fa-exclamation-triangle",caption:this.$i18n.t("general.timeout")})})},async onRequest(e){const{page:i,rowsPerPage:l,sortBy:p,descending:o}=e.pagination,s=e.filter;this.loading=!0,this.pagination.rowsNumber=await this.getRowsNumberCount(s);const m=l===0?this.pagination.rowsNumber:l,t=(i-1)*l,u=await this.fetchFromServer(t,m,s,p,o);this.vehicles.splice(0,this.vehicles.length,...u),this.pagination.page=i,this.pagination.rowsPerPage=l,this.pagination.sortBy=p,this.pagination.descending=o,this.paginationSave=this.pagination,this.loading=!1},onRowClick(e){this.$router.push({name:"game-vehicle-detail",params:{vehicleId:e.id}})},getPaginationLabel(e,i,l){return this.$i18n.t("components.vehicleList.paginationLabel",{from:e,to:i,total:l})},updatePagination(e){this.loading||(this.paginationSave=e,this.pagination=e)}},computed:{...$(C,["searchFilter","paginationSave"])},mounted(){this.$route.name==="game-vehicle-list"&&(this.pagination={...this.paginationSave},this.$refs.tableRef.requestServerInteraction())}},x={key:0,class:"row q-pa-sm"},I={class:"row"},T={class:"col-12"},z={class:"q-mx-md q-my-sm row flex-center"},F={class:"text-caption text-sub"},U={class:"q-ml-auto"};function A(e,i,l,p,o,s){const m=R("router-view");return e.$route.name==="game-vehicle-list"?(g(),L("div",x,[a(k,{class:"bg-secondary full-width"},{default:n(()=>[h("div",I,[h("div",T,[h("div",z,[h("div",F,c(e.$t("components.vehicleList.subheader")),1),h("div",U,[s.can(o.ACTION.GAME.VEHICLE.CREATE,o.RESOURCE.GAME)?(g(),f(S,{key:0,"text-color":"main",color:"primary",onClick:i[0]||(i[0]=t=>e.$router.push({name:"game-vehicle-create"})),label:e.$t("components.vehicleList.createVehicle"),class:"q-ma-sm"},null,8,["label"])):_("",!0)])]),a(P),a(V,{ref:"tableRef",color:"primary","card-class":"bg-secondary text-main","table-class":"text-main","table-header-class":"text-primary",flat:"",rows:o.vehicles,columns:o.columns,"row-key":"name",pagination:o.pagination,"onUpdate:pagination":[i[2]||(i[2]=t=>o.pagination=t),s.updatePagination],"rows-per-page-options":[0,25,50,100],"no-results-label":e.$t("components.vehicleList.noData"),"loading-label":e.$t("components.vehicleList.loadData"),loading:o.loading,filter:e.searchFilter,"binary-state-sort":"","pagination-label":s.getPaginationLabel,"rows-per-page-label":`${e.$t("components.vehicleList.recordsPerPage")}:`,onRequest:s.onRequest},{"top-right":n(()=>[a(q,{"input-style":{color:"var(--q-main)"},borderless:"",dense:"",debounce:"300",modelValue:e.searchFilter,"onUpdate:modelValue":i[1]||(i[1]=t=>e.searchFilter=t),placeholder:e.$t("general.search")},{append:n(()=>[a(E,{class:"text-main",name:"search"})]),_:1},8,["input-style","modelValue","placeholder"])]),body:n(t=>[a(N,{props:t,onClick:u=>s.onRowClick(t.row),class:"cursor-pointer"},{default:n(()=>[a(r,{key:"citizenid",props:t},{default:n(()=>[d(c(t.row.citizenid),1)]),_:2},1032,["props"]),a(r,{key:"plate",props:t},{default:n(()=>[d(c(t.row.plate),1)]),_:2},1032,["props"]),a(r,{key:"vehicle",props:t},{default:n(()=>[d(c(t.row.vehicle),1)]),_:2},1032,["props"]),a(r,{key:"spawned",props:t,style:{width:"50px"}},{default:n(()=>[a(b,{size:"sm",color:t.row.spawned?"positive":"negative","text-color":"main",label:t.row.spawned?e.$t("general.yes"):e.$t("general.no")},null,8,["color","label"])]),_:2},1032,["props"]),a(r,{key:"state",props:t,style:{width:"50px"}},{default:n(()=>[a(b,{size:"sm",color:"primary","text-color":"main",label:t.row.state===0?e.$t("components.vehicleList.outside"):t.row.state===1?e.$t("components.vehicleList.garage"):e.$t("components.vehicleList.inpound")},null,8,["label"])]),_:2},1032,["props"]),a(r,{key:"engine",props:t,style:{width:"30px"}},{default:n(()=>[d(c(t.row.engine),1)]),_:2},1032,["props"]),a(r,{key:"body",props:t,style:{width:"30px"}},{default:n(()=>[d(c(t.row.body),1)]),_:2},1032,["props"]),a(r,{key:"fuel",props:t,style:{width:"30px"}},{default:n(()=>[d(c(t.row.fuel),1)]),_:2},1032,["props"])]),_:2},1032,["props","onClick"])]),_:1},8,["rows","columns","pagination","no-results-label","loading-label","loading","filter","pagination-label","rows-per-page-label","onRequest","onUpdate:pagination"])])])]),_:1})])):(g(),f(m,{key:1}))}const Z=v(B,[["render",A]]);export{Z as default};
|