From 12b5e196808573132b47b7376dcfced489ff57b5 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Jan 2018 21:46:43 +0000
Subject: [PATCH] Added the stuff needed for omBlur

---
 .../app/requests/movierequests.component.html         |  6 ++++--
 .../ClientApp/app/requests/movierequests.component.ts |  2 +-
 .../ClientApp/app/requests/tvrequests.component.html  |  5 ++++-
 .../ClientApp/app/requests/tvrequests.component.ts    |  2 +-
 .../ClientApp/app/search/moviesearch.component.html   |  5 ++++-
 .../ClientApp/app/search/moviesearch.component.ts     |  2 +-
 src/Ombi/ClientApp/app/search/tvsearch.component.html |  5 ++++-
 src/Ombi/ClientApp/app/search/tvsearch.component.ts   |  2 +-
 src/Ombi/ClientApp/styles/Themes/plex.scss            | 11 +++++++++++
 9 files changed, 31 insertions(+), 9 deletions(-)

diff --git a/src/Ombi/ClientApp/app/requests/movierequests.component.html b/src/Ombi/ClientApp/app/requests/movierequests.component.html
index 43bd17f30..5092690e0 100644
--- a/src/Ombi/ClientApp/app/requests/movierequests.component.html
+++ b/src/Ombi/ClientApp/app/requests/movierequests.component.html
@@ -14,8 +14,10 @@
     <div *ngFor="let request of movieRequests">
 
 
-        <div class="row backdrop" [style.background-image]="request.backgroundPath">
-            <div class="col-sm-2  small-padding">
+        <div class="row">
+                <div class="myBg backdrop" [style.background-image]="request.backgroundPath"></div>
+                <div class="tint" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);"></div>
+            <div class="col-sm-2 small-padding">
 
                 <img class="img-responsive poster" src="https://image.tmdb.org/t/p/w150/{{request.posterPath}}" alt="poster">
 
diff --git a/src/Ombi/ClientApp/app/requests/movierequests.component.ts b/src/Ombi/ClientApp/app/requests/movierequests.component.ts
index 45ee027fc..6835325f1 100644
--- a/src/Ombi/ClientApp/app/requests/movierequests.component.ts
+++ b/src/Ombi/ClientApp/app/requests/movierequests.component.ts
@@ -239,6 +239,6 @@ export class MovieRequestsComponent implements OnInit {
 
     private setBackground(req: IMovieRequests): void {
         req.backgroundPath = this.sanitizer.bypassSecurityTrustStyle
-        ("linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%),url(" + "https://image.tmdb.org/t/p/w1280" + req.background + ")");
+        ("url(" + "https://image.tmdb.org/t/p/w1280" + req.background + ")");
     }
 }
diff --git a/src/Ombi/ClientApp/app/requests/tvrequests.component.html b/src/Ombi/ClientApp/app/requests/tvrequests.component.html
index 0f7d4bffa..ab5a9d94e 100644
--- a/src/Ombi/ClientApp/app/requests/tvrequests.component.html
+++ b/src/Ombi/ClientApp/app/requests/tvrequests.component.html
@@ -27,7 +27,10 @@
             <ng-template let-col let-node="rowData" pTemplate="body">
                 <!--This is the section that holds the parent level results set-->
                 <div *ngIf="!node.leaf">
-                    <div class="row backdrop" [style.background-image]="node?.data?.background">
+                    <div class="row">                        
+                        <div class="myBg backdrop" [style.background-image]="node?.data?.background"></div>
+                        <div class="tint" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);"></div>
+
                         <div class="col-sm-2  small-padding" >
 
                             <img class="img-responsive poster" src="{{node.data.posterPath || null}}" alt="poster">
diff --git a/src/Ombi/ClientApp/app/requests/tvrequests.component.ts b/src/Ombi/ClientApp/app/requests/tvrequests.component.ts
index 4c04f3116..411db1200 100644
--- a/src/Ombi/ClientApp/app/requests/tvrequests.component.ts
+++ b/src/Ombi/ClientApp/app/requests/tvrequests.component.ts
@@ -134,7 +134,7 @@ export class TvRequestsComponent implements OnInit {
     private loadBackdrop(val: TreeNode): void {
         this.imageService.getTvBanner(val.data.id).subscribe(x => {
             val.data.background = this.sanitizer.bypassSecurityTrustStyle
-                ("linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%),url(" + x + ")");
+                ("url(" + x + ")");
             });
     }
 }
diff --git a/src/Ombi/ClientApp/app/search/moviesearch.component.html b/src/Ombi/ClientApp/app/search/moviesearch.component.html
index b3100e60c..30960412f 100644
--- a/src/Ombi/ClientApp/app/search/moviesearch.component.html
+++ b/src/Ombi/ClientApp/app/search/moviesearch.component.html
@@ -28,7 +28,10 @@
 
         <div *ngFor="let result of movieResults">
         
-            <div class="row backdrop" [style.background-image]="result.background">
+            <div class="row" >
+                
+                    <div class="myBg backdrop" [style.background-image]="result.background"></div>
+                    <div class="tint" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);"></div>
                 <div class="col-sm-2 small-padding">
                     <img *ngIf="result.posterPath"  class="img-responsive poster" src="https://image.tmdb.org/t/p/w150/{{result.posterPath}}" alt="poster">
 
diff --git a/src/Ombi/ClientApp/app/search/moviesearch.component.ts b/src/Ombi/ClientApp/app/search/moviesearch.component.ts
index ec103bf4e..56f30fd76 100644
--- a/src/Ombi/ClientApp/app/search/moviesearch.component.ts
+++ b/src/Ombi/ClientApp/app/search/moviesearch.component.ts
@@ -152,7 +152,7 @@ export class MovieSearchComponent implements OnInit {
            
             val.background = this.sanitizer.
             bypassSecurityTrustStyle
-            ("linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%),url(" + "https://image.tmdb.org/t/p/w1280" + val.backdropPath + ")");
+            ("url(" + "https://image.tmdb.org/t/p/w1280" + val.backdropPath + ")");
             this.searchService.getMovieInformation(val.id)
                 .subscribe(m => {
                     this.updateItem(val, m);
diff --git a/src/Ombi/ClientApp/app/search/tvsearch.component.html b/src/Ombi/ClientApp/app/search/tvsearch.component.html
index e9a9df839..cf225e282 100644
--- a/src/Ombi/ClientApp/app/search/tvsearch.component.html
+++ b/src/Ombi/ClientApp/app/search/tvsearch.component.html
@@ -50,7 +50,10 @@
                 <ng-template let-col let-node="rowData" pTemplate="body">
                     <!--This is the section that holds the parent level search results set-->
                     <div *ngIf="!node.leaf">
-                        <div class="row backdrop" [style.background-image]="node?.data?.background">
+                        <div class="row" >
+                            
+                <div class="myBg backdrop" [style.background-image]="node?.data?.background"></div>
+                <div class="tint" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);"></div>
                             <div class="col-sm-2 small-padding">
 
                                 <img *ngIf="node?.data?.banner" class="img-responsive poster" width="150" [src]="node.data.banner" alt="poster">
diff --git a/src/Ombi/ClientApp/app/search/tvsearch.component.ts b/src/Ombi/ClientApp/app/search/tvsearch.component.ts
index d1d9e8837..6f05f2b51 100644
--- a/src/Ombi/ClientApp/app/search/tvsearch.component.ts
+++ b/src/Ombi/ClientApp/app/search/tvsearch.component.ts
@@ -134,7 +134,7 @@ export class TvSearchComponent implements OnInit {
                 
                 val.data.background = this.sanitizer.
                 bypassSecurityTrustStyle
-                ("linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%),url(" + x + ")");
+                ("url(" + x + ")");
             });
             this.searchService.getShowInformationTreeNode(val.data.id)
                 .subscribe(x => {
diff --git a/src/Ombi/ClientApp/styles/Themes/plex.scss b/src/Ombi/ClientApp/styles/Themes/plex.scss
index bd9659c58..6dfb13db5 100644
--- a/src/Ombi/ClientApp/styles/Themes/plex.scss
+++ b/src/Ombi/ClientApp/styles/Themes/plex.scss
@@ -335,3 +335,14 @@ button.list-group-item:focus {
 .ui-widget-overlay .ui-sidebar-mask {
     background: black;
 }
+
+.myBg {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+ }
+ .tint {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+ }
\ No newline at end of file