added (optional) poster thumbs in recording menu

3 files changed, 125 insertions, 23 deletions

diff --git a/skins/estuary4vdr/setup.xml b/skins/estuary4vdr/setup.xml
index d9ff841..6fd8612 100644
--- a/skins/estuary4vdr/setup.xml
+++ b/skins/estuary4vdr/setup.xml
@@ -118,6 +118,7 @@
             <parameter type="string" name="recmenustyle" displaytext="{tr(menustyle)}" options="menu1,menu2">0</parameter>
             <parameter type="separator" name="recsepnarrow" displaytext="{tr(sepnarrow)}"/>
             <parameter type="int" name="numitemsrecnarrow" min="1" max="40" displaytext="{tr(numitems)}">12</parameter>
+            <parameter type="bool" name="recusethumbs" displaytext="{tr(recusethumbs)}">1</parameter>
             <parameter type="int" name="recposydate" min="0" max="100" displaytext="{tr(recposydate)}">7</parameter>
             <parameter type="int" name="recsizedate" min="0" max="100" displaytext="{tr(recsizedate)}">40</parameter>
             <parameter type="int" name="recposytitle" min="0" max="100" displaytext="{tr(recposytitle)}">45</parameter>
@@ -878,6 +879,10 @@
             <trans lang="hu_HU">menüpontok száma</trans>
             <trans lang="it_IT">Numero delle voci</trans>
         </token>
+        <token name="tr(recusethumbs)">
+            <trans lang="en_EN">Show posters</trans>
+            <trans lang="de_DE">Poster anzeigen</trans>
+        </token>
         <token name="tr(recposydate)">
             <trans lang="en_EN">Vertical position date</trans>
             <trans lang="de_DE">Vertikale Position Datum</trans>
diff --git a/skins/estuary4vdr/svgtemplates/icons/recording_active.svg b/skins/estuary4vdr/svgtemplates/icons/recording_active.svg
new file mode 100644
index 0000000..ce532f8
--- /dev/null
+++ b/skins/estuary4vdr/svgtemplates/icons/recording_active.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   width="940px"
+   height="940px"
+   viewBox="0 0 940 940"
+   style="enable-background:new 0 0 940 940;"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="recording.svg"><metadata
+     id="metadata41"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs39" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1202"
+     inkscape:window-height="721"
+     id="namedview37"
+     showgrid="false"
+     inkscape:zoom="0.25106383"
+     inkscape:cx="-724.91525"
+     inkscape:cy="470"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Capa_1" /><g
+     id="g3"
+     style="fill:#{sdcol(iconactive)};fill-opacity:1"><path
+       d="M900.199,0h-46.514c-11.046,0-20,8.954-20,20v24.89c0,11.045-8.954,20-20,20h-43.37c-11.046,0-20-8.955-20-20V20   c0-11.046-8.953-20-20-20H208.121c-11.046,0-20,8.954-20,20v24.89c0,11.045-8.954,20-20,20h-43.37c-11.046,0-20-8.955-20-20V20   c0-11.046-8.954-20-20-20h-44.95c-11.046,0-20,8.954-20,20v900c0,11.046,8.954,20,20,20h44.95c11.046,0,20-8.954,20-20v-18.285   c0-11.046,8.954-20,20-20h43.37c11.046,0,20,8.954,20,20V920c0,11.046,8.954,20,20,20h522.194c11.047,0,20-8.954,20-20v-18.285   c0-11.046,8.954-20,20-20h43.37c11.046,0,20,8.954,20,20V920c0,11.046,8.954,20,20,20h46.514c11.046,0,20-8.954,20-20V20   C920.199,8.955,911.245,0,900.199,0z M188.121,765.369c0,11.046-8.954,20-20,20h-43.37c-11.046,0-20-8.954-20-20v-43.37   c0-11.045,8.954-20,20-20h43.37c11.046,0,20,8.955,20,20V765.369z M188.121,585.653c0,11.045-8.954,20-20,20h-43.37   c-11.046,0-20-8.955-20-20v-43.371c0-11.045,8.954-20,20-20h43.37c11.046,0,20,8.955,20,20V585.653z M188.121,405.936   c0,11.047-8.954,20-20,20h-43.37c-11.046,0-20-8.953-20-20v-43.37c0-11.046,8.954-20,20-20h43.37c11.046,0,20,8.954,20,20V405.936z    M188.121,226.22c0,11.046-8.954,20-20,20h-43.37c-11.046,0-20-8.954-20-20v-43.37c0-11.045,8.954-20,20-20h43.37   c11.046,0,20,8.955,20,20V226.22z M663.836,834.267c0,11.047-8.954,20-20,20H296.164c-11.046,0-20-8.953-20-20V673.545   c0-11.046,8.954-20,20-20h347.672c11.046,0,20,8.954,20,20V834.267L663.836,834.267z M663.836,550.361c0,11.046-8.954,20-20,20   H296.164c-11.046,0-20-8.954-20-20V389.639c0-11.045,8.954-20,20-20h347.672c11.046,0,20,8.955,20,20V550.361L663.836,550.361z    M663.836,266.454c0,11.046-8.954,20-20,20H296.164c-11.046,0-20-8.954-20-20V105.732c0-11.045,8.954-20,20-20h347.672   c11.046,0,20,8.955,20,20V266.454L663.836,266.454z M833.686,765.369c0,11.046-8.954,20-20,20h-43.37c-11.046,0-20-8.954-20-20   v-43.37c0-11.045,8.954-20,20-20h43.37c11.046,0,20,8.955,20,20V765.369z M833.686,585.653c0,11.045-8.954,20-20,20h-43.37   c-11.046,0-20-8.955-20-20v-43.371c0-11.045,8.954-20,20-20h43.37c11.046,0,20,8.955,20,20V585.653z M833.686,405.936   c0,11.047-8.954,20-20,20h-43.37c-11.046,0-20-8.953-20-20v-43.37c0-11.046,8.954-20,20-20h43.37c11.046,0,20,8.954,20,20V405.936z    M833.686,226.22c0,11.046-8.954,20-20,20h-43.37c-11.046,0-20-8.954-20-20v-43.37c0-11.045,8.954-20,20-20h43.37   c11.046,0,20,8.955,20,20V226.22z"
+       id="path5"
+       style="fill:#{sdcol(iconactive)};fill-opacity:1" /></g><g
+     id="g7" /><g
+     id="g9" /><g
+     id="g11" /><g
+     id="g13" /><g
+     id="g15" /><g
+     id="g17" /><g
+     id="g19" /><g
+     id="g21" /><g
+     id="g23" /><g
+     id="g25" /><g
+     id="g27" /><g
+     id="g29" /><g
+     id="g31" /><g
+     id="g33" /><g
+     id="g35" /></svg>
diff --git a/skins/estuary4vdr/xmlfiles/displaymenurecordings.xml b/skins/estuary4vdr/xmlfiles/displaymenurecordings.xml
index b29b7f6..7594c72 100644
--- a/skins/estuary4vdr/xmlfiles/displaymenurecordings.xml
+++ b/skins/estuary4vdr/xmlfiles/displaymenurecordings.xml
@@ -35,37 +35,69 @@
                 <drawrectangle x="0" y="{areaheight}-1" width="100%" height="1" color="{menubackline}" />
             </area>
             <!-- recording folder -->
-            <area condition="{folder}" x="1%" width="6%" layer="3">
-                <drawimage condition="not{current}" imagetype="icon" path="ico_recfolder" x="0" width="0.8*{areaheight}" height="0.9*{areaheight}" valign="center" />
-                <drawimage condition="{current}" imagetype="icon" path="ico_recfolder_active" x="0" width="0.8*{areaheight}" height="0.9*{areaheight}" valign="center" />
+            <area condition="{folder}++{recusethumbs}" x="0" width="6%" layer="3">
+                <drawimage condition="not{hasposterthumbnail}++not{current}" imagetype="icon" path="ico_recfolder" x="0" valign="center" width="0.9*{areaheight}" height="80%"/>
+                <drawimage condition="not{hasposterthumbnail}++{current}" imagetype="icon" path="ico_recfolder_active" x="0" valign="center" width="0.9*{areaheight}" height="90%"/>
+                <drawimage condition="{hasposterthumbnail}" imagetype="image" path="{thumbnailpath}" x="0" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
             </area>
-            <area condition="{folder}" x="6%" width="24%" layer="3">
+            <area condition="{folder}++not{recusethumbs}" x="0" width="6%" layer="3">
+                <drawimage condition="not{current}" imagetype="icon" path="ico_recfolder" x="0" valign="center" width="0.9*{areaheight}" height="80%"/>
+                <drawimage condition="{current}" imagetype="icon" path="ico_recfolder_active" x="0" valign="center" width="0.9*{areaheight}" height="90%"/>
+            </area>
+            <area condition="{folder}" x="5%" width="25%" layer="3">
                 <drawtext condition="not{current}" x="0" y="{areaheight}*{recposyfolderstats}/100" font="{regular}" fontsize="{areaheight}*{recsizefolderstats}/100" color="{fontdefault}" text="({numrecordingsfolder} recordings, {newrecordingsfolder} new)" />
                 <drawtext condition="{current}" x="0" y="{areaheight}*{recposyfolderstats}/100" font="{regular}" fontsize="{areaheight}*{recsizefolderstats}/100" color="{fontmenuactive}" text="({numrecordingsfolder} recordings, {newrecordingsfolder} new)" />
             </area>
-            <areascroll condition="{folder}" scrollelement="foldertext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="6%" width="24%" layer="3">
+            <areascroll condition="{folder}" scrollelement="foldertext" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="5%" width="25%" layer="3">
                 <drawtext condition="not{current}" x="0" y="{areaheight}*{recposyfoldertitle}/100" font="{regular}" fontsize="{areaheight}*{recsizefoldertitle}/100" color="{fontdefault}" text="{name}" />
                 <drawtext condition="{current}" x="0" y="{areaheight}*{recposyfoldertitle}/100" font="{regular}" fontsize="{areaheight}*{recsizefoldertitle}/100" color="{fontmenuactive}" text="{name}" />
             </areascroll>
             <!-- recording -->
-            <area condition="not{folder}++not{current}" x="1%" y="0" width="29%" layer="3">
-                <drawtext x="0" y="{areaheight}*{recposydate}/100" font="{regular}" fontsize="{areaheight}*{recsizedate}/100" color="{fontdefault}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}" />
-                <drawimage condition="{new}" name="new" imagetype="icon" path="ico_new" x="{areawidth} - {areaheight}/2" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
-                <drawimage condition="{new}++{cutted}" imagetype="icon" path="ico_cutted" x="{areawidth} - {areaheight}" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
-                <drawimage condition="not{new}++{cutted}" imagetype="icon" path="ico_cutted" x="{areawidth} - {areaheight}/2" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
-            </area>
-            <area condition="not{folder}++{current}" x="1%" y="0" width="29%" layer="3">
-                <drawtext x="0" y="{areaheight}*{recposydate}/100" font="{regular}" fontsize="{areaheight}*{recsizedate}/100" color="{fontmenuactive}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}" />
-                <drawimage condition="{new}" name="new" imagetype="icon" path="ico_new_active" x="{areawidth} - {areaheight}/2" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
-                <drawimage condition="{new}++{cutted}" imagetype="icon" path="ico_cutted_active" x="{areawidth} - {areaheight}" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
-                <drawimage condition="not{new}++{cutted}" imagetype="icon" path="ico_cutted_active" x="{areawidth} - {areaheight}/2" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
-            </area>
-            <areascroll condition="not{current}++not{folder}" scrollelement="rectitle" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" width="29%" layer="3">
-                <drawtext name="rectitle" x="0" width="100%" y="{areaheight}*{recposytitle}/100" font="{regular}" fontsize="{areaheight}*{recsizetitle}/100" color="{fontdefault}" text="{name}" />
-            </areascroll>
-            <areascroll condition="{current}++not{folder}" scrollelement="rectitle" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" width="29%" layer="3">
-                <drawtext name="rectitle" x="0" width="100%" y="{areaheight}*{recposytitle}/100" font="{regular}" fontsize="{areaheight}*{recsizetitle}/100" color="{fontmenuactive}" text="{name}" />
-            </areascroll>
+            <areacontainer condition="not{folder}++not{recusethumbs}">
+                <area condition="not{current}" x="1%" y="0" width="29%" layer="3">
+                    <drawtext x="0" y="{areaheight}*{recposydate}/100" font="{regular}" fontsize="{areaheight}*{recsizedate}/100" color="{fontdefault}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}" />
+                    <drawimage condition="{new}" name="new" imagetype="icon" path="ico_new" x="{areawidth} - {areaheight}/2" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
+                    <drawimage condition="{new}++{cutted}" imagetype="icon" path="ico_cutted" x="{areawidth} - {areaheight}" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
+                    <drawimage condition="not{new}++{cutted}" imagetype="icon" path="ico_cutted" x="{areawidth} - {areaheight}/2" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
+                </area>
+                <areascroll condition="not{current}" scrollelement="rectitle" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" width="29%" layer="3">
+                    <drawtext name="rectitle" x="0" width="100%" y="{areaheight}*{recposytitle}/100" font="{regular}" fontsize="{areaheight}*{recsizetitle}/100" color="{fontdefault}" text="{name}" />
+                </areascroll>
+                <area condition="{current}" x="1%" y="0" width="29%" layer="3">
+                    <drawtext x="0" y="{areaheight}*{recposydate}/100" font="{regular}" fontsize="{areaheight}*{recsizedate}/100" color="{fontmenuactive}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}" />
+                    <drawimage condition="{new}" name="new" imagetype="icon" path="ico_new_active" x="{areawidth} - {areaheight}/2" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
+                    <drawimage condition="{new}++{cutted}" imagetype="icon" path="ico_cutted_active" x="{areawidth} - {areaheight}" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
+                    <drawimage condition="not{new}++{cutted}" imagetype="icon" path="ico_cutted_active" x="{areawidth} - {areaheight}/2" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
+                </area>
+                <areascroll condition="{current}" scrollelement="rectitle" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="1%" width="29%" layer="3">
+                    <drawtext name="rectitle" x="0" width="100%" y="{areaheight}*{recposytitle}/100" font="{regular}" fontsize="{areaheight}*{recsizetitle}/100" color="{fontmenuactive}" text="{name}" />
+                </areascroll>
+            </areacontainer>
+            <areacontainer condition="not{folder}++{recusethumbs}">
+                <area x="0" width="5%" layer="3">
+                    <drawimage condition="not{hasposterthumbnail}++not{current}" imagetype="icon" path="recording" x="0" valign="center" width="0.9*{areaheight}" height="80%"/>
+                    <drawimage condition="not{hasposterthumbnail}++{current}" imagetype="icon" path="recording_active" x="0" valign="center" width="0.9*{areaheight}" height="90%"/>
+                    <drawimage condition="{hasposterthumbnail}" imagetype="image" path="{thumbnailpath}" x="0" width="0.9*{areaheight}" height="0.9*{areaheight}" valign="center" />
+                </area>
+                <area condition="not{current}" x="5%" y="0" width="25%" layer="3">
+                    <drawtext x="0" y="{areaheight}*{recposydate}/100" font="{regular}" fontsize="{areaheight}*{recsizedate}/100" color="{fontdefault}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}" />
+                    <drawimage condition="{new}" name="new" imagetype="icon" path="ico_new" x="{areawidth} - {areaheight}/2" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
+                    <drawimage condition="{new}++{cutted}" imagetype="icon" path="ico_cutted" x="{areawidth} - {areaheight}" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
+                    <drawimage condition="not{new}++{cutted}" imagetype="icon" path="ico_cutted" x="{areawidth} - {areaheight}/2" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
+                </area>
+                <areascroll condition="not{current}" scrollelement="rectitle" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="5%" width="25%" layer="3">
+                    <drawtext name="rectitle" x="0" width="100%" y="{areaheight}*{recposytitle}/100" font="{regular}" fontsize="{areaheight}*{recsizetitle}/100" color="{fontdefault}" text="{name}" />
+                </areascroll>
+                <area condition="{current}" x="5%" y="0" width="25%" layer="3">
+                    <drawtext x="0" y="{areaheight}*{recposydate}/100" font="{regular}" fontsize="{areaheight}*{recsizedate}/100" color="{fontmenuactive}" text="{printf('%02d.%02d.%d', daynumeric, month, year)} {time}" />
+                    <drawimage condition="{new}" name="new" imagetype="icon" path="ico_new_active" x="{areawidth} - {areaheight}/2" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
+                    <drawimage condition="{new}++{cutted}" imagetype="icon" path="ico_cutted_active" x="{areawidth} - {areaheight}" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
+                    <drawimage condition="not{new}++{cutted}" imagetype="icon" path="ico_cutted_active" x="{areawidth} - {areaheight}/2" y="5%" width="0.45*{areaheight}" height="0.45*{areaheight}" />
+                </area>
+                <areascroll condition="{current}" scrollelement="rectitle" mode="forthandback" orientation="horizontal" delay="1000" scrollspeed="medium" x="5%" width="25%" layer="3">
+                    <drawtext name="rectitle" x="0" width="100%" y="{areaheight}*{recposytitle}/100" font="{regular}" fontsize="{areaheight}*{recsizetitle}/100" color="{fontmenuactive}" text="{name}" />
+                </areascroll>
+            </areacontainer>
         </listelement>
 
         <currentelement delay="100" fadetime="200">