mirror of
https://github.com/Ombi-app/Ombi.git
synced 2025-07-15 09:42:56 -07:00
Requst button now works
This commit is contained in:
parent
d78462a516
commit
2d15b7c7d4
4 changed files with 28 additions and 12 deletions
|
@ -1,7 +1,7 @@
|
||||||
import { NgModule } from "@angular/core";
|
import { NgModule } from "@angular/core";
|
||||||
import { RouterModule, Routes } from "@angular/router";
|
import { RouterModule, Routes } from "@angular/router";
|
||||||
|
|
||||||
import { SearchService } from "../services";
|
import { SearchService, RequestService } from "../services";
|
||||||
|
|
||||||
import { SharedModule } from "../shared/shared.module";
|
import { SharedModule } from "../shared/shared.module";
|
||||||
import { MovieDetailsComponent } from "./movie-details.component";
|
import { MovieDetailsComponent } from "./movie-details.component";
|
||||||
|
@ -28,7 +28,8 @@ const routes: Routes = [
|
||||||
MovieDetailsTrailerComponent
|
MovieDetailsTrailerComponent
|
||||||
],
|
],
|
||||||
providers: [
|
providers: [
|
||||||
SearchService
|
SearchService,
|
||||||
|
RequestService,
|
||||||
],
|
],
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
|
@ -36,7 +36,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--Next to poster-->
|
<!--Next to poster-->
|
||||||
<div class="col-10 col-lg-5 col-xl-5 media-row">
|
<div class="col-10 col-lg-3 col-xl-3 media-row">
|
||||||
|
|
||||||
<a *ngIf="movie.homepage" class="media-icons" h href="{{movie.homepage}}" target="_blank">
|
<a *ngIf="movie.homepage" class="media-icons" h href="{{movie.homepage}}" target="_blank">
|
||||||
<i matTooltip="Homepage" class="fa fa-home fa-2x grow"></i>
|
<i matTooltip="Homepage" class="fa fa-home fa-2x grow"></i>
|
||||||
|
@ -69,7 +69,7 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-12 col-lg-3 col-xl-3 media-row">
|
<div class="col-12 col-lg-7 col-xl-7 media-row">
|
||||||
|
|
||||||
<button mat-raised-button class="btn-green btn-spacing" *ngIf="movie.available"> {{
|
<button mat-raised-button class="btn-green btn-spacing" *ngIf="movie.available"> {{
|
||||||
'Common.Available' | translate }}</button>
|
'Common.Available' | translate }}</button>
|
||||||
|
@ -102,8 +102,9 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-12 col-md-3 ">
|
<div class="col-12 col-md-3">
|
||||||
<button mat-raised-button class="btn-spacing-below full-width">{{movie.belongsToCollection.name}}</button>
|
<button *ngIf="movie.belongsToCollection" mat-raised-button class="btn-spacing-below full-width mat-elevation-z8">{{movie.belongsToCollection.name}}</button>
|
||||||
|
|
||||||
<mat-card class="card-full mat-elevation-z8">
|
<mat-card class="card-full mat-elevation-z8">
|
||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<div>
|
<div>
|
||||||
|
|
|
@ -1,9 +1,9 @@
|
||||||
import { Component } from "@angular/core";
|
import { Component } from "@angular/core";
|
||||||
import { ImageService, SearchV2Service } from "../services";
|
import { ImageService, SearchV2Service, RequestService } from "../services";
|
||||||
import { ActivatedRoute } from "@angular/router";
|
import { ActivatedRoute } from "@angular/router";
|
||||||
import { DomSanitizer } from "@angular/platform-browser";
|
import { DomSanitizer } from "@angular/platform-browser";
|
||||||
import { ISearchMovieResultV2 } from "../interfaces/ISearchMovieResultV2";
|
import { ISearchMovieResultV2 } from "../interfaces/ISearchMovieResultV2";
|
||||||
import { MatDialog } from "@angular/material";
|
import { MatDialog, MatSnackBar } from "@angular/material";
|
||||||
import { MovieDetailsTrailerComponent } from "./movie-details-trailer.component";
|
import { MovieDetailsTrailerComponent } from "./movie-details-trailer.component";
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
|
@ -16,7 +16,8 @@ export class MovieDetailsComponent {
|
||||||
|
|
||||||
constructor(private searchService: SearchV2Service, private route: ActivatedRoute,
|
constructor(private searchService: SearchV2Service, private route: ActivatedRoute,
|
||||||
private sanitizer: DomSanitizer, private imageService: ImageService,
|
private sanitizer: DomSanitizer, private imageService: ImageService,
|
||||||
public dialog: MatDialog) {
|
public dialog: MatDialog, private requestService: RequestService,
|
||||||
|
public snackBar: MatSnackBar) {
|
||||||
this.route.params.subscribe((params: any) => {
|
this.route.params.subscribe((params: any) => {
|
||||||
this.theMovidDbId = params.movieDbId;
|
this.theMovidDbId = params.movieDbId;
|
||||||
this.load();
|
this.load();
|
||||||
|
@ -34,8 +35,18 @@ export class MovieDetailsComponent {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
public request() {
|
public async request() {
|
||||||
//
|
var result = await this.requestService.requestMovie({theMovieDbId: this.theMovidDbId, languageCode: null}).toPromise();
|
||||||
|
if(result.result) {
|
||||||
|
this.movie.requested = true;
|
||||||
|
this.snackBar.open(result.message, "Ok", {
|
||||||
|
duration:3000
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
this.snackBar.open(result.errorMessage, "Ok", {
|
||||||
|
duration:3000,
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
public openDialog() {
|
public openDialog() {
|
||||||
|
|
|
@ -11,7 +11,8 @@ import { InputSwitchModule, SidebarModule } from "primeng/primeng";
|
||||||
|
|
||||||
import {
|
import {
|
||||||
MatButtonModule, MatNativeDateModule, MatIconModule, MatSidenavModule, MatListModule, MatToolbarModule, MatTooltipModule} from '@angular/material';
|
MatButtonModule, MatNativeDateModule, MatIconModule, MatSidenavModule, MatListModule, MatToolbarModule, MatTooltipModule} from '@angular/material';
|
||||||
import { MatCardModule, MatInputModule, MatTabsModule, MatAutocompleteModule, MatCheckboxModule, MatExpansionModule, MatDialogModule, MatProgressSpinnerModule } from "@angular/material";
|
import { MatCardModule, MatInputModule, MatTabsModule, MatAutocompleteModule, MatCheckboxModule, MatExpansionModule, MatDialogModule, MatProgressSpinnerModule,
|
||||||
|
MatSnackBarModule } from "@angular/material";
|
||||||
|
|
||||||
@NgModule({
|
@NgModule({
|
||||||
declarations: [
|
declarations: [
|
||||||
|
@ -38,10 +39,12 @@ import {
|
||||||
MatCheckboxModule,
|
MatCheckboxModule,
|
||||||
MatExpansionModule,
|
MatExpansionModule,
|
||||||
MatDialogModule,
|
MatDialogModule,
|
||||||
|
MatSnackBarModule,
|
||||||
],
|
],
|
||||||
exports: [
|
exports: [
|
||||||
TranslateModule,
|
TranslateModule,
|
||||||
CommonModule,
|
CommonModule,
|
||||||
|
MatSnackBarModule,
|
||||||
FormsModule,
|
FormsModule,
|
||||||
SidebarModule,
|
SidebarModule,
|
||||||
MatProgressSpinnerModule,
|
MatProgressSpinnerModule,
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue