feat(search): Error handling in advanced search

dasch-swiss · Oct 6, 2020 · fe08fb2 · fe08fb2
1 parent 67d15f0
commit fe08fb2
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/projects/dsp-ui/src/lib/search/advanced-search/advanced-search.component.html b/projects/dsp-ui/src/lib/search/advanced-search/advanced-search.component.html
@@ -1,4 +1,4 @@
-<form [formGroup]="form" (ngSubmit)="submit()" class="dsp-form-content">
+<form *ngIf="!errorMessage" [formGroup]="form" (ngSubmit)="submit()" class="dsp-form-content">
 
     <div *ngIf="ontologiesMetadata?.ontologies.length > 0">
         <dsp-select-ontology [formGroup]="form" [ontologiesMetadata]="ontologiesMetadata"
@@ -46,3 +46,5 @@
     </div>
 
 </form>
+
+<dsp-message *ngIf="errorMessage" [apiError]="errorMessage" [size]="'medium'"></dsp-message>
diff --git a/projects/dsp-ui/src/lib/search/advanced-search/advanced-search.component.ts b/projects/dsp-ui/src/lib/search/advanced-search/advanced-search.component.ts
@@ -69,6 +69,8 @@ export class AdvancedSearchComponent implements OnInit, OnDestroy {
 
     formChangesSubscription: Subscription;
 
+    errorMessage: ApiResponseError;
+
     // reference to the component that controls the resource class selection
     @ViewChild('resourceClass') resourceClassComponent: SelectResourceClassComponent;
 
@@ -133,7 +135,7 @@ export class AdvancedSearchComponent implements OnInit, OnDestroy {
                 this.ontologiesMetadata = response;
             },
             (error: ApiResponseError) => {
-                console.error(error);
+                this.errorMessage = error;
             });
     }
 

diff --git a/projects/dsp-ui/src/lib/search/search.module.ts b/projects/dsp-ui/src/lib/search/search.module.ts
@@ -34,6 +34,7 @@ import { SearchListValueComponent } from './advanced-search/select-property/spec
 import { SearchDisplayListComponent } from './advanced-search/select-property/specify-property-value/search-list-value/search-display-list/search-display-list.component';
 import { SearchTextValueComponent } from './advanced-search/select-property/specify-property-value/search-text-value/search-text-value.component';
 import { SearchUriValueComponent } from './advanced-search/select-property/specify-property-value/search-uri-value/search-uri-value.component';
+import { DspActionModule } from '../action';
 
 
 
@@ -75,6 +76,7 @@ import { SearchUriValueComponent } from './advanced-search/select-property/speci
         MatInputModule,
         MatDatepickerModule,
         MatAutocompleteModule,
+        DspActionModule,
         DspViewerModule,
         TextFieldModule
     ],