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 c853d2b1b221d6477e77a5dbb1dc4b534b705b6c..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" placeholder="Search..."
+<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>
+  >
+  <span (click)="doSearch()" class="icon icon-search"></span>
+</my-search-typeahead>
 
 <a class="upload-button" routerLink="/videos/upload">
-  <span class="icon icon-upload"></span>
-  <span class="upload-button-label">Upload</span>
+  <my-global-icon iconName="upload"></my-global-icon>
+  <span i18n class="upload-button-label">Upload</span>
 </a>