Revize 7915010d

Re #7802: Implementace vykreslování search page s výsledky
- výpis počtu nalezených dokumentů
- vyhledávání na stisknutí klávesy 'Enter'
- disablování možnosti vyhledávat 'null' řetězec

fe/fulltextsearch/src/app/components/pages/search/search.component.html

@@ -6 +6 @@
     <!--<div class="row" id="results-found">
       Found: x results
     </div>-->
-    <div class="row">
+    <div class="row" *ngIf="data">
       <p class="card-header">
-        <span>Searching expression:</span> xxx<br>
-        <span>Documents found:</span> X
+        <span>Searching expression: </span>{{data.expression}}<br>
+        <span>Documents found: </span>{{data.textRegions.length}}
       </p>
     </div>
-    <div class="row"> <!--<img src=" sem dat obrazek v base64 " />-->
+    <div class="row">
         <app-search-paginator [inputData] = "data" style="width: 100%" *ngIf="data"></app-search-paginator>
     </div>
   </div>

fe/fulltextsearch/src/app/components/shared-components/search-box/search-box.component.html

@@ -5 +5 @@
     <mat-icon>search</mat-icon>
   </span>
     </div>
-    <input type="text" class="form-control" [(ngModel)]="expression" placeholder="Enter text to search..." aria-label="Search" aria-describedby="basic-addon2">
+    <input type="text" class="form-control" [(ngModel)]="expression" (keyup.enter) = "onSubmit()" placeholder="Enter text to search..." aria-label="Search" aria-describedby="basic-addon2">
     <div class="input-group-append">
       <span class="input-group-text clickable" id="clear-icon">
         <mat-icon *ngIf="expression" matSuffix aria-label="Clear" (click)="expression=''">clear</mat-icon>

fe/fulltextsearch/src/app/components/shared-components/search-box/search-box.component.ts

@@ -20 +20 @@
   ngOnInit(): void {
   }
 
-  onSubmit() {
+  onSubmit(): void {
+    if (!this.expression) { return; }
+
     const searchRequest: SearchRequest = new SearchRequest(this.expression, new Date());
     console.log('odeslano: ' + JSON.stringify(searchRequest));