From 19981ad60852524ab571855aa68aa8f972737660 Mon Sep 17 00:00:00 2001
From: Simon Hanna <simhnna@gmail.com>
Date: Wed, 22 Aug 2018 22:19:41 +0200
Subject: [PATCH] Require some text while searching

---
 src/app/components/search/search.component.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/components/search/search.component.html b/src/app/components/search/search.component.html
index 5aac293..765818c 100644
--- a/src/app/components/search/search.component.html
+++ b/src/app/components/search/search.component.html
@@ -1,5 +1,5 @@
 <h3>Search</h3>
-<form>
+<form #searchForm="ngForm">
 <mat-form-field>
     <mat-select [(ngModel)]="selectedPlugin" name="selectedPlugin" placeholder="Search for:">
   <mat-option *ngFor="let plugin of searchPlugins" name="searchPlugins" [value]="plugin.key">
@@ -9,10 +9,10 @@
 </mat-form-field>
 <br>
 <mat-form-field>
-  <input matInput [(ngModel)]="searchText" name="searchText" placeholder="Search Text">
+  <input matInput [(ngModel)]="searchText" name="searchText" placeholder="Search Text" required>
 </mat-form-field>
   <br>
-<button mat-raised-button id="searchButton" color="primary" (click)="onSubmit()">Search</button>
+<button mat-raised-button id="searchButton" color="primary" [disabled]="!searchForm.form.valid" (click)="onSubmit()">Search</button>
 </form>
 <div *ngIf="searchResults">
   <h3>Search Results:</h3>