From fdad3a564cf41f180e49ef1202062f22f02238cc Mon Sep 17 00:00:00 2001
From: Kris Klosterman <krisklosterman@gmail.com>
Date: Thu, 18 Apr 2019 08:26:42 -0400
Subject: [PATCH] Placeholder Text for Search Boxes (#2939)

---
 src/Ombi/ClientApp/app/search/moviesearch.component.html      | 4 ++--
 .../ClientApp/app/search/music/musicsearch.component.html     | 4 ++--
 src/Ombi/ClientApp/app/search/search.component.html           | 2 +-
 src/Ombi/ClientApp/app/search/search.component.scss           | 4 ++++
 src/Ombi/ClientApp/app/search/tvsearch.component.html         | 4 ++--
 src/Ombi/wwwroot/translations/en.json                         | 1 +
 6 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/Ombi/ClientApp/app/search/moviesearch.component.html b/src/Ombi/ClientApp/app/search/moviesearch.component.html
index 7d8a4653a..ed669e0f5 100644
--- a/src/Ombi/ClientApp/app/search/moviesearch.component.html
+++ b/src/Ombi/ClientApp/app/search/moviesearch.component.html
@@ -2,7 +2,7 @@
 <div role="tabpanel" class="tab-pane active" id="MoviesTab">
 
     <div class="input-group search-bar-background">
-        <input id="search" type="text" class="form-control form-control-custom form-control-search form-control-withbuttons"
+        <input id="search" type="text" placeholder="{{ 'Search.SearchBarPlaceholder' | translate}}" class="form-control form-control-custom form-control-search form-control-withbuttons"
             (keyup)="search($event)">
         <div class="input-group-addon right-radius">
             <div class="btn-group" role="group">
@@ -181,4 +181,4 @@
 
 
 <issue-report [movie]="true" [visible]="issuesBarVisible" (visibleChange)="issuesBarVisible = $event;" [title]="issueRequestTitle"
-    [issueCategory]="issueCategorySelected" [id]="issueRequestId" [providerId]="issueProviderId"></issue-report>
\ No newline at end of file
+    [issueCategory]="issueCategorySelected" [id]="issueRequestId" [providerId]="issueProviderId"></issue-report>
diff --git a/src/Ombi/ClientApp/app/search/music/musicsearch.component.html b/src/Ombi/ClientApp/app/search/music/musicsearch.component.html
index e0d95203b..89af8de01 100644
--- a/src/Ombi/ClientApp/app/search/music/musicsearch.component.html
+++ b/src/Ombi/ClientApp/app/search/music/musicsearch.component.html
@@ -1,7 +1,7 @@
 <!-- Movie tab -->
 <div role="tabpanel" class="tab-pane active" id="MoviesTab">
     <div class="input-group">
-        <input id="search" type="text" class="form-control form-control-custom form-control-search form-control-withbuttons" (keyup)="search($event)">
+        <input id="search" type="text" placeholder="{{ 'Search.SearchBarPlaceholder' | translate }}" class="form-control form-control-custom form-control-search form-control-withbuttons" (keyup)="search($event)">
         <div class="input-group-addon right-radius">
             <i class="fa fa-search"></i>
         </div>
@@ -49,4 +49,4 @@
 
 
 <issue-report [movie]="true" [visible]="issuesBarVisible" (visibleChange)="issuesBarVisible = $event;" [title]="issueRequestTitle"
-    [issueCategory]="issueCategorySelected" [id]="issueRequestId" [providerId]="issueProviderId"></issue-report>
\ No newline at end of file
+    [issueCategory]="issueCategorySelected" [id]="issueRequestId" [providerId]="issueProviderId"></issue-report>
diff --git a/src/Ombi/ClientApp/app/search/search.component.html b/src/Ombi/ClientApp/app/search/search.component.html
index 046635812..7e1d280d2 100644
--- a/src/Ombi/ClientApp/app/search/search.component.html
+++ b/src/Ombi/ClientApp/app/search/search.component.html
@@ -4,7 +4,7 @@
 <!-- Nav tabs -->
 
 
-<ul id="nav-tabs" class="nav nav-tabs" role="tablist">
+<ul id="nav-tabs" class="nav nav-tabs nav-justified" role="tablist">
 
     <li role="presentation" class="active">
         <a id="movieTabButton" href="#MoviesTab" aria-controls="home" role="tab" data-toggle="tab" (click)="selectMovieTab()"><i class="fa fa-film"></i>  {{ 'Search.MoviesTab' | translate }}</a>
diff --git a/src/Ombi/ClientApp/app/search/search.component.scss b/src/Ombi/ClientApp/app/search/search.component.scss
index 915c2b467..b8339bd82 100644
--- a/src/Ombi/ClientApp/app/search/search.component.scss
+++ b/src/Ombi/ClientApp/app/search/search.component.scss
@@ -16,6 +16,10 @@
     }
 }
 
+.tab-content {
+    margin-top: 1.5em;
+}
+
 .search-bar-background {
     background-color: #333333;
 }
diff --git a/src/Ombi/ClientApp/app/search/tvsearch.component.html b/src/Ombi/ClientApp/app/search/tvsearch.component.html
index 3fb349f88..5975abb0d 100644
--- a/src/Ombi/ClientApp/app/search/tvsearch.component.html
+++ b/src/Ombi/ClientApp/app/search/tvsearch.component.html
@@ -1,7 +1,7 @@
 <!-- Movie tab -->
 <div role="tabpanel" class="tab-pane" id="TvShowTab">
     <div class="input-group">
-        <input id="search" type="text" class="form-control form-control-custom form-control-search form-control-withbuttons" (keyup)="search($event)">
+        <input id="search" type="text" placeholder="{{ 'Search.SearchBarPlaceholder' | translate }}" class="form-control form-control-custom form-control-search form-control-withbuttons" (keyup)="search($event)">
         <div class="input-group-addon right-radius">
             <div class="btn-group">
                 <a href="#" class="btn btn-sm btn-primary-outline dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
@@ -164,4 +164,4 @@
 
 
 <issue-report [movie]="false" [visible]="issuesBarVisible" (visibleChange)="issuesBarVisible = $event;" [title]="issueRequestTitle"
-    [issueCategory]="issueCategorySelected" [id]="issueRequestId" [providerId]="issueProviderId"></issue-report>
\ No newline at end of file
+    [issueCategory]="issueCategorySelected" [id]="issueRequestId" [providerId]="issueProviderId"></issue-report>
diff --git a/src/Ombi/wwwroot/translations/en.json b/src/Ombi/wwwroot/translations/en.json
index 83c587e7b..eabce171d 100644
--- a/src/Ombi/wwwroot/translations/en.json
+++ b/src/Ombi/wwwroot/translations/en.json
@@ -79,6 +79,7 @@
     "RequestAdded": "Request for {{title}} has been added successfully",
     "Similar":"Similar",
     "Refine":"Refine",
+    "SearchBarPlaceholder":"Type Here to Search",
     "Movies": {
       "PopularMovies": "Popular Movies",
       "UpcomingMovies": "Upcoming Movies",