mirror of
https://github.com/Ombi-app/Ombi.git
synced 2025-08-14 02:26:55 -07:00
Need release artwork!
This commit is contained in:
parent
f999b0d19f
commit
98346d1c86
5 changed files with 101 additions and 5 deletions
|
@ -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">
|
||||
|
|
|
@ -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>
|
|
@ -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");
|
||||
}
|
||||
}
|
|
@ -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[] = [
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue