diff options
author | thlo <t.lohmar@gmx.de> | 2013-07-26 23:54:07 +0200 |
---|---|---|
committer | thlo <t.lohmar@gmx.de> | 2013-07-26 23:54:07 +0200 |
commit | 1484316aa8ce858b00a81937c6ff0351186913b7 (patch) | |
tree | 04fe0086761b2982529e9314457349520867b659 | |
parent | fc96324fc266bef30027332d47f34dd09a2f3b66 (diff) | |
download | vdr-plugin-smarttvweb-1484316aa8ce858b00a81937c6ff0351186913b7.tar.gz vdr-plugin-smarttvweb-1484316aa8ce858b00a81937c6ff0351186913b7.tar.bz2 |
Show recording image, if available.
-rwxr-xr-x | smarttv-client/CSS/Main.css | 9 | ||||
-rwxr-xr-x | smarttv-client/Javascript/Display.js | 10 | ||||
-rwxr-xr-x | smarttv-client/index.html | 6 |
3 files changed, 17 insertions, 8 deletions
diff --git a/smarttv-client/CSS/Main.css b/smarttv-client/CSS/Main.css index 7eaae7a..afe4597 100755 --- a/smarttv-client/CSS/Main.css +++ b/smarttv-client/CSS/Main.css @@ -287,7 +287,6 @@ body { font-size:10px;
}
-
#description
{
position:absolute;
@@ -300,17 +299,17 @@ body { border-width:1px;
text-align:left;
font-size:16px;
- overflow:hidden;
-webkit-border-radius: 7px;
-
- text-overflow : ellipsis;
-webkit-box-shadow:3px 3px 7px 4px rgba(0,0,0, 0.5);
-
background: url("../Images/description-bg.png");
background-size: 100%;
background: -webkit-linear-gradient(-45deg, #1e5799 0%,#2989d8 41%,#7db9e8 100%);
}
+/*
+ text-overflow : ellipsis;
+ overflow:hidden;
+*/
/* Left Half */
#leftHalf {
position:absolute;
diff --git a/smarttv-client/Javascript/Display.js b/smarttv-client/Javascript/Display.js index 6246406..2e39f77 100755 --- a/smarttv-client/Javascript/Display.js +++ b/smarttv-client/Javascript/Display.js @@ -405,6 +405,7 @@ Display.resetVideoList = function () { //Video Select Screen
Display.handleDescription =function (selected) {
+ Main.log("Display.handleDescription selected= " + selected);
if (Data.getCurrentItem().childs[selected].isFolder == true) {
$("#descTitle").text("Dir: " +Data.getCurrentItem().childs[selected].title);
@@ -414,6 +415,7 @@ Display.handleDescription =function (selected) { $("#descDuration").text("");
$("#descRemaining").text("");
$("#descDesc").text("");
+ $("#descImg").hide();
}
else {
var itm = Data.getCurrentItem().childs[selected];
@@ -465,7 +467,12 @@ Display.handleDescription =function (selected) { $("#descTitle").text(title);
$("#descStart").text("Start: " + d_str);
$("#descDuration").text("Duration: " + Display.durationString(length) + "h");
- $("#descDesc").text(desc);
+ $("#descDesc").html(desc);
+
+ $("#descImg").show();
+ $("#descImg")
+ .error(function() { $("#descImg").hide();})
+ .attr('src', Data.getCurrentItem().childs[selected].payload.link + "/preview_vdr.png");
break;
case Main.eMED:
@@ -497,6 +504,7 @@ Display.resetDescription = function () { $("#descProg").hide();
$("#descRemaining").hide();
+ $("#descImg").hide();
};
/*
* this.currentWindow: Cursor (selected item)
diff --git a/smarttv-client/index.html b/smarttv-client/index.html index d39b109..fb41141 100755 --- a/smarttv-client/index.html +++ b/smarttv-client/index.html @@ -116,7 +116,7 @@ <div id ="rightHalf">
<div id="status"></div>
<div id="description">
- <table style="width: 90%">
+ <table style="width: 100%">
<tr><th id="descTitle" align="left" style="padding-bottom: 10px">
</th></tr>
<tr><td id="descProg">
@@ -127,7 +127,9 @@ </td></tr>
<tr><td id="descRemaining">
</td></tr>
- <tr><td id="descDesc" style="padding-top: 20px; overflow:hidden; ">
+ <tr><td>
+ <img id="descImg" style="padding-top:20px;margin:4px;" align="right" />
+ <p id="descDesc" style="padding-top: 20px; overflow:hidden;"></p>
</td></tr>
</table>
</div>
|