Added a bunch of new translations needed for the new UI

src/Ombi/ClientApp/src/app/discover/card/discover-card-details.component.html

@@ -49,7 +49,7 @@
             </div>
             <div class="row top-spacing details">
                 <div class="col-6">
-                    <strong>Availability: </strong> <small>
+                    <strong>{{'Discovery.CardDetails.Availability' | translate}}: </strong> <small>
                         <ng-template [ngIf]="data.available"><span class="label label-success" id="availableLabel"
                                 [translate]="'Common.Available'"></span></ng-template>
                         <ng-template [ngIf]="!data.available"><span class="label label-success" id="availableLabel"
@@ -57,14 +57,14 @@
                     </small>
                 </div>
                 <div class="col-6">
-                    <strong *ngIf="movie">Studio: </strong>
+                    <strong *ngIf="movie">{{'Discovery.CardDetails.Studio' | translate}}: </strong>
                     <small *ngIf="movie">{{movie.productionCompanies[0].name}}</small>
-                    <strong *ngIf="tv">Network: </strong>
+                    <strong *ngIf="tv">{{'Discovery.CardDetails.Network' | translate}}: </strong>
                     <small *ngIf="tv && tv.network">{{tv.network.name}}</small>
-                    <small *ngIf="tv && !tv.network">Unknown</small>
+                    <small *ngIf="tv && !tv.network">{{'Discovery.CardDetails.UnknownNetwork' | translate}}</small>
                 </div>
                 <div class="col-6" *ngIf="!data.available">
-                    <strong>Request Status: </strong> <small>
+                    <strong>{{'Discovery.CardDetails.RequestStatus' | translate}}: </strong> <small>
                         <ng-template [ngIf]="data.approved && !data.available"><span class="label label-info"
                                 id="processingRequestLabel" [translate]="'Common.ProcessingRequest'"></span>
                         </ng-template>
@@ -77,21 +77,21 @@
                     </small>
                 </div>
                 <div class="col-6">
-                    <strong *ngIf="movie">Director: </strong>
+                    <strong *ngIf="movie">{{'Discovery.CardDetails.Director' | translate}}: </strong>
                     <small *ngIf="movie">{{movie.credits.crew[0].name}}</small>
                     <strong *ngIf="tvCreator">Director: </strong>
                     <small *ngIf="tvCreator">{{tvCreator}}</small>
                 </div>
                 <div class="col-6">
-                    <strong *ngIf="movie">In Cinemas: </strong>
+                    <strong *ngIf="movie">{{'Discovery.CardDetails.InCinemas' | translate}}: </strong>
                     <small *ngIf="movie">{{movie.releaseDate | amLocal | amDateFormat: 'LL'}}</small>
-                    <strong *ngIf="tv">First Aired: </strong>
+                    <strong *ngIf="tv">{{'Discovery.CardDetails.FirstAired' | translate}}: </strong>
                     <small *ngIf="tv">{{tv.firstAired | amLocal | amDateFormat: 'LL'}}</small>
                 </div>
                 <div class="col-6">
-                    <strong *ngIf="movie">Writer: </strong>
+                    <strong *ngIf="movie">{{'Discovery.CardDetails.Writer' | translate}}: </strong>
                     <small *ngIf="movie">{{movie.credits.crew[1].name}}</small>
-                    <strong *ngIf="tv">Exec Producer: </strong>
+                    <strong *ngIf="tv">{{'Discovery.CardDetails.ExecProducer' | translate}}: </strong>
                     <small *ngIf="tv">{{tvProducer}}</small>
                 </div>
             </div>

src/Ombi/ClientApp/src/app/discover/discover.component.html

@@ -3,11 +3,11 @@
     <div class="row justify-content-md-center top-spacing">
         <div class="btn-group" role="group" aria-label="Basic example">
             <button type="button" (click)="popular()" [ngClass]="popularActive ? 'active-button' : ''" mat-raised-button
-                class="btn grow" color="primary">Popular</button>
+                class="btn grow" color="primary">{{'Discovery.PopularTab' | translate}}</button>
             <button type="button" (click)="trending()" [ngClass]="trendingActive ? 'active-button' : ''"
-                mat-raised-button class="btn grow" color="primary">Trending</button>
+                mat-raised-button class="btn grow" color="primary">{{'Discovery.TrendingTab' | translate}}</button>
             <button type="button" (click)="upcoming()" [ngClass]="upcomingActive ? 'active-button' : ''"
-                mat-raised-button class="btn grow" color="primary">Upcoming</button>
+                mat-raised-button class="btn grow" color="primary">{{'Discovery.UpcomingTab' | translate}}</button>
         </div>
     </div>
     <div *ngIf="loadingFlag" class="row justify-content-md-center top-spacing loading-spinner">

src/Ombi/ClientApp/src/app/media-details/components/movie/movie-details.component.html

@@ -98,7 +98,7 @@
                 <mat-expansion-panel>
                   <mat-expansion-panel-header>
                     <mat-panel-title>
-                      Recommendations
+                            {{'MediaDetails.RecommendationsTitle' | translate}}
                     </mat-panel-title>
                   </mat-expansion-panel-header>
 
@@ -120,7 +120,7 @@
                 <mat-expansion-panel>
                   <mat-expansion-panel-header>
                     <mat-panel-title>
-                      Similar
+                            {{'MediaDetails.SimilarTitle' | translate}}
                     </mat-panel-title>
                   </mat-expansion-panel-header>
 
@@ -142,7 +142,7 @@
                 <mat-expansion-panel>
                   <mat-expansion-panel-header>
                     <mat-panel-title>
-                      Videos
+                            {{'MediaDetails.VideosTitle' | translate}}
                     </mat-panel-title>
                   </mat-expansion-panel-header>
 

src/Ombi/ClientApp/src/app/media-details/components/shared/cast-carousel/cast-carousel.component.html

@@ -1,5 +1,5 @@
 <mat-card class="mat-elevation-z8  spacing-below">
-    <mat-card-header>Cast</mat-card-header>
+    <mat-card-header>{{'MediaDetails.Casts.CastTitle' | translate}}</mat-card-header>
     <mat-card-content>
       <p-carousel [value]="cast" [numVisible]="5" easing="easeOutStrong">
         <ng-template let-item pTemplate="item">
@@ -10,12 +10,12 @@
               <!-- TODO get profile image default -->
             </div>
             <div class="col-12">
-              <span *ngIf="!item.character?.name"><strong>Character:</strong> {{item.character}}</span>
-              <span *ngIf="item.character.name"><strong>Character:</strong> {{item.character.name}}</span>
+              <span *ngIf="!item.character?.name"><strong>{{'MediaDetails.Casts.Character' | translate}}:</strong> {{item.character}}</span>
+              <span *ngIf="item.character.name"><strong>{{'MediaDetails.Casts.Character' | translate}}:</strong> {{item.character.name}}</span>
             </div>
             <div class="col-12">
-              <span *ngIf="item.name"><strong>Actor:</strong> {{item.name}}</span>
-              <span *ngIf="item.person?.name"><strong>Actor:</strong> {{item.person.name}}</span>
+              <span *ngIf="item.name"><strong>{{'MediaDetails.Casts.Actor' | translate}}:</strong> {{item.name}}</span>
+              <span *ngIf="item.person?.name"><strong>{{'MediaDetails.Casts.Actor' | translate}}:</strong> {{item.person.name}}</span>
             </div>
           </div>
         </ng-template>

src/Ombi/ClientApp/src/app/media-details/components/shared/deny-dialog/deny-dialog.component.html

@@ -1,4 +1,4 @@
-<h1 mat-dialog-title>Deny Reason</h1>
+<h1 mat-dialog-title>{{ 'Requests.DenyReason' | translate}}</h1>
 <div mat-dialog-content>
   <mat-form-field>
     <input matInput [(ngModel)]="denyReason">

src/Ombi/ClientApp/src/app/my-nav/nav-search.component.html

@@ -1,3 +1,3 @@
-<input class="form-control quater-width search-bar" type="text" [(ngModel)]="selectedItem" placeholder="Search" aria-label="Search" [ngbTypeahead]="searchModel" [resultFormatter]="formatter"
+<input class="form-control quater-width search-bar" type="text" [(ngModel)]="selectedItem" placeholder="{{'NavigationBar.Search' | translate}}" aria-label="Search" [ngbTypeahead]="searchModel" [resultFormatter]="formatter"
 [inputFormatter]="formatter" (selectItem)="selected($event)">
 

src/Ombi/wwwroot/translations/en.json

@@ -129,6 +129,7 @@
     "MarkAvailable":"Mark Available",
     "Remove":"Remove",
     "Deny":"Deny",
+    "DenyReason":"Deny Reason",
     "Season":"Season:",
     "GridTitle":"Title",
     "AirDate":"AirDate",
@@ -190,6 +191,31 @@
     "VotesTab": "Votes Needed"
   },
   "MediaDetails": {
-    "Denied": "Denied"
+    "Denied": "Denied",
+    "RecommendationsTitle":"Recommendations",
+    "SimilarTitle":"Similar",
+    "VideosTitle":"Videos",
+    "Casts": {
+      "CastTitle":"Cast",
+      "Character":"Character",
+      "Actor":"Actor"
+    },
+    "Discovery": {
+      "PopularTab":"Popular",
+      "TrendingTab":"Trending",
+      "UpcomingTab":"Upcoming",
+      "CardDetails":{
+        "Availability":"Availability",
+        "Studio":"Studio",
+        "Network":"Network",
+        "UnknownNetwork":"Unknown",
+        "RequestStatus":"Request Status",
+        "Director":"Director",
+        "InCinemas":"In Cinemas",
+        "FirstAired":"First Aired",
+        "Writer":"Writer",
+        "ExecProducer":"Exec Producer"
+      }
+    }
   }
 }