litle fancy touches :P

Author: David Lebee

AcmeWeb/AcmeWeb.csproj

@@ -14,7 +14,7 @@
     <PackageReference Include="Bogus" Version="24.3.1" />
     <PackageReference Include="Microsoft.AspNetCore.App" />
     <PackageReference Include="Microsoft.AspNetCore.Razor.Design" Version="2.1.2" PrivateAssets="All" />
-    <PackageReference Include="PoweredSoft.DynamicQuery" Version="1.0.3" />
+    <PackageReference Include="PoweredSoft.DynamicQuery" Version="1.0.4" />
   </ItemGroup>
 
 </Project>

AcmeWeb/spa/src/pages/home/home.component.html

@@ -3,7 +3,7 @@
   <div class="d-flex">
     <div class="align-self-center p-2 d-flex-shrink-1">Route: </div>
     <div class="align-self-center p-2 w-100">
-      <select [(ngModel)]="route" class="form-control">
+      <select [(ngModel)]="route" class="form-control" (change)="routeChanged()">
         <option *ngFor="let r of routes" [value]="r">{{r}}</option>
       </select>
     </div>

AcmeWeb/spa/src/pages/home/home.component.ts

@@ -9,8 +9,7 @@ import { Subject } from "rxjs";
 })
 export class HomeComponent
 {
-   
-    criteria: IQueryCriteria = {
+    defaultCriteria: IQueryCriteria = {
         filters: [],
         sorts: [],
         groups: [],
@@ -19,6 +18,8 @@ export class HomeComponent
         page: 1
     };
 
+  criteria: IQueryCriteria;
+
     route: string = 'api/tickets';
     routes: string[] = ['api/orders', 'api/order-items', 'api/items', 'api/customers', 'api/tickets', 'api/tasks'];
     lastResult: any;
@@ -51,8 +52,8 @@ export class HomeComponent
         'LastOrDefault'
     ];
 
-    constructor(private dynamicQueryService: DynamicQueryService) {
-  
+  constructor(private dynamicQueryService: DynamicQueryService) {
+    this.reset();
     }
 
     removeSort(sort: ISort) {
@@ -115,6 +116,15 @@ export class HomeComponent
     this.go();
   }
 
+  reset() {
+    this.lastResult = "press go to start";
+    this.criteria = { ... this.defaultCriteria };
+  }
+
+  routeChanged() {
+    this.reset();
+  }
+
   groupingSample() {
     if (this.route == 'api/tickets') {
       this.criteria = {