diff --git a/src/Ombi/ClientApp/src/app/media-details/components/artist/artist-details.component.html b/src/Ombi/ClientApp/src/app/media-details/components/artist/artist-details.component.html index 018709840..19dc96c04 100644 --- a/src/Ombi/ClientApp/src/app/media-details/components/artist/artist-details.component.html +++ b/src/Ombi/ClientApp/src/app/media-details/components/artist/artist-details.component.html @@ -100,11 +100,11 @@ - + + {{r.title}} | {{r.type}} + + + + + + + + + + + {{'MediaDetails.SinglesTitle' | translate}} + + + +
+ +
+ + +
+
+
+ + + + + {{'MediaDetails.EpTitle' | translate}} + + + +
+ +
+ + +
+
+
+ + \ No newline at end of file diff --git a/src/Ombi/ClientApp/src/app/media-details/components/artist/panels/artist-release-panel/artist-release-panel.component.ts b/src/Ombi/ClientApp/src/app/media-details/components/artist/panels/artist-release-panel/artist-release-panel.component.ts new file mode 100644 index 000000000..9d637802d --- /dev/null +++ b/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"); + } +} diff --git a/src/Ombi/ClientApp/src/app/media-details/components/index.ts b/src/Ombi/ClientApp/src/app/media-details/components/index.ts index c7a141145..78ee8c23c 100644 --- a/src/Ombi/ClientApp/src/app/media-details/components/index.ts +++ b/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[] = [ diff --git a/src/Ombi/ClientApp/src/app/media-details/components/shared/social-icons/social-icons.component.html b/src/Ombi/ClientApp/src/app/media-details/components/shared/social-icons/social-icons.component.html index 3664d7ed5..c9eaba371 100644 --- a/src/Ombi/ClientApp/src/app/media-details/components/shared/social-icons/social-icons.component.html +++ b/src/Ombi/ClientApp/src/app/media-details/components/shared/social-icons/social-icons.component.html @@ -2,7 +2,7 @@ -