fix: fixed trakt image not loading when base url present (#4711)

[skip ci]

src/Ombi/ClientApp/src/app/components/image/image.component.html

@@ -1 +1 @@
-<img src="{{src}}" (onError)="onError($event)" [class]="class" [id]="id" [style]="style"/>
+<img src="{{src}}" (error)="onError($event)" [class]="class" [id]="id" [style]="style"/>

src/Ombi/ClientApp/src/app/media-details/components/shared/social-icons/social-icons.component.scss

@@ -14,6 +14,8 @@ a.media-icons img{
     padding: 0;
 }
 
+
+
 button.admin-cog{
     margin-left:40px;
     color:$ombi-active;

src/Ombi/ClientApp/src/app/media-details/components/shared/social-icons/social-icons.component.ts

@@ -1,4 +1,5 @@
-import { Component, Input, Output, EventEmitter } from "@angular/core";
+import { APP_BASE_HREF } from "@angular/common";
+import { Component, Input, Output, EventEmitter, Inject } from "@angular/core";
 import { RequestType } from "../../../../interfaces";
 @Component({
     selector: "social-icons",
@@ -31,6 +32,13 @@ export class SocialIconsComponent {
     @Output() onReProcess4KRequest: EventEmitter<any> = new EventEmitter();
 
     public RequestType = RequestType;
+    public baseUrl: string = "";
+
+    constructor (@Inject(APP_BASE_HREF) public href: string) {
+        if (this.href.length > 1) {
+            this.baseUrl = this.href;
+        }
+    }
 
 
     public openDialog() {

src/Ombi/ClientApp/src/app/wizard/plex/plex.component.html

@@ -21,7 +21,7 @@ <H1 class="wizard-title">Plex Configuration</H1>
             <div class="plex-buttons">
                 <div class="form-group">
                     <div style="text-align: center; margin-top: 20px">
-                        <button (click)="requestAuthToken()" mat-raised-button color="primary" class="viewon-btn standard" [disabled]="completed">Request Token <i class="fas fa-key"></i></button>
+                        <button (click)="requestAuthToken()" mat-raised-button color="primary" class="viewon-btn standard" [disabled]="completed">Request Token <i class="fa-solid fa-key"></i></button>
                     </div>
                 </div>
                 <p class="text-center space-or">OR</p>

src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.html

@@ -16,9 +16,9 @@ <h1>Welcome to Ombi!</h1>
                   <br />
                   <div class="social-media">
                     <ul class="fa-ul">
-                      <li><a href="https://discord.gg/Sa7wNWb" target="_blank"><span class="fa-li"><i class="fab fa-discord"></i></span>Ombi Discord</a>
-                      <li><a href="https://github.com/Ombi-app/Ombi" target="_blank"><span class="fa-li"><i class="fab fa-github"></i></span>Ombi Github</a>
-                      <li><a href="https://docs.ombi.app/" target="_blank"><span class="fa-li"><i class="fas fa-book"></i></span>Ombi Documentation</a>
+                      <li><a href="https://discord.gg/Sa7wNWb" target="_blank"><span class="fa-li"><i class="fa-brands fa-discord"></i></span>Ombi Discord</a>
+                      <li><a href="https://github.com/Ombi-app/Ombi" target="_blank"><span class="fa-li"><i class="fa-brands fa-github"></i></span>Ombi Github</a>
+                      <li><a href="https://docs.ombi.app/" target="_blank"><span class="fa-li"><i class="fa-solid fa-book"></i></span>Ombi Documentation</a>
                     </ul>
                   </div>
                 </div>