From e13f2a28fa601154dff82824b8b826d96c523b6d Mon Sep 17 00:00:00 2001 From: TidusJar Date: Wed, 27 Feb 2019 14:05:27 +0000 Subject: [PATCH] more !wip --- .../media-details.component.scss | 4 ++ .../app/media-details/media-details.module.ts | 2 + .../movie/movie-details.component.html | 53 ++----------------- .../movie-information-panel.component.html | 51 ++++++++++++++++++ .../movie-information-panel.component.ts | 12 +++++ 5 files changed, 74 insertions(+), 48 deletions(-) create mode 100644 src/Ombi/ClientApp/src/app/media-details/movie/panels/movie-information-panel.component.html create mode 100644 src/Ombi/ClientApp/src/app/media-details/movie/panels/movie-information-panel.component.ts diff --git a/src/Ombi/ClientApp/src/app/media-details/media-details.component.scss b/src/Ombi/ClientApp/src/app/media-details/media-details.component.scss index 6abcee597..475da7b3c 100644 --- a/src/Ombi/ClientApp/src/app/media-details/media-details.component.scss +++ b/src/Ombi/ClientApp/src/app/media-details/media-details.component.scss @@ -199,4 +199,8 @@ .keywords-panel { margin-top: 8%; +} + +.medium-font { + font-size:16px; } \ No newline at end of file diff --git a/src/Ombi/ClientApp/src/app/media-details/media-details.module.ts b/src/Ombi/ClientApp/src/app/media-details/media-details.module.ts index a96e40592..7c08c39bd 100644 --- a/src/Ombi/ClientApp/src/app/media-details/media-details.module.ts +++ b/src/Ombi/ClientApp/src/app/media-details/media-details.module.ts @@ -10,6 +10,7 @@ import { MovieDetailsComponent } from "./movie/movie-details.component"; import { TvDetailsComponent } from "./tv/tv-details.component"; import { PipeModule } from "../pipes/pipe.module"; import { YoutubeTrailerComponent } from "./youtube-trailer.component"; +import { MovieInformationPanelComponent } from "./movie/panels/movie-information-panel.component"; const routes: Routes = [ { path: "movie/:movieDbId", component: MovieDetailsComponent }, @@ -27,6 +28,7 @@ const routes: Routes = [ MovieDetailsComponent, YoutubeTrailerComponent, TvDetailsComponent, + MovieInformationPanelComponent, ], exports: [ RouterModule, diff --git a/src/Ombi/ClientApp/src/app/media-details/movie/movie-details.component.html b/src/Ombi/ClientApp/src/app/media-details/movie/movie-details.component.html index e68fd3aa8..a0cee52f3 100644 --- a/src/Ombi/ClientApp/src/app/media-details/movie/movie-details.component.html +++ b/src/Ombi/ClientApp/src/app/media-details/movie/movie-details.component.html @@ -104,57 +104,16 @@
+
- - + - -
- Theatrical Release: - {{movie.releaseDate | date: 'mediumDate'}}
-
- Digital Release: - {{movie.digitalReleaseDate | date: - 'mediumDate'}} -
-
- User Score: {{movie.voteAverage | - number:'1.0-1'}}/10 -
-
- Votes: {{movie.voteCount | - thousandShort: 1}} -
-
- Status: {{movie.status}} -
-
- Runtime: {{movie.runtime}} Minutes -
-
- Revenue: {{movie.revenue | currency: - 'USD'}} -
-
- Budget: - {{movie.budget | currency: 'USD'}} -
- -
- Genres: - - - {{genre.name}} - - -
+ +
- - -
+
@@ -162,8 +121,6 @@
- -
diff --git a/src/Ombi/ClientApp/src/app/media-details/movie/panels/movie-information-panel.component.html b/src/Ombi/ClientApp/src/app/media-details/movie/panels/movie-information-panel.component.html new file mode 100644 index 000000000..739a86864 --- /dev/null +++ b/src/Ombi/ClientApp/src/app/media-details/movie/panels/movie-information-panel.component.html @@ -0,0 +1,51 @@ +
+ Theatrical Release: +
+ {{movie.releaseDate | date: 'mediumDate'}} +
+
+
+ Digital Release: +
+ {{movie.digitalReleaseDate | date: 'mediumDate'}} +
+
+
+ User Score: +
+ {{movie.voteAverage | number:'1.0-1'}} / 10 +
+
+
+ Votes: +
+ {{movie.voteCount | thousandShort: 1}} +
+
+
+ Status: +
{{movie.status}}
+
+
+ Runtime: +
{{movie.runtime}} Minutes
+
+
+ Revenue: +
{{movie.revenue | currency: 'USD'}}
+
+
+ Budget: +
{{movie.budget | currency: 'USD'}}
+
+ +
+ Genres: +
+ + + {{genre.name}} + + +
+
\ No newline at end of file diff --git a/src/Ombi/ClientApp/src/app/media-details/movie/panels/movie-information-panel.component.ts b/src/Ombi/ClientApp/src/app/media-details/movie/panels/movie-information-panel.component.ts new file mode 100644 index 000000000..c27a65855 --- /dev/null +++ b/src/Ombi/ClientApp/src/app/media-details/movie/panels/movie-information-panel.component.ts @@ -0,0 +1,12 @@ +import { Component, ViewEncapsulation, Input } from "@angular/core"; +import { ISearchMovieResultV2 } from "../../../interfaces/ISearchMovieResultV2"; + +@Component({ + templateUrl: "./movie-information-panel.component.html", + styleUrls: ["../../media-details.component.scss"], + selector: "movie-information-panel", + encapsulation: ViewEncapsulation.None +}) +export class MovieInformationPanelComponent { + @Input() public movie: ISearchMovieResultV2; +}