searching for types and dates, error catching, documentation and changelog.

src-ui/src/app/components/search/search.component.html

@@ -1,6 +1,8 @@
 <app-page-header title="Search results">
 </app-page-header>
 
+<div *ngIf="errorMessage" class="alert alert-danger">Invalid search query: {{errorMessage}}</div>
+
 <p>
     Search string: <i>{{query}}</i>
     <ng-container *ngIf="correctedQuery">
@@ -9,7 +11,7 @@
 
 </p>
 
-<div [class.result-content-searching]="searching" infiniteScroll (scrolled)="onScroll()">
+<div *ngIf="!errorMessage" [class.result-content-searching]="searching" infiniteScroll (scrolled)="onScroll()">
     <p>{{resultCount}} result(s)</p>
     <app-document-card-large *ngFor="let result of results"
         [document]="result.document"

src-ui/src/app/components/search/search.component.ts

@@ -24,6 +24,8 @@ export class SearchComponent implements OnInit {
 
   correctedQuery: string = null
 
+  errorMessage: string
+
   constructor(private searchService: SearchService, private route: ActivatedRoute, private router: Router) { }
 
   ngOnInit(): void {
@@ -38,10 +40,11 @@ export class SearchComponent implements OnInit {
 
   searchCorrectedQuery() {
     this.router.navigate(["search"], {queryParams: {query: this.correctedQuery}})
-    this.correctedQuery = null
   }
 
   loadPage(append: boolean = false) {
+    this.errorMessage = null
+    this.correctedQuery = null
     this.searchService.search(this.query, this.currentPage).subscribe(result => {
       if (append) {
         this.results.push(...result.results)
@@ -52,6 +55,12 @@ export class SearchComponent implements OnInit {
       this.searching = false
       this.resultCount = result.count
       this.correctedQuery = result.corrected_query
+    }, error => {
+      this.searching = false
+      this.resultCount = 1
+      this.page_count = 1
+      this.results = []
+      this.errorMessage = error.error
     })
   }