Need release artwork!

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

@@ -100,11 +100,11 @@
             </div>
           </div>
 
-          <!-- <div class="row">
+          <div class="row">
             <div class="col-12">
-              <cast-carousel [cast]="movie.credits.cast"></cast-carousel>
+             <artist-release-panel [releases]="artist.releaseGroups"></artist-release-panel>
+            </div>
           </div>
-          </div> -->
 
           <!-- <div class="row">
             <div class="col-12">

src/Ombi/ClientApp/src/app/media-details/components/artist/panels/artist-release-panel/artist-release-panel.component.html

@@ -0,0 +1,71 @@
+<mat-accordion class="mat-elevation-z8  spacing-below">
+        <mat-expansion-panel>
+          <mat-expansion-panel-header>
+            <mat-panel-title>
+              {{'MediaDetails.AlbumsTitle' | translate}}
+            </mat-panel-title>
+          </mat-expansion-panel-header>
+
+          <div class="row card-spacer">
+
+            <div class="col-md-2" *ngFor="let r of albums">
+              <div class="sidebar affixable affix-top preview-poster">
+                <div class="poster">
+                    <!-- <img class="real grow" matTooltip="{{r.title}}"
+                      src="{{r.title}}" alt="Poster"
+                      style="display: block;"> -->
+                      {{r.title}} | {{r.type}}
+                </div>
+              </div>
+
+            </div>
+          </div>
+        </mat-expansion-panel>
+
+        <mat-expansion-panel *ngIf="ep">
+                <mat-expansion-panel-header>
+                  <mat-panel-title>
+                    {{'MediaDetails.SinglesTitle' | translate}}
+                  </mat-panel-title>
+                </mat-expansion-panel-header>
+      
+                <div class="row card-spacer">
+      
+                  <div class="col-md-2" *ngFor="let r of singles">
+                    <div class="sidebar affixable affix-top preview-poster">
+                      <div class="poster">
+                          <!-- <img class="real grow" matTooltip="{{r.title}}"
+                            src="{{r.title}}" alt="Poster"
+                            style="display: block;"> -->
+                            {{r.title}} | {{r.type}}
+                      </div>
+                    </div>
+      
+                  </div>
+                </div>
+              </mat-expansion-panel>
+
+              <mat-expansion-panel>
+                    <mat-expansion-panel-header>
+                      <mat-panel-title>
+                        {{'MediaDetails.EpTitle' | translate}}
+                      </mat-panel-title>
+                    </mat-expansion-panel-header>
+          
+                    <div class="row card-spacer">
+          
+                      <div class="col-md-2" *ngFor="let r of ep">
+                        <div class="sidebar affixable affix-top preview-poster">
+                          <div class="poster">
+                              <!-- <img class="real grow" matTooltip="{{r.title}}"
+                                src="{{r.title}}" alt="Poster"
+                                style="display: block;"> -->
+                                {{r.title}} | {{r.type}}
+                          </div>
+                        </div>
+          
+                      </div>
+                    </div>
+                  </mat-expansion-panel>
+    
+      </mat-accordion>

src/Ombi/ClientApp/src/app/media-details/components/artist/panels/artist-release-panel/artist-release-panel.component.ts

@@ -0,0 +1,23 @@
+import { Component, Input, ViewEncapsulation, OnInit } from "@angular/core";
+import { IReleaseGroups } from "../../../../../interfaces/IMusicSearchResultV2";
+
+@Component({
+    templateUrl: "./artist-release-panel.component.html",
+    styleUrls: ["../../../../media-details.component.scss"],
+    selector: "artist-release-panel",
+    encapsulation: ViewEncapsulation.None
+})
+export class ArtistReleasePanel implements OnInit {
+
+    @Input() public releases: IReleaseGroups[];
+
+    public albums: IReleaseGroups[];
+    public singles: IReleaseGroups[];
+    public ep: IReleaseGroups[];
+
+    public ngOnInit(): void {
+        this.albums = this.releases.filter(x => x.type === "Album");
+        this.singles = this.releases.filter(x => x.type === "Single");
+        this.ep = this.releases.filter(x => x.type === "EP");
+    }
+}

src/Ombi/ClientApp/src/app/media-details/components/index.ts

@@ -16,6 +16,7 @@ import { RequestServiceV2 } from "../../services/requestV2.service";
 import { NewIssueComponent } from "./shared/new-issue/new-issue.component";
 import { ArtistDetailsComponent } from "./artist/artist-details.component";
 import { ArtistInformationPanel } from "./artist/panels/artist-information-panel/artist-information-panel.component";
+import { ArtistReleasePanel } from "./artist/panels/artist-release-panel/artist-release-panel.component";
 
 export const components: any[] = [
     MovieDetailsComponent,
@@ -33,7 +34,8 @@ export const components: any[] = [
     MovieAdvancedOptionsComponent,
     NewIssueComponent,
     ArtistDetailsComponent,
-    ArtistInformationPanel
+    ArtistInformationPanel,
+    ArtistReleasePanel,
 ];
 
 export const entryComponents: any[] = [

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

@@ -2,7 +2,7 @@
         <i matTooltip="Homepage" class="fa fa-home fa-2x grow-social"></i>
     </a>
 
-    <a *ngIf="theMoviedbId" href="https://www.themoviedb.org/movie/theMoviedbId" class="media-icons"
+    <a *ngIf="theMoviedbId" href="https://www.themoviedb.org/movie/{{theMoviedbId}}" class="media-icons"
         target="_blank">
         <i matTooltip="The Movie DB" class="fa fa-film fa-2x grow-social"></i>
     </a>