Search typeahead initial design

[github/Chocobozzz/PeerTube.git] / client / src / app / header / header.component.html

diff --git a/client/src/app/header/header.component.html b/client/src/app/header/header.component.html
index c23e0c55d9ef1d213f0f4d8ece69015953fdd49d..38c87c642e65838a58a804a8937ef305df8c0b66 100644 (file)
--- a/client/src/app/header/header.component.html
+++ b/client/src/app/header/header.component.html
@@ -1,10 +1,12 @@
-<input
-  type="text" id="search-video" name="search-video" i18n-placeholder placeholder="Search..."
-  [(ngModel)]="searchValue" (keyup.enter)="doSearch()"
->
-<span (click)="doSearch()" class="icon icon-search"></span>
+<my-search-typeahead>
+  <input
+    type="text" id="search-video" name="search-video" [attr.aria-label]="ariaLabelTextForSearch" i18n-placeholder placeholder="Search videos, channels…"
+    [(ngModel)]="searchValue" (keyup.enter)="doSearch()"
+  >
+  <span (click)="doSearch()" class="icon icon-search"></span>
+</my-search-typeahead>
 
 <a class="upload-button" routerLink="/videos/upload">
-  <span class="icon icon-upload"></span>
+  <my-global-icon iconName="upload"></my-global-icon>
   <span i18n class="upload-button-label">Upload</span>
 </a>