forked from Simnation/Main
1 line
4.6 KiB
JavaScript
1 line
4.6 KiB
JavaScript
import{_ as u,P as f,R as b,bh as v,o as m,X as y,a as t,w as o,a6 as w,c as p,bi as V,r as $,a7 as c,U as s,ab as k,V as L,aE as _,a9 as C,S as E,W as n}from"./app-014d9ed9.js";import{Q as S,a as P,b as r}from"./QTable.d759a99d.js";import{d as Q}from"./utils.9ce591f3.js";import"./externalHosting.js";import"./QList.9d5bb77f.js";import"./QMarkupTable.ba6854cc.js";import"./QSelect.d7ce3d4c.js";import"./QItemLabel.b6dd3adb.js";import"./position-engine.65ebcb34.js";import"./selection.2a17b691.js";import"./rtl.b51694b1.js";const R={name:"VehicleList",data(){return{ACTION:f,RESOURCE:b,vehicles:[],columns:[{name:"name",align:"left",label:this.$i18n.t("components.devVehicleList.headers.name"),field:e=>e.name,format:e=>`${e}`,sortable:!0},{name:"brand",align:"left",label:this.$i18n.t("components.devVehicleList.headers.brand"),field:e=>e.brand,format:e=>`${e}`,sortable:!0},{name:"model",align:"left",label:this.$i18n.t("components.devVehicleList.headers.model"),field:e=>e.model,format:e=>`${e}`,sortable:!0},{name:"hash",align:"left",label:this.$i18n.t("components.devVehicleList.headers.hash"),field:e=>e.hash,format:e=>`${e}`,sortable:!0},{name:"price",align:"center",label:this.$i18n.t("components.devVehicleList.headers.price"),field:e=>e.price,format:e=>`${e}`,sortable:!0},{name:"category",align:"left",label:this.$i18n.t("components.devVehicleList.headers.category"),field:e=>e.category,format:e=>`${e}`,sortable:!0}],pagination:{sortBy:"desc",descending:!1,page:1,rowsPerPage:25},loading:!0}},computed:{...v(V,["searchFilter","paginationSave"])},methods:{can:Q,onRowClick(e){this.$router.push({name:"dev-vehicle-detail",params:{vehicleId:e.key}})},getPaginationLabel(e,i,d){return this.$i18n.t("components.devVehicleList.paginationLabel",{from:e,to:i,total:d})},updatePagination(e){this.loading||(this.paginationSave=e,this.pagination=e)}},mounted(){this.$route.name==="dev-vehicle-list"&&this.$axios.get("/api/dev-vehicles").then(e=>{for(const[i,d]of Object.entries(e.data.vehicles))this.vehicles.push({key:i,...d});this.loading=!1,this.pagination={...this.paginationSave}}).catch(e=>{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")})})}},T={key:0,class:"row q-pa-sm"},q={class:"row"},B={class:"col-12"},I={class:"q-mx-md q-my-sm row flex-center"},N={class:"text-caption text-grey"},U={class:"q-ml-auto"};function D(e,i,d,O,l,h){const g=$("router-view");return e.$route.name==="dev-vehicle-list"?(m(),y("div",T,[t(w,{class:"bg-secondary full-width"},{default:o(()=>[c("div",q,[c("div",B,[c("div",I,[c("div",N,s(e.$t("components.devVehicleList.subheader")),1),c("div",U,[h.can(l.ACTION.DEV.VEHICLE.CREATE,l.RESOURCE.DEV)?(m(),p(k,{key:0,color:"primary",onClick:i[0]||(i[0]=a=>e.$router.push({name:"dev-vehicle-create"})),label:e.$t("components.devVehicleList.createVehicle"),class:"q-ma-sm"},null,8,["label"])):L("",!0)])]),t(_),t(S,{color:"primary","card-class":"bg-secondary text-white","table-class":"text-white","table-header-class":"text-primary",flat:"",rows:l.vehicles,columns:l.columns,"row-key":"name",pagination:l.pagination,"rows-per-page-options":[0,25,50,100],"no-results-label":e.$t("components.devVehicleList.noData"),"loading-label":e.$t("components.devVehicleList.loadData"),loading:l.loading,filter:e.searchFilter,"pagination-label":h.getPaginationLabel,"rows-per-page-label":`${e.$t("components.devVehicleList.recordsPerPage")}:`,"onUpdate:pagination":h.updatePagination},{"top-right":o(()=>[t(C,{"input-style":{color:"white"},borderless:"",dense:"",debounce:"300",modelValue:e.searchFilter,"onUpdate:modelValue":i[1]||(i[1]=a=>e.searchFilter=a),placeholder:e.$t("general.search")},{append:o(()=>[t(E,{class:"text-white",name:"search"})]),_:1},8,["modelValue","placeholder"])]),body:o(a=>[t(P,{props:a,onClick:x=>h.onRowClick(a.row),class:"cursor-pointer"},{default:o(()=>[t(r,{key:"name",props:a},{default:o(()=>[n(s(a.row.name),1)]),_:2},1032,["props"]),t(r,{key:"brand",props:a},{default:o(()=>[n(s(a.row.brand),1)]),_:2},1032,["props"]),t(r,{key:"model",props:a},{default:o(()=>[n(s(a.row.model),1)]),_:2},1032,["props"]),t(r,{key:"hash",props:a},{default:o(()=>[n(s(a.row.hash),1)]),_:2},1032,["props"]),t(r,{key:"price",props:a},{default:o(()=>[n(s(a.row.price),1)]),_:2},1032,["props"]),t(r,{key:"category",props:a},{default:o(()=>[n(s(a.row.category),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","onUpdate:pagination"])])])]),_:1})])):(m(),p(g,{key:1}))}const Y=u(R,[["render",D]]);export{Y as default};
|