From f155a21ee839359dc1b6fc3fe1fdaeb7d5b494b9 Mon Sep 17 00:00:00 2001
From: kaso17 <kaso17@users.noreply.github.com>
Date: Tue, 20 Dec 2016 11:50:04 +0100
Subject: [PATCH] Add banner/description tooltip

---
 src/Jackett/Content/custom.css |  9 +++++++++
 src/Jackett/Content/custom.js  | 17 +++++++++++++++++
 src/Jackett/Content/index.html |  4 ++--
 3 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/src/Jackett/Content/custom.css b/src/Jackett/Content/custom.css
index fa4a45d84..6970688d8 100644
--- a/src/Jackett/Content/custom.css
+++ b/src/Jackett/Content/custom.css
@@ -234,4 +234,13 @@ pre {
 
 .label-imdb {
     background-color: #d0ab44;
+}
+
+.tooltip-inner {
+    max-width: 500px !important;
+}
+
+.tooltip-inner img {
+    max-width: 250px;
+    height: auto;      
 }
\ No newline at end of file
diff --git a/src/Jackett/Content/custom.js b/src/Jackett/Content/custom.js
index 1d738328d..66b0673f6 100644
--- a/src/Jackett/Content/custom.js
+++ b/src/Jackett/Content/custom.js
@@ -492,10 +492,27 @@ function clearNotifications() {
 function updateReleasesRow(row)
 {    
     var labels = $(row).find("span.release-labels");
+    var TitleLink = $(row).find("td.Title > a");
     var IMDBId = $(row).data("imdb");
+    var Banner = $(row).data("banner");
+    var Description = $(row).data("description");
     var DownloadVolumeFactor = parseFloat($(row).find("td.DownloadVolumeFactor").html());
     var UploadVolumeFactor = parseFloat($(row).find("td.UploadVolumeFactor").html());
 
+    var TitleTooltip = "";
+    if (Banner)
+        TitleTooltip += "<img src='" + Banner + "' /><br />";
+    if (Description)
+        TitleTooltip += Description;
+
+    if (TitleTooltip) {
+        TitleLink.data("toggle", "tooltip");
+        TitleLink.tooltip({
+            title: TitleTooltip,
+            html: true
+        });
+    }
+
     labels.empty();
 
     if (IMDBId) {
diff --git a/src/Jackett/Content/index.html b/src/Jackett/Content/index.html
index 1b5c4890c..2bda1045e 100644
--- a/src/Jackett/Content/index.html
+++ b/src/Jackett/Content/index.html
@@ -400,11 +400,11 @@
             </thead>
             <tbody>
                 {{#each Results}}
-                <tr class="jackett-search-results-row" data-imdb="{{Imdb}}">
+                <tr class="jackett-search-results-row" data-imdb="{{Imdb}}" data-banner="{{BannerUrl}}" data-description="{{Description}}">
                     <td>{{PublishDate}}</td>
                     <td>{{jacketTimespan PublishDate}}</td>
                     <td>{{Tracker}}</td>
-                    <td><a href="{{Comments}}">{{Title}}</a> <span class="release-labels"></span></td>
+                    <td class="Title"><a href="{{Comments}}">{{Title}}</a> <span class="release-labels"></span></td>
                     <td>{{Size}}</td>
                     <td>{{jacketSize Size}}</td>
                     <td>{{Files}}</td>