mirror of https://github.com/Ombi-app/Ombi
commit
6fc9db003e
@ -0,0 +1,26 @@
|
||||
<div class="small-middle-container">
|
||||
|
||||
<div class="row justify-content-md-center top-spacing">
|
||||
<div class="btn-group" role="group" aria-label="Basic example">
|
||||
<button type="button" (click)="popular()" [attr.color]="popularActive ? 'accent' : 'primary'"
|
||||
[ngClass]="popularActive ? 'mat-accent' : 'mat-primary'" mat-raised-button
|
||||
class="btn grow" >{{'Discovery.PopularTab' | translate}}</button>
|
||||
<button type="button" (click)="trending()"
|
||||
[attr.color]="trendingActive ? 'accent' : 'primary'"
|
||||
[ngClass]="trendingActive ? 'mat-accent' : 'mat-primary'"
|
||||
mat-raised-button class="btn grow" color="primary">{{'Discovery.TrendingTab' | translate}}</button>
|
||||
<button type="button" (click)="upcoming()"
|
||||
[attr.color]="upcomingActive ? 'accent' : 'primary'"
|
||||
[ngClass]="upcomingActive ? 'mat-accent' : 'mat-primary'"
|
||||
mat-raised-button class="btn grow" color="primary">{{'Discovery.UpcomingTab' | translate}}</button>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="loadingFlag" class="row justify-content-md-center top-spacing loading-spinner">
|
||||
<mat-spinner [color]="'accent'"></mat-spinner>
|
||||
</div>
|
||||
<div *ngIf="discoverResults" class="row full-height">
|
||||
<div class="col-xl-2 col-lg-3 col-md-3 col-6 col-sm-4 small-padding" *ngFor="let result of discoverResults">
|
||||
<discover-card [result]="result"></discover-card>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
@ -0,0 +1,19 @@
|
||||
.full-height {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.small-middle-container{
|
||||
margin: auto;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.small-padding {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
|
||||
.loading-spinner {
|
||||
margin: 10%;
|
||||
}
|
@ -0,0 +1,24 @@
|
||||
import { Component, OnInit } from "@angular/core";
|
||||
import { ActivatedRoute } from "@angular/router";
|
||||
import { SearchV2Service } from "../../services";
|
||||
import { IMovieCollectionsViewModel } from "../../interfaces/ISearchTvResultV2";
|
||||
|
||||
@Component({
|
||||
templateUrl: "./discover-collections.component.html",
|
||||
styleUrls: ["./discover-collections.component.scss"],
|
||||
})
|
||||
export class DiscoverCollectionsComponent implements OnInit {
|
||||
|
||||
public collectionId: number;
|
||||
public collection: IMovieCollectionsViewModel;
|
||||
|
||||
constructor(private searchService: SearchV2Service, private route: ActivatedRoute) {
|
||||
this.route.params.subscribe((params: any) => {
|
||||
this.collectionId = params.collectionId;
|
||||
});
|
||||
}
|
||||
|
||||
public async ngOnInit() {
|
||||
this.collection = await this.searchService.getMovieCollections(this.collectionId);
|
||||
}
|
||||
}
|
@ -0,0 +1,7 @@
|
||||
@import "~@angular/material/theming";
|
||||
@import "~styles/variables.scss";
|
||||
.actor-background {
|
||||
.dark & {
|
||||
background: $backgroundTint-dark;
|
||||
}
|
||||
}
|
@ -1,43 +1,43 @@
|
||||
<a *ngIf="homepage" class="media-icons" href="{{homepage}}" target="_blank">
|
||||
<i matTooltip="Homepage" class="fa fa-home fa-2x grow"></i>
|
||||
<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"
|
||||
target="_blank">
|
||||
<i matTooltip="The Movie DB" class="fa fa-film fa-2x grow"></i>
|
||||
<i matTooltip="The Movie DB" class="fa fa-film fa-2x grow-social"></i>
|
||||
</a>
|
||||
<a *ngIf="tvdbId" href="https://www.thetvdb.org/tv/{{tvdbId}}" class="media-icons" target="_blank">
|
||||
<i matTooltip="The TV DB" class="fa fa-tv fa-2x grow"></i>
|
||||
<i matTooltip="The TV DB" class="fa fa-tv fa-2x grow-social"></i>
|
||||
</a>
|
||||
|
||||
<a *ngIf="hasTrailer" class="media-icons" (click)="openDialog()"><i
|
||||
matTooltip="Trailer" class="fa fa-youtube-play fa-2x grow"></i></a>
|
||||
matTooltip="Trailer" class="fa fa-youtube-play fa-2x grow-social"></i></a>
|
||||
|
||||
<a *ngIf="imdbId" class="media-icons" href="https://imdb.com/title/{{imdbId}}"
|
||||
target="_blank">
|
||||
<i matTooltip="Imdb" class="fa fa-imdb fa-2x grow"></i>
|
||||
<i matTooltip="Imdb" class="fa fa-imdb fa-2x grow-social"></i>
|
||||
</a>
|
||||
<a *ngIf="twitter" class="media-icons"
|
||||
href="https://twitter.com/{{twitter}}" target="_blank">
|
||||
<i matTooltip="Twitter" class="fa fa-twitter fa-2x grow"></i>
|
||||
<i matTooltip="Twitter" class="fa fa-twitter fa-2x grow-social"></i>
|
||||
</a>
|
||||
<a *ngIf="facebook" class="media-icons"
|
||||
href="https://facebook.com/{{facebook}}" target="_blank">
|
||||
<i matTooltip="Facebook" class="fa fa-facebook fa-2x grow"></i>
|
||||
<i matTooltip="Facebook" class="fa fa-facebook fa-2x grow-social"></i>
|
||||
</a> <a *ngIf="instagram" class="media-icons"
|
||||
href="https://instagram.com/{{instagram}}" target="_blank">
|
||||
<i matTooltip="Instagram" class="fa fa-instagram fa-2x grow"></i>
|
||||
<i matTooltip="Instagram" class="fa fa-instagram fa-2x grow-social"></i>
|
||||
</a>
|
||||
|
||||
<span class="left-seperator" *ngIf="available">
|
||||
<a *ngIf="plexUrl" class="media-icons" href="{{plexUrl}}" target="_blank">
|
||||
<i matTooltip=" {{'Search.ViewOnPlex' | translate}}"
|
||||
class="fa fa-play-circle fa-2x grow"></i>
|
||||
class="fa fa-play-circle fa-2x grow-social"></i>
|
||||
</a>
|
||||
|
||||
<a *ngIf="embyUrl" class="media-icons" href="{{embyUrl}}" target="_blank">
|
||||
<i matTooltip=" {{'Search.ViewOnEmby' | translate}}"
|
||||
class="fa fa-play-circle fa-2x grow"></i>
|
||||
class="fa fa-play-circle fa-2x grow-social"></i>
|
||||
</a>
|
||||
|
||||
</span>
|
@ -0,0 +1,8 @@
|
||||
|
||||
.grow-social {
|
||||
transition: all .2s ease-in-out;
|
||||
}
|
||||
.grow-social:hover {
|
||||
transform: scale(1.1);
|
||||
color: black;
|
||||
}
|
Loading…
Reference in new issue