experiment #2 with base urls

src/Ombi/ClientApp/src/app/app.module.ts

@@ -51,6 +51,7 @@ import { LayoutModule } from '@angular/cdk/layout';
 import { SearchV2Service } from "./services/searchV2.service";
 import { NavSearchComponent } from "./my-nav/nav-search.component";
 import { OverlayModule } from "@angular/cdk/overlay";
+import { getBaseLocation } from "./shared/functions/common-functions";
 
 const routes: Routes = [
     { path: "*", component: PageNotFoundComponent },
@@ -77,8 +78,8 @@ const routes: Routes = [
 ];
 
 // AoT requires an exported function for factories
-export function HttpLoaderFactory(http: HttpClient, platformLocation: PlatformLocation) {
+export function HttpLoaderFactory(http: HttpClient) {
-    const base = platformLocation.getBaseHrefFromDOM();
+    const base = getBaseLocation();
     const version = Math.floor(Math.random() * 999999999);
     if (base.length > 1) {
         return new TranslateHttpLoader(http, `${base}/translations/`, `.json?v=${version}`);
@@ -173,6 +174,10 @@ export function JwtTokenGetter() {
         SearchService,
         SearchV2Service,
         MessageService,
+        {
+            provide: APP_BASE_HREF,
+            useFactory: getBaseLocation
+        }
        ],
     bootstrap: [AppComponent],
 })

src/Ombi/ClientApp/src/app/auth/auth.service.ts

@@ -1,6 +1,6 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
 import { HttpClient } from "@angular/common/http";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 import { JwtHelperService } from "@auth0/angular-jwt";
 import { Observable } from "rxjs";
 
@@ -10,8 +10,8 @@ import { ILocalUser, IUserLogin } from "./IUserLogin";
 @Injectable()
 export class AuthService extends ServiceHelpers {
 
-    constructor(http: HttpClient, public platformLocation: PlatformLocation, private jwtHelperService: JwtHelperService) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string, private jwtHelperService: JwtHelperService) {
-        super(http, "/api/v1/token", platformLocation);
+        super(http, "/api/v1/token", href);
     }
 
     public login(login: IUserLogin): Observable<any> {

src/Ombi/ClientApp/src/app/issues/issueDetails.component.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Component, OnInit } from "@angular/core";
+import { Component, OnInit, Inject } from "@angular/core";
 import { ActivatedRoute } from "@angular/router";
 
 import { AuthService } from "../auth/auth.service";
@@ -37,7 +37,7 @@ export class IssueDetailsComponent implements OnInit {
                 private notificationService: NotificationService,
                 private imageService: ImageService,
                 private sanitizer: DomSanitizer,
-                private readonly platformLocation: PlatformLocation) {
+                @Inject(APP_BASE_HREF) href:string) {
             this.route.params
             .subscribe((params: any) => {
                   this.issueId = parseInt(params.id);
@@ -46,7 +46,7 @@ export class IssueDetailsComponent implements OnInit {
             this.isAdmin = this.authService.hasRole("Admin") || this.authService.hasRole("PowerUser");
             this.settingsService.getIssueSettings().subscribe(x => this.settings = x);
 
-            const base = this.platformLocation.getBaseHrefFromDOM();
+            const base = href;
             if (base) {
                 this.defaultPoster = "../../.." + base + "/images/";
             } else {

src/Ombi/ClientApp/src/app/landingpage/landingpage.component.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Component, OnDestroy, OnInit } from "@angular/core";
+import { Component, OnDestroy, OnInit, Inject } from "@angular/core";
 
 import { IMediaServerStatus } from "../interfaces";
 import { ICustomizationSettings, ILandingPageSettings } from "../interfaces";
@@ -25,9 +25,11 @@ export class LandingPageComponent implements OnDestroy, OnInit {
     public baseUrl: string;
     private timer: any;
 
+    private href: string;
+
     constructor(private settingsService: SettingsService,
                 private images: ImageService, private sanitizer: DomSanitizer, private landingPageService: LandingPageService,
-                private location: PlatformLocation) { }
+                @Inject(APP_BASE_HREF) href :string) { this.href = href }
 
     public ngOnInit() {
         this.settingsService.getCustomization().subscribe(x => this.customizationSettings = x);
@@ -39,7 +41,7 @@ export class LandingPageComponent implements OnDestroy, OnInit {
             this.cycleBackground();
         }, 15000);
 
-        const base = this.location.getBaseHrefFromDOM();
+        const base = this.href;
         if (base.length > 1) {
             this.baseUrl = base;
         }

src/Ombi/ClientApp/src/app/login/login.component.ts

@@ -1,9 +1,9 @@
-import { Component, OnDestroy, OnInit } from "@angular/core";
+import { Component, OnDestroy, OnInit, Inject } from "@angular/core";
 import { FormBuilder, FormGroup, Validators } from "@angular/forms";
 import { ActivatedRoute, Router } from "@angular/router";
 import { TranslateService } from "@ngx-translate/core";
 
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
 import { AuthService } from "../auth/auth.service";
 import { IAuthenticationSettings, ICustomizationSettings } from "../interfaces";
 import { NotificationService, PlexTvService } from "../services";
@@ -45,11 +45,13 @@ export class LoginComponent implements OnDestroy, OnInit {
 
     private errorBody: string;
     private errorValidation: string;
+    private href: string;
 
     constructor(private authService: AuthService, private router: Router, private notify: NotificationService, private status: StatusService,
                 private fb: FormBuilder, private settingsService: SettingsService, private images: ImageService, private sanitizer: DomSanitizer,
-                private route: ActivatedRoute, private location: PlatformLocation, private translate: TranslateService, private plexTv: PlexTvService) {
+                private route: ActivatedRoute, @Inject(APP_BASE_HREF) href:string, private translate: TranslateService, private plexTv: PlexTvService) {
-        this.route.params
+        this.href = href;
+                    this.route.params
             .subscribe((params: any) => {
                 this.landingFlag = params.landing;
                 if (!this.landingFlag) {
@@ -89,7 +91,7 @@ export class LoginComponent implements OnDestroy, OnInit {
             this.cycleBackground();
         }, 15000);
 
-        const base = this.location.getBaseHrefFromDOM();
+        const base = this.href;
         if (base.length > 1) {
             this.baseUrl = base;
         }

src/Ombi/ClientApp/src/app/login/resetpassword.component.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Component, OnInit } from "@angular/core";
+import { Component, OnInit, Inject } from "@angular/core";
 import { FormBuilder, FormGroup, Validators } from "@angular/forms";
 import { DomSanitizer } from "@angular/platform-browser";
 
@@ -17,10 +17,12 @@ export class ResetPasswordComponent implements OnInit {
     public emailSettingsEnabled: boolean;
     public baseUrl: string;
     public background: any;
+    private href: string;
 
     constructor(private identityService: IdentityService, private notify: NotificationService,
-                private fb: FormBuilder, private settingsService: SettingsService, private location: PlatformLocation,
+                private fb: FormBuilder, private settingsService: SettingsService, @Inject(APP_BASE_HREF) href:string,
                 private images: ImageService, private sanitizer: DomSanitizer) {
+                    this.href = href;
         this.form = this.fb.group({
             email: ["", [Validators.required]],
         });
@@ -30,7 +32,7 @@ export class ResetPasswordComponent implements OnInit {
         this.images.getRandomBackground().subscribe(x => {
             this.background = this.sanitizer.bypassSecurityTrustStyle("linear-gradient(-10deg, transparent 20%, rgba(0,0,0,0.7) 20.0%, rgba(0,0,0,0.7) 80.0%, transparent 80%),url(" + x.url + ")");
         });
-        const base = this.location.getBaseHrefFromDOM();
+        const base = this.href;
         if (base.length > 1) {
             this.baseUrl = base;
         }

src/Ombi/ClientApp/src/app/requests/movierequests.component.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Component, Input, OnInit } from "@angular/core";
+import { Component, Input, OnInit, Inject } from "@angular/core";
 import { DomSanitizer } from "@angular/platform-browser";
 import { Subject } from "rxjs";
 import { debounceTime, distinctUntilChanged } from "rxjs/operators";
@@ -44,6 +44,7 @@ export class MovieRequestsComponent implements OnInit {
     public totalMovies: number = 100;
     public currentlyLoaded: number;
     private amountToLoad: number;
+    private href: string;
 
     constructor(
         private requestService: RequestService,
@@ -51,7 +52,8 @@ export class MovieRequestsComponent implements OnInit {
         private notificationService: NotificationService,
         private radarrService: RadarrService,
         private sanitizer: DomSanitizer,
-        private readonly platformLocation: PlatformLocation) {
+        @Inject(APP_BASE_HREF) href:string) {
+            this.href = href;
         this.searchChanged.pipe(
             debounceTime(600), // Wait Xms after the last event before emitting last event
             distinctUntilChanged(), // only emit if value is different from previous value
@@ -68,7 +70,7 @@ export class MovieRequestsComponent implements OnInit {
                 });
         });
         this.defaultPoster = "../../../images/default_movie_poster.png";
-        const base = this.platformLocation.getBaseHrefFromDOM();
+        const base = this.href;
         if (base) {
             this.defaultPoster = "../../.." + base + "/images/default_movie_poster.png";
         }

src/Ombi/ClientApp/src/app/requests/music/musicrequests.component.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Component, Input, OnInit } from "@angular/core";
+import { Component, Input, OnInit, Inject } from "@angular/core";
 import { DomSanitizer } from "@angular/platform-browser";
 import { Subject } from "rxjs";
 import { debounceTime, distinctUntilChanged } from "rxjs/operators";
@@ -41,13 +41,15 @@ export class MusicRequestsComponent implements OnInit {
     public totalAlbums: number = 100;
     public currentlyLoaded: number;
     private amountToLoad: number;
+    private href: string;
 
     constructor(
         private requestService: RequestService,
         private auth: AuthService,
         private notificationService: NotificationService,
         private sanitizer: DomSanitizer,
-        private readonly platformLocation: PlatformLocation) {
+         @Inject(APP_BASE_HREF) href:string) {
+            this.href = href;
         this.searchChanged.pipe(
             debounceTime(600), // Wait Xms after the last event before emitting last event
             distinctUntilChanged(), // only emit if value is different from previous value
@@ -64,7 +66,7 @@ export class MusicRequestsComponent implements OnInit {
                 });
         });
         this.defaultPoster = "../../../images/default-music-placeholder.png";
-        const base = this.platformLocation.getBaseHrefFromDOM();
+        const base = this.href;
         if (base) {
             this.defaultPoster = "../../.." + base + "/images/default-music-placeholder.png";
         }

src/Ombi/ClientApp/src/app/requests/tvrequests.component.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Component, Input, OnInit } from "@angular/core";
+import { Component, Input, OnInit, Inject } from "@angular/core";
 import { DomSanitizer } from "@angular/platform-browser";
 import { Subject } from "rxjs";
 import { debounceTime, distinctUntilChanged } from "rxjs/operators";
@@ -38,6 +38,7 @@ export class TvRequestsComponent implements OnInit {
     public totalTv: number = 100;
     private currentlyLoaded: number;
     private amountToLoad: number;
+    private href: string;
 
     constructor(
         private requestService: RequestService,
@@ -46,8 +47,8 @@ export class TvRequestsComponent implements OnInit {
         private imageService: ImageService,
         private sonarrService: SonarrService,
         private notificationService: NotificationService,
-        private readonly platformLocation: PlatformLocation) {
+         @Inject(APP_BASE_HREF) href:string) {
-            
+            this.href= href;
             this.isAdmin = this.auth.hasRole("admin") || this.auth.hasRole("poweruser");
             this.currentUser = this.auth.claims().name;
             if (this.isAdmin) {
@@ -86,7 +87,7 @@ export class TvRequestsComponent implements OnInit {
                 });
         });
         this.defaultPoster = "../../../images/default_tv_poster.png";
-        const base = this.platformLocation.getBaseHrefFromDOM();
+        const base = this.href;
         if (base) {
             this.defaultPoster = "../../.." + base + "/images/default_tv_poster.png";
         }

src/Ombi/ClientApp/src/app/search/moviesearch.component.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Component, Input, OnInit } from "@angular/core";
+import { Component, Input, OnInit, Inject } from "@angular/core";
 import { DomSanitizer } from "@angular/platform-browser";
 import { TranslateService } from "@ngx-translate/core";
 import { Subject } from "rxjs";
@@ -39,12 +39,14 @@ export class MovieSearchComponent implements OnInit {
     public issueProviderId: string;
     public issueCategorySelected: IIssueCategory;
     public defaultPoster: string;
+    private href: string;
 
     constructor(
         private searchService: SearchService, private requestService: RequestService,
         private notificationService: NotificationService, private authService: AuthService,
         private readonly translate: TranslateService, private sanitizer: DomSanitizer,
-        private readonly platformLocation: PlatformLocation, private settingsService: SettingsService) {
+         @Inject(APP_BASE_HREF) href:string, private settingsService: SettingsService) {
+            this.href= href;
         this.langauges = <ILanguageRefine[]><any>languageData;
         this.searchChanged.pipe(
             debounceTime(600), // Wait Xms after the last event before emitting last event
@@ -54,7 +56,7 @@ export class MovieSearchComponent implements OnInit {
             this.runSearch();
         });
         this.defaultPoster = "../../../images/default_movie_poster.png";
-        const base = this.platformLocation.getBaseHrefFromDOM();
+        const base = this.href;
         if (base) {
             this.defaultPoster = "../../.." + base + "/images/default_movie_poster.png";
         }

src/Ombi/ClientApp/src/app/search/music/musicsearch.component.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Component, Input, OnInit } from "@angular/core";
+import { Component, Input, OnInit, Inject } from "@angular/core";
 import { DomSanitizer } from "@angular/platform-browser";
 import { Subject } from "rxjs";
 import { debounceTime, distinctUntilChanged } from "rxjs/operators";
@@ -31,10 +31,11 @@ export class MusicSearchComponent implements OnInit {
     public issueCategorySelected: IIssueCategory;
     public defaultPoster: string;
 
+    private href: string;
     constructor(
         private searchService: SearchService, private sanitizer: DomSanitizer,
-        private platformLocation: PlatformLocation) {
+         @Inject(APP_BASE_HREF) href:string) {
-
+this.href = href;
         this.searchChanged.pipe(
             debounceTime(600), // Wait Xms after the last event before emitting last event
             distinctUntilChanged(), // only emit if value is different from previous value
@@ -69,7 +70,7 @@ export class MusicSearchComponent implements OnInit {
             }
         });
         this.defaultPoster = "../../../images/default-music-placeholder.png";
-        const base = this.platformLocation.getBaseHrefFromDOM();
+        const base = this.href;
         if (base) {
             this.defaultPoster = "../../.." + base + "/images/default-music-placeholder.png";
         }

src/Ombi/ClientApp/src/app/search/tvsearch.component.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Component, Input, OnInit } from "@angular/core";
+import { Component, Input, OnInit, Inject } from "@angular/core";
 import { DomSanitizer } from "@angular/platform-browser";
 import { Subject } from "rxjs";
 import { debounceTime, distinctUntilChanged } from "rxjs/operators";
@@ -30,13 +30,14 @@ export class TvSearchComponent implements OnInit {
     public issueRequestId: number;
     public issueProviderId: string;
     public issueCategorySelected: IIssueCategory;
+    private href: string;
 
     constructor(
         private searchService: SearchService, private requestService: RequestService,
         private notificationService: NotificationService, private authService: AuthService,
         private imageService: ImageService, private sanitizer: DomSanitizer,
-        private readonly platformLocation: PlatformLocation) {
+         @Inject(APP_BASE_HREF) href:string) {
-
+this.href = href;
         this.searchChanged.pipe(
             debounceTime(600), // Wait Xms after the last event before emitting last event
             distinctUntilChanged(), // only emit if value is different from previous value
@@ -54,7 +55,7 @@ export class TvSearchComponent implements OnInit {
                 });
         });
         this.defaultPoster = "../../../images/default_tv_poster.png";
-        const base = this.platformLocation.getBaseHrefFromDOM();
+        const base = this.href;
         if (base) {
             this.defaultPoster = "../../.." + base + "/images/default_tv_poster.png";
         }

src/Ombi/ClientApp/src/app/services/applications/couchpotato.service.ts

@@ -1,6 +1,6 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
 import { HttpClient } from "@angular/common/http";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 import { Observable } from "rxjs";
 
 import { ServiceHelpers } from "../service.helpers";
@@ -9,8 +9,8 @@ import { ICouchPotatoApiKey, ICouchPotatoProfiles, ICouchPotatoSettings } from "
 
 @Injectable()
 export class CouchPotatoService extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/CouchPotato/", platformLocation);
+        super(http, "/api/v1/CouchPotato/", href);
     }
 
     public getProfiles(settings: ICouchPotatoSettings): Observable<ICouchPotatoProfiles> {

src/Ombi/ClientApp/src/app/services/applications/emby.service.ts

@@ -1,6 +1,6 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
 import { HttpClient } from "@angular/common/http";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 import { Observable } from "rxjs";
 
 import { ServiceHelpers } from "../service.helpers";
@@ -9,8 +9,8 @@ import { IEmbySettings, IUsersModel } from "../../interfaces";
 
 @Injectable()
 export class EmbyService extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/Emby/", platformLocation);
+        super(http, "/api/v1/Emby/", href);
     }
 
     public logIn(settings: IEmbySettings): Observable<IEmbySettings> {

src/Ombi/ClientApp/src/app/services/applications/lidarr.service.ts

@@ -1,6 +1,6 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
 import { HttpClient } from "@angular/common/http";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 import { Observable } from "rxjs";
 
 import { ILidarrProfile, ILidarrRootFolder, IProfiles } from "../../interfaces";
@@ -9,8 +9,8 @@ import { ServiceHelpers } from "../service.helpers";
 
 @Injectable()
 export class LidarrService extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/Lidarr", platformLocation);
+        super(http, "/api/v1/Lidarr", href);
     }
 
     public getRootFolders(settings: ILidarrSettings): Observable<ILidarrRootFolder[]> {

src/Ombi/ClientApp/src/app/services/applications/plex.service.ts

@@ -1,6 +1,6 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
 import { HttpClient } from "@angular/common/http";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 
 import { Observable } from "rxjs";
 
@@ -10,8 +10,8 @@ import { IPlexAuthentication, IPlexLibResponse, IPlexLibSimpleResponse, IPlexOAu
 
 @Injectable()
 export class PlexService extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/Plex/", platformLocation);
+        super(http, "/api/v1/Plex/", href);
     }
 
     public logIn(login: string, password: string): Observable<IPlexAuthentication> {

src/Ombi/ClientApp/src/app/services/applications/plexoauth.service.ts

@@ -1,6 +1,6 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
 import { HttpClient } from "@angular/common/http";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 
 import { Observable } from "rxjs";
 
@@ -10,8 +10,8 @@ import { IPlexOAuthAccessToken } from "../../interfaces";
 
 @Injectable()
 export class PlexOAuthService extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/PlexOAuth/", platformLocation);
+        super(http, "/api/v1/PlexOAuth/", href);
     }
 
     public oAuth(pin: number): Observable<IPlexOAuthAccessToken> {

src/Ombi/ClientApp/src/app/services/applications/plextv.service.ts

@@ -1,6 +1,6 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
 import { HttpClient, HttpHeaders } from "@angular/common/http";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 
 import { Observable } from "rxjs";
 
@@ -9,7 +9,7 @@ import { IPlexPin } from "../../interfaces";
 @Injectable()
 export class PlexTvService {
 
-    constructor(private http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(private http: HttpClient) {
     }
 
     public GetPin(clientId: string, applicationName: string): Observable<IPlexPin> {

src/Ombi/ClientApp/src/app/services/applications/radarr.service.ts

@@ -1,6 +1,6 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
 import { HttpClient } from "@angular/common/http";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 import { Observable } from "rxjs";
 
 import { IRadarrProfile, IRadarrRootFolder } from "../../interfaces";
@@ -9,8 +9,8 @@ import { ServiceHelpers } from "../service.helpers";
 
 @Injectable()
 export class RadarrService extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/Radarr", platformLocation);
+        super(http, "/api/v1/Radarr", href);
     }
 
     public getRootFolders(settings: IRadarrSettings): Observable<IRadarrRootFolder[]> {

src/Ombi/ClientApp/src/app/services/applications/sonarr.service.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 
 import { HttpClient } from "@angular/common/http";
 import { Observable } from "rxjs";
@@ -10,8 +10,8 @@ import { ServiceHelpers } from "../service.helpers";
 
 @Injectable()
 export class SonarrService extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/Sonarr", platformLocation);
+        super(http, "/api/v1/Sonarr", href);
     }
 
     public getRootFolders(settings: ISonarrSettings): Observable<ISonarrRootFolder[]> {

src/Ombi/ClientApp/src/app/services/applications/tester.service.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 
 import { HttpClient } from "@angular/common/http";
 import { Observable } from "rxjs";
@@ -27,8 +27,8 @@ import {
 
 @Injectable()
 export class TesterService extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/tester/", platformLocation);
+        super(http, "/api/v1/tester/", href);
     }
 
     public discordTest(settings: IDiscordNotifcationSettings): Observable<boolean> {

src/Ombi/ClientApp/src/app/services/custompage.service.ts

@@ -1,6 +1,6 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
 import { HttpClient } from "@angular/common/http";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 import { Observable } from "rxjs";
 
 import {
@@ -11,8 +11,8 @@ import { ServiceHelpers } from "./service.helpers";
 
 @Injectable()
 export class CustomPageService extends ServiceHelpers {
-    constructor(public http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(public http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/CustomPage", platformLocation);
+        super(http, "/api/v1/CustomPage", href);
     } 
 
     public getCustomPage(): Observable<ICustomPage> {

src/Ombi/ClientApp/src/app/services/identity.service.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 
 import { HttpClient } from "@angular/common/http";
 import { Observable } from "rxjs";
@@ -9,8 +9,8 @@ import { ServiceHelpers } from "./service.helpers";
 
 @Injectable()
 export class IdentityService extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/Identity/", platformLocation);
+        super(http, "/api/v1/Identity/", href);
     }
     public createWizardUser(user: ICreateWizardUser): Observable<IWizardUserResult> {
         return this.http.post<IWizardUserResult>(`${this.url}Wizard/`, JSON.stringify(user),  {headers: this.headers});

src/Ombi/ClientApp/src/app/services/image.service.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 import { Observable } from "rxjs";
 
 import { HttpClient } from "@angular/common/http";
@@ -9,8 +9,8 @@ import { ServiceHelpers } from "./service.helpers";
 
 @Injectable()
 export class ImageService extends ServiceHelpers {
-    constructor(public http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(public http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/Images/", platformLocation);
+        super(http, "/api/v1/Images/", href);
     }
 
     public getRandomBackground(): Observable<IImages> {

src/Ombi/ClientApp/src/app/services/issues.service.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 
 import { HttpClient } from "@angular/common/http";
 import { Observable } from "rxjs";
@@ -9,8 +9,8 @@ import { ServiceHelpers } from "./service.helpers";
 
 @Injectable()
 export class IssuesService extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/Issues/", platformLocation);
+        super(http, "/api/v1/Issues/", href);
     }
 
     public getCategories(): Observable<IIssueCategory[]> {

src/Ombi/ClientApp/src/app/services/job.service.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 
 import { HttpClient } from "@angular/common/http";
 import { Observable } from "rxjs";
@@ -8,8 +8,8 @@ import { ServiceHelpers } from "./service.helpers";
 
 @Injectable()
 export class JobService extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/Job/", platformLocation);
+        super(http, "/api/v1/Job/", href);
     }
     public forceUpdate(): Observable<boolean> {
         return this.http.post<boolean>(`${this.url}update/`, {headers: this.headers});

src/Ombi/ClientApp/src/app/services/landingpage.service.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 import { Observable } from "rxjs";
 
 import { HttpClient } from "@angular/common/http";
@@ -9,8 +9,8 @@ import { ServiceHelpers } from "./service.helpers";
 
 @Injectable()
 export class LandingPageService extends ServiceHelpers {
-    constructor(public http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(public http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/LandingPage/", platformLocation);
+        super(http, "/api/v1/LandingPage/", href);
     }
 
     public getServerStatus(): Observable<IMediaServerStatus> {

src/Ombi/ClientApp/src/app/services/mobile.service.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 
 import { HttpClient } from "@angular/common/http";
 import { Observable } from "rxjs";
@@ -9,8 +9,8 @@ import { ServiceHelpers } from "./service.helpers";
 
 @Injectable()
 export class MobileService extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/mobile/", platformLocation);
+        super(http, "/api/v1/mobile/", href);
     }
     public getUserDeviceList(): Observable<IMobileUsersViewModel[]> {
         return this.http.get<IMobileUsersViewModel[]>(`${this.url}notification/`, {headers: this.headers});

src/Ombi/ClientApp/src/app/services/notificationMessage.service.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 
 import { HttpClient } from "@angular/common/http";
 import { Observable } from "rxjs";
@@ -10,8 +10,8 @@ import { ServiceHelpers } from "./service.helpers";
 
 @Injectable()
 export class NotificationMessageService extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/notifications/", platformLocation);
+        super(http, "/api/v1/notifications/", href);
     }
     public sendMassEmail(model: IMassEmailModel): Observable<boolean> {
         return this.http.post<boolean>(`${this.url}massemail/`, JSON.stringify(model) ,{headers: this.headers});

src/Ombi/ClientApp/src/app/services/recentlyAdded.service.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 
 import { HttpClient } from "@angular/common/http";
 import { Observable } from "rxjs";
@@ -9,8 +9,8 @@ import { ServiceHelpers } from "./service.helpers";
 
 @Injectable()
 export class RecentlyAddedService extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/recentlyadded/", platformLocation);
+        super(http, "/api/v1/recentlyadded/", href);
     }
     public getRecentlyAddedMovies(): Observable<IRecentlyAddedMovies[]> {
         return this.http.get<IRecentlyAddedMovies[]>(`${this.url}movies/`, {headers: this.headers});

src/Ombi/ClientApp/src/app/services/request.service.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 
 import { HttpClient } from "@angular/common/http";
 import { Observable } from "rxjs";
@@ -14,8 +14,8 @@ import { IRemainingRequests } from "../interfaces/IRemainingRequests";
 
 @Injectable()
 export class RequestService extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/Request/", platformLocation);
+        super(http, "/api/v1/Request/", href);
     }
 
     public getRemainingMovieRequests(): Observable<IRemainingRequests> {

src/Ombi/ClientApp/src/app/services/requestV2.service.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 
 import { HttpClient } from "@angular/common/http";
 import { Observable } from "rxjs";
@@ -9,8 +9,8 @@ import { IRequestsViewModel, IMovieRequests, ITvRequests, IChildRequests } from
 
 @Injectable()
 export class RequestServiceV2 extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v2/Requests/", platformLocation);
+        super(http, "/api/v2/Requests/", href);
     }
 
     public getMovieRequests(count: number, position: number, sortProperty: string , order: string): Observable<IRequestsViewModel<IMovieRequests>> {

src/Ombi/ClientApp/src/app/services/requestretry.service.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 
 import { HttpClient } from "@angular/common/http";
 import { Observable } from "rxjs";
@@ -9,8 +9,8 @@ import { ServiceHelpers } from "./service.helpers";
 
 @Injectable()
 export class RequestRetryService extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/requestretry/", platformLocation);
+        super(http, "/api/v1/requestretry/", href);
     }
     public getFailedRequests(): Observable<IFailedRequestsViewModel[]> {
         return this.http.get<IFailedRequestsViewModel[]>(this.url, {headers: this.headers});

src/Ombi/ClientApp/src/app/services/search.service.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 
 import { HttpClient } from "@angular/common/http";
 import { Observable } from "rxjs";
@@ -12,8 +12,8 @@ import { ServiceHelpers } from "./service.helpers";
 
 @Injectable()
 export class SearchService extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/search", platformLocation);
+        super(http, "/api/v1/search", href);
     }
 
     // Movies

src/Ombi/ClientApp/src/app/services/searchV2.service.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 
 import { HttpClient } from "@angular/common/http";
 import { Observable } from "rxjs";
@@ -13,8 +13,8 @@ import { ISearchTvResultV2 } from "../interfaces/ISearchTvResultV2";
 
 @Injectable()
 export class SearchV2Service extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v2/search", platformLocation);
+        super(http, "/api/v2/search", href);
     }
 
     public multiSearch(searchTerm: string): Observable<IMultiSearchResult[]> {

src/Ombi/ClientApp/src/app/services/service.helpers.ts

@@ -4,8 +4,8 @@ import { HttpClient, HttpHeaders } from "@angular/common/http";
 export class ServiceHelpers {
 
     protected headers = new HttpHeaders();
-    constructor(protected http: HttpClient, protected url: string, protected platformLocation: PlatformLocation) {
+    constructor(protected http: HttpClient, protected url: string, protected href: string) {
-        const base = platformLocation.getBaseHrefFromDOM();
+        const base = href;
         this.headers = new HttpHeaders().set("Content-Type","application/json");
         if (base.length > 1) {
             this.url = base + this.url;

src/Ombi/ClientApp/src/app/services/settings.service.ts

@@ -1,6 +1,6 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
 import { HttpClient } from "@angular/common/http";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 import { Observable } from "rxjs";
 
 import {
@@ -40,8 +40,8 @@ import { ServiceHelpers } from "./service.helpers";
 
 @Injectable()
 export class SettingsService extends ServiceHelpers {
-    constructor(public http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(public http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/Settings", platformLocation);
+        super(http, "/api/v1/Settings", href);
     }
 
     public about(): Observable<IAbout> {

src/Ombi/ClientApp/src/app/services/status.service.ts

@@ -1,5 +1,5 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 
 import { HttpClient } from "@angular/common/http";
 import { Observable } from "rxjs";
@@ -8,8 +8,8 @@ import { ServiceHelpers } from "./service.helpers";
 
 @Injectable()
 export class StatusService extends ServiceHelpers {
-    constructor(http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/status/", platformLocation);
+        super(http, "/api/v1/status/", href);
     }
     public getWizardStatus(): Observable<any> {
         return this.http.get(`${this.url}Wizard/`, {headers: this.headers});

src/Ombi/ClientApp/src/app/services/vote.service.ts

@@ -1,14 +1,14 @@
-import { PlatformLocation } from "@angular/common";
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
 import { HttpClient } from "@angular/common/http";
-import { Injectable } from "@angular/core";
+import { Injectable, Inject } from "@angular/core";
 
 import { IVoteEngineResult, IVoteViewModel } from "../interfaces";
 import { ServiceHelpers } from "./service.helpers";
 
 @Injectable()
 export class VoteService extends ServiceHelpers {
-    constructor(public http: HttpClient, public platformLocation: PlatformLocation) {
+    constructor(public http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
-        super(http, "/api/v1/Vote/", platformLocation);
+        super(http, "/api/v1/Vote/", href);
     }
 
     public async getModel(): Promise<IVoteViewModel[]> {

src/Ombi/ClientApp/src/app/shared/functions/common-functions.ts

@@ -0,0 +1,6 @@
+export function getBaseLocation() {
+    debugger;
+    let paths: string[] = location.pathname.split('/').splice(1, 1);
+    let basePath: string = (paths && paths[0]) || 'discover'; // Default: discover
+    return '/' + basePath;
+}

src/Ombi/ClientApp/src/index.html

@@ -3,7 +3,7 @@
 
 <head>
 
-  <script>
+  <!-- <script>
 
     const existingBaseUrl = window.localStorage.getItem("baseUrl");
     if (existingBaseUrl && existingBaseUrl.length === 0) {
@@ -48,7 +48,7 @@
         return str.indexOf(suffix, str.length - suffix.length) !== -1;
       }
     }
-  </script>
+  </script> -->
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
   <meta charset="utf-8" />