From f1877efe0287364cc05b5719cbd4407fcac56c1d Mon Sep 17 00:00:00 2001
From: TidusJar <tidusjar@gmail.com>
Date: Fri, 15 Feb 2019 11:33:49 +0000
Subject: [PATCH] Moved the buttons around on the movie details

---
 .../Models/DiscoverMovies.cs                  |  2 +-
 .../movie-details.component.html              | 68 ++++++++++---------
 .../movie-details.component.scss              |  2 +-
 src/Ombi/ClientApp/src/index.html             | 22 ++++--
 4 files changed, 55 insertions(+), 39 deletions(-)

diff --git a/src/Ombi.TheMovieDbApi/Models/DiscoverMovies.cs b/src/Ombi.TheMovieDbApi/Models/DiscoverMovies.cs
index 0ea5fb066..92f12cdc2 100644
--- a/src/Ombi.TheMovieDbApi/Models/DiscoverMovies.cs
+++ b/src/Ombi.TheMovieDbApi/Models/DiscoverMovies.cs
@@ -1,4 +1,4 @@
-namespace Ombi.Api.TheMovieDb.Models
+namespace Ombi.Api.TheMovieDb.Models { 
 
     public class DiscoverMovies
     {
diff --git a/src/Ombi/ClientApp/src/app/media-details/movie-details.component.html b/src/Ombi/ClientApp/src/app/media-details/movie-details.component.html
index 7ccf8c2b1..2132d64b7 100644
--- a/src/Ombi/ClientApp/src/app/media-details/movie-details.component.html
+++ b/src/Ombi/ClientApp/src/app/media-details/movie-details.component.html
@@ -36,7 +36,7 @@
                 </div>
 
                 <!--Next to poster-->
-                <div class="col-lg-12 col-xl-6 media-row">
+                <div class="col-10 col-lg-5 col-xl-5 media-row">
 
                     <a *ngIf="movie.homepage" class="media-icons" h href="{{movie.homepage}}" target="_blank">
                         <i matTooltip="Homepage" class="fa fa-home fa-2x grow"></i>
@@ -68,6 +68,37 @@
 
 
                 </div>
+
+                <div class="col-12 col-lg-3 col-xl-3 media-row">
+
+                    <button mat-raised-button class="btn-green btn-spacing" *ngIf="movie.available"> {{
+                            'Common.Available' | translate }}</button>
+                    <span *ngIf="!movie.available">
+                        <span *ngIf="movie.requested || movie.approved; then requestedBtn else notRequestedBtn"></span>
+                        <ng-template #requestedBtn>
+                            <button mat-raised-button class="btn-spacing btn-orange" [disabled]><i
+                                    class="fa fa-check"></i>
+                                {{ 'Common.Requested' | translate }}</button>
+                        </ng-template>
+                        <ng-template #notRequestedBtn>
+                            <button mat-raised-button class="btn-spacing" (click)="request()">
+                                <i *ngIf="movie.requestProcessing" class="fa fa-circle-o-notch fa-spin fa-fw"></i> <i
+                                    *ngIf="!movie.requestProcessing && !movie.processed" class="fa fa-plus"></i>
+                                <i *ngIf="movie.processed && !movie.requestProcessing" class="fa fa-check"></i> {{
+                                'Common.Request' | translate }}</button>
+                        </ng-template>
+                    </span>
+                    <span><button mat-raised-button class="btn-spacing" color="warn">Deny</button></span>
+                    <span *ngIf="movie.available">
+                        <a *ngIf="movie.plexUrl" mat-raised-button style="text-align: right"
+                            class="btn-spacing btn-greem" href="{{movie.plexUrl}}" target="_blank"><i
+                                class="fa fa-eye"></i> {{'Search.ViewOnPlex' |
+                            translate}}</a>
+                        <a *ngIf="movie.embyUrl" mat-raised-button class="btn-green btn-spacing"
+                            href="{{movie.embyUrl}}" target="_blank"><i class="fa fa-eye"></i> {{'Search.ViewOnEmby' |
+                            translate}}</a>
+                    </span>
+                </div>
             </div>
 
             <div class="row">
@@ -108,9 +139,9 @@
 
                             <div>
                                 <span *ngIf="movie.genres"><strong>Genres:</strong>
-                                <span *ngFor="let genre of movie.genres">
-                                    {{genre.name}} | 
-                                </span>    
+                                    <span *ngFor="let genre of movie.genres">
+                                        {{genre.name}} |
+                                    </span>
                                 </span>
                             </div>
                         </mat-card-content>
@@ -126,36 +157,7 @@
                         </mat-card-content>
                     </mat-card>
                 </div>
-                <!-- <div class="col-12 col-md-2 card-full">
 
-                    <div><button mat-raised-button class="btn-green btn-spacing" *ngIf="movie.available"> {{
-                            'Common.Available' | translate }}</button></div>
-                    <div *ngIf="!movie.available">
-                        <div *ngIf="movie.requested || movie.approved; then requestedBtn else notRequestedBtn"></div>
-                        <ng-template #requestedBtn>
-                            <button mat-raised-button class="btn-spacing btn-orange" [disabled]><i
-                                    class="fa fa-check"></i>
-                                {{ 'Common.Requested' | translate }}</button>
-                        </ng-template>
-                        <ng-template #notRequestedBtn>
-                            <button mat-raised-button class="btn-spacing" (click)="request()">
-                                <i *ngIf="movie.requestProcessing" class="fa fa-circle-o-notch fa-spin fa-fw"></i> <i
-                                    *ngIf="!movie.requestProcessing && !movie.processed" class="fa fa-plus"></i>
-                                <i *ngIf="movie.processed && !movie.requestProcessing" class="fa fa-check"></i> {{
-                                'Common.Request' | translate }}</button>
-                        </ng-template>
-                    </div>
-                    <div><button mat-raised-button class="btn-spacing" color="warn">Deny</button></div>
-                    <div *ngIf="movie.available">
-                        <a *ngIf="movie.plexUrl" mat-raised-button style="text-align: right"
-                            class="btn-spacing btn-greem" href="{{movie.plexUrl}}" target="_blank"><i
-                                class="fa fa-eye"></i> {{'Search.ViewOnPlex' |
-                            translate}}</a>
-                        <a *ngIf="movie.embyUrl" mat-raised-button class="btn-green btn-spacing"
-                            href="{{movie.embyUrl}}" target="_blank"><i class="fa fa-eye"></i> {{'Search.ViewOnEmby' |
-                            translate}}</a>
-                    </div>
-                </div> -->
 
             </div>
 
diff --git a/src/Ombi/ClientApp/src/app/media-details/movie-details.component.scss b/src/Ombi/ClientApp/src/app/media-details/movie-details.component.scss
index abfe030ba..4a52914b5 100644
--- a/src/Ombi/ClientApp/src/app/media-details/movie-details.component.scss
+++ b/src/Ombi/ClientApp/src/app/media-details/movie-details.component.scss
@@ -151,7 +151,7 @@ section {
 }
 
 .btn-spacing {
-    margin-top:10px;
+    margin-right:10px;
 }
 
 .tagline {
diff --git a/src/Ombi/ClientApp/src/index.html b/src/Ombi/ClientApp/src/index.html
index 71efbc4dd..f2b654162 100644
--- a/src/Ombi/ClientApp/src/index.html
+++ b/src/Ombi/ClientApp/src/index.html
@@ -5,10 +5,15 @@
 
   <script>
 
-const existingBaseUrl = window.localStorage.getItem("baseUrl");
-    if (existingBaseUrl) {
+    const existingBaseUrl = window.localStorage.getItem("baseUrl");
+    if (existingBaseUrl === null || existingBaseUrl || existingBaseUrl.length === 0) {
       document.write('<base href="/' + existingBaseUrl + '" />');
-      document.write("  <link rel=\"stylesheet\" href='" + existingBaseUrl + "/loading.css'/>")
+      if(existingBaseUrl.length === 0)
+      {
+      document.write("  <link rel=\"stylesheet\" href='/loading.css'/>")
+      } else {
+              document.write("  <link rel=\"stylesheet\" href='" + existingBaseUrl + "/loading.css'/>")
+      }
     } else {
       // Work out the base URL
       // Need to find the baseUrl.txt file
@@ -32,9 +37,18 @@ const existingBaseUrl = window.localStorage.getItem("baseUrl");
       window.localStorage.setItem("baseUrl", data);
 
       function tryGetBaseUrl(xmlhttp, url) {
-        xmlhttp.open("GET", url + "api/v1/Settings/baseurl", false);
+        if (endsWith(url, "/")) {
+          xmlhttp.open("GET", url + "api/v1/Settings/baseurl", false);
+        } else {
+          xmlhttp.open("GET", url + "/api/v1/Settings/baseurl", false);
+        }
+
         xmlhttp.send();
       }
+
+      function endsWith(str, suffix) {
+    return str.indexOf(suffix, str.length - suffix.length) !== -1;
+}
     }
   </script>
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">