Merge pull request #2287 from citizenos/#2265

#2265

Author: ilmartyrk

src/app/core/components/search/search.component.html

@@ -33,6 +33,10 @@
   </div>
   <div id="results_area" *ngIf="app.showSearchResults">
     <div class="results_header" translate="COMPONENTS.SEARCH.HEADING_SEARCH_RESULTS"></div>
+    <div class="results_no_results_wrap" *ngIf="noResults">
+      <span class="results_no_results_text" translate="COMPONENTS.SEARCH.TXT_NO_RESULTS_FOUND"></span>
+      <span class="results_no_results_link" (click)="toggleHelp()" translate="COMPONENTS.SEARCH.LNK_HELP_PANEL"></span>
+    </div>
     <ng-container *ngFor="let context of contexts">
       <ng-container *ngFor="let model of models">
         <ng-container

src/app/core/components/search/search.component.scss

@@ -114,6 +114,24 @@
       padding: 16px;
     }
 
+    .results_no_results_wrap {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
+    .results_no_results_text {
+      font-size: 13px;
+      font-style: normal;
+      font-weight: 400;
+    }
+
+    .results_no_results_link {
+      @extend .results_no_results_text;
+      cursor: pointer;
+      text-decoration: underline;
+    }
+
     .line_separator {
       background-color: var(--color-blue-200);
     }

src/app/core/components/search/search.component.ts

@@ -186,4 +186,9 @@ export class SearchComponent implements OnInit {
         });
     }
   };
+
+  toggleHelp() {
+    const curStatus = this.app.showHelp.getValue();
+    this.app.showHelp.next(!curStatus);
+  }
 }