Localize harcoded texts

src/Ombi/ClientApp/src/app/requests-list/components/requests-list.component.html

@@ -1,17 +1,17 @@
 <div class="small-middle-container">
   <mat-tab-group>
     <div class="buttons">
-    <mat-tab label="Movies">
+    <mat-tab label="{{ 'NavigationBar.Filter.Movies' | translate }}">
         <ng-template matTabContent>
           <movies-grid (onOpenOptions)="onOpenOptions($event)"></movies-grid>
           </ng-template>
     </mat-tab>
-    <mat-tab label="TV Shows">
+    <mat-tab label="{{ 'NavigationBar.Filter.TvShows' | translate }}">
         <ng-template matTabContent>
           <tv-grid (onOpenOptions)="onOpenOptions($event)"></tv-grid>
           </ng-template>
     </mat-tab>
-    <mat-tab label="Albums">
+    <mat-tab label="{{ 'NavigationBar.Filter.Music' | translate }}">
       <ng-template matTabContent>
         <albums-grid (onOpenOptions)="onOpenOptions($event)"></albums-grid>
         </ng-template>

src/Ombi/ClientApp/src/app/shared/advanced-search-dialog/advanced-search-dialog.component.html

@@ -1,6 +1,6 @@
 <form [formGroup]="form"  (ngSubmit)="onSubmit()" *ngIf="form">
   <h1 id="advancedOptionsTitle">
-    <i class="fas fa-sliders-h"></i> Advanced Search
+    <i class="fas fa-sliders-h"></i> {{ "Search.AdvancedSearchHeader" | translate }}
   </h1>
   <hr />
   <div class="alert alert-info" role="alert">
@@ -14,25 +14,26 @@
 
   <div class="row">
       <div style="margin: 2%;">
-    <span>Please choose what type of media you are searching for:</span>
+    <span>{{ "Search.AdvancedSearchInstructions" | translate }}</span>
   </div>
     <div class="col-md-12">
       <div class="md-form-field">
         <mat-radio-group formControlName="type" aria-label="Select an option">
-          <mat-radio-button value="movie">Movies </mat-radio-button>
+          <mat-radio-button value="movie">{{ "NavigationBar.Filter.Movies" | translate }} </mat-radio-button>
-          <mat-radio-button style="padding-left: 5px;" value="tv">TV Shows </mat-radio-button>
+          <mat-radio-button style="padding-left: 5px;" value="tv">{{ "NavigationBar.Filter.TvShows" | translate }} </mat-radio-button>
         </mat-radio-group>
       </div>
     </div>
     <div class="col-md-12"  style="margin-top:1%">
       <mat-form-field appearance="outline" floatLabel=auto>
-        <mat-label>Year of Release</mat-label>
+        <mat-label>{{ "Search.YearOfRelease" | translate }}</mat-label>
         <input matInput id="releaseYear" name="releaseYear" formControlName="releaseYear">
     </mat-form-field>
   </div>
 
 
     <div class="col-md-12">
+      <mat-label>{{ "Search.YearOfRelease" | translate }}</mat-label>
       <genre-select [form]="form" [mediaType]="form.controls.type.value"></genre-select>
     </div>
 
@@ -41,7 +42,7 @@
     </div>
     <div class="col-md-12">
       
-      <span style="margin: 1%;">Please note that Keyword Searching is very hit and miss due to the inconsistent data in TheMovieDb</span>
+      <span style="margin: 1%;">{{ "Search.KeywordSearchingDisclaimer" | translate }}</span>
       <keyword-search [form]="form"></keyword-search>
     </div>
 

src/Ombi/ClientApp/src/app/shared/components/genre-select/genre-select.component.html

@@ -1,6 +1,6 @@
 
 <mat-form-field  appearance="outline" floatLabel=auto class="example-chip-list">
-  <mat-label>Genres</mat-label>
+  <mat-label>{{ "MediaDetails.Genres" | translate }}</mat-label>
   <mat-chip-list #chipList aria-label="Fruit selection">
     <mat-chip
       *ngFor="let word of form.controls.genreIds.value"

src/Ombi/ClientApp/src/app/shared/components/keyword-search/keyword-search.component.html

@@ -1,5 +1,5 @@
 <mat-form-field class="example-chip-list"  appearance="outline" floatLabel=auto>
-  <mat-label>Keywords</mat-label>
+  <mat-label>{{ "Filter.Keywords" | translate }}</mat-label>
   <mat-chip-list #chipList aria-label="Fruit selection">
     <mat-chip
       *ngFor="let word of form.controls.keywordIds.value"

src/Ombi/ClientApp/src/app/shared/components/watch-providers-select/watch-providers-select.component.html

@@ -1,5 +1,5 @@
 <mat-form-field class="example-chip-list"  appearance="outline" floatLabel=auto>
-    <mat-label>Watch Providers</mat-label>
+    <mat-label>{{ 'Filter.WatchProviders' | translate }}</mat-label>
   <mat-chip-list #chipList aria-label="Fruit selection">
     <mat-chip
       *ngFor="let word of form.controls.watchProviders.value"

src/Ombi/wwwroot/translations/en.json

@@ -90,6 +90,7 @@
         "TvTab": "TV Shows",
         "MusicTab": "Music",
         "AdvancedSearch":"You can fill in any of the below to discover new media. All of the results are sorted by popularity",
+        "AdvancedSearchHeader":"Advanced Search",
         "Suggestions": "Suggestions",
         "NoResults": "Sorry, we didn't find any results!",
         "DigitalDate": "Digital Release: {{date}}",
@@ -123,7 +124,10 @@
             "SubmitRequest": "Submit Request",
             "Season": "Season {{seasonNumber}}",
             "SelectAllInSeason": "Select All in Season {{seasonNumber}}"
-        }
+        },
+        "AdvancedSearchInstructions": "Please choose what type of media you are searching for:",
+        "YearOfRelease": "Year of Release",
+        "KeywordSearchingDisclaimer": "Please note that Keyword Searching is very hit and miss due to the inconsistent data in TheMovieDb"
     },
     "Requests": {
         "Title": "Requests",
@@ -231,7 +235,9 @@
         "FilterHeaderAvailability": "Availability",
         "FilterHeaderRequestStatus": "Status",
         "Approved": "Approved",
-        "PendingApproval": "Pending Approval"
+        "PendingApproval": "Pending Approval",
+        "WatchProviders": "Watch Providers",
+        "Keywords": "Keywords"
     },
     "UserManagment": {
         "TvRemaining": "TV: {{remaining}}/{{total}} remaining",