import{r as e,B as i,h as l}from"./p-03169580.js";const t="";let n=class{constructor(i){e(this,i)}onSearchInput(e){this.query=e.target.value}componentDidLoad(){if(!(i===null||i===void 0?void 0:i.isBrowser))return}render(){return[l("ion-content",{class:"ion-padding"},l("floodteam-title-bar",null,l("ion-router-link",{href:"/vehicles"},"Vehicles"),l("ion-buttons",{slot:"end"},l("ion-button",{fill:"solid",color:"primary",href:"/vehicles/new"},"Add"))),l("div",{class:"ion-padding"},l("fireenjin-search-bar",{ref:e=>this.filterBarEl=e,paginationEl:this.paginationEl,filters:[]})),l("fireenjin-filter-bar",{paginationEl:this.paginationEl,modeToggle:true,filter:{label:"Filter By",controls:[{name:"locationId",label:"Location",endpoint:"listLocations",icon:"business",resultsKey:"locations"}]},sort:{header:"Sort By",value:"createdAt:desc",options:[{label:"Created At",value:"createdAt:desc"},{label:"Name",value:"name"}]}}),l("fireenjin-pagination",{ref:e=>this.paginationEl=e,gridEl:({result:e})=>l("floodteam-snapshot-card",{href:`/vehicle/${e.id}`,buttonText:"View Vehicle"},l("ion-label",null,l("h2",null,e.name?e.name:""))),listEl:({result:e})=>l("ion-item",{href:`/vehicles/${e.id}`,detail:true},l("ion-label",null,l("h2",null,e.name?e.name:""," "))),endpoint:"listVehicles",limit:20,resultsKey:"vehicles",query:this.query})),l("floodteam-navigation-footer",null)]}};n.style=t;export{n as app_vehicle_list};
//# sourceMappingURL=p-08e94687.entry.js.map