added possibility to detach viewelements

2 files changed, 19 insertions, 21 deletions

diff --git a/skins/metrixhd/xmlfiles/displaychannel.xml b/skins/metrixhd/xmlfiles/displaychannel.xml
index d6c201b..6851c6c 100644
--- a/skins/metrixhd/xmlfiles/displaychannel.xml
+++ b/skins/metrixhd/xmlfiles/displaychannel.xml
@@ -7,16 +7,6 @@
         <area x="0" y="80%" width="100%" height="20%" layer="1">
             <fill color="{clrTransBlack}" />
         </area>
-        <!-- background datetime -->
-        <area x="70%" y="0" width="30%" height="13%" layer="1">
-            <fill color="{clrTransBlack}" />
-            <drawrectangle x="0" y="0" width="45%" height="100%" color="{clrTransBlueLight}" />
-        </area>
-        <!-- background weather -->
-        <area x="70%" y="15%" width="30%" height="13%" layer="1">
-            <fill color="{clrTransBlack}" />
-            <drawrectangle x="0" y="0" width="45%" height="100%" color="{clrTransBlueLight}" />
-        </area>
         <!-- background channellogo -->
         <area x="0" y="80%" width="20%" height="20%" layer="2">
             <fill color="{clrTransBlueLight}" />
@@ -196,11 +186,11 @@
     {devices[channelid]}        ID of the currently tuned channel
     {devices[source]}           source of the currently tuned channel
     -->
-    <devices detached="true" delay="500" fadetime="500">
-        <area condition="{showdevices}" x="70%" y="30%" width="30%" height="{areaheight}/12 * {numdevices}" layer="1">
+    <devices condition="{showdevices}" detached="true" delay="100" fadetime="{fadetime}">
+        <area x="70%" y="30%" width="30%" height="{areaheight}/12 * {numdevices}" layer="1" background="true">
             <fill color="{clrTransBlack}"/>
         </area>
-        <area condition="{showdevices}" x="70%" y="30%" width="30%" height="{areaheight}/12 * {numdevices}" layer="2">
+        <area x="70%" y="30%" width="30%" height="{areaheight}/12 * {numdevices}" layer="2">
             <loop name="devices" x="0" y="0" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight} / {numdevices}" overflow="cut">
                 <drawtext name="label" x="5" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{clrWhite}" text="{devices[num]}: {devices[type]}" />
                 <drawtext condition="{devices[hascam]}" x="{width(label)} + 15" y="0" font="{light}" fontsize="{rowheight}*0.35" color="{clrWhite}" text="(CAM {devices[cam]})" />
@@ -235,6 +225,10 @@
     {ozone}                     ozone value in DU
     -->
     <currentweather>
+        <area background="true" x="70%" y="15%" width="30%" height="13%" layer="1">
+            <fill color="{clrTransBlack}" />
+            <drawrectangle x="0" y="0" width="45%" height="100%" color="{clrTransBlueLight}" />
+        </area>
         <area x="70%" y="15%" width="13%" height="13%" layer="2">
             <drawimage imagetype="icon" path="{icon}" align="center" valign="center" width="{areaheight}*0.8" height="{areaheight}*0.8"/>
         </area>
@@ -284,6 +278,10 @@
     {year}                              year in yyyy
     -->
     <datetime>
+        <area background="true" x="70%" y="0" width="30%" height="13%" layer="1">
+            <fill color="{clrTransBlack}" />
+            <drawrectangle x="0" y="0" width="45%" height="100%" color="{clrTransBlueLight}" />
+        </area>
         <area x="70%" y="0" width="13%" height="13%" layer="2">
             <drawtext align="right" y="0" font="{light}" fontsize="50%" color="{clrWhite}" text="{dayname}" />
             <drawtext align="right" y="48%" font="{light}" fontsize="50%" color="{clrWhite}" text="{day}. {monthnameshort}" />
diff --git a/skins/metrixhd/xmlfiles/displaymenumain.xml b/skins/metrixhd/xmlfiles/displaymenumain.xml
index ef588a6..d755f71 100644
--- a/skins/metrixhd/xmlfiles/displaymenumain.xml
+++ b/skins/metrixhd/xmlfiles/displaymenumain.xml
@@ -120,7 +120,7 @@
     {timers[channelid]}          ChannelID of channel
     {timers[channellogoexists]}  true if channel logo exists
     -->
-    <timers>
+    <timers detached="true" delay="100" fadetime="0">
         <area x="0" y="75%" width="{areawidth}/8 - 5" height="25%" layer="1">
             <fill color="{clrTransBlack}" />
         </area>
@@ -174,8 +174,8 @@
     {discalert}               true if disc usage is > 95%
     {vdrusagestring}          localized VDR internal usage string
     -->
-    <discusage>
-        <area x="75%" y="26%" width="25%" height="10%" layer="1">
+    <discusage detached="true" delay="100" fadetime="0">
+        <area background="true" x="75%" y="26%" width="25%" height="10%" layer="1">
             <fill condition="not{discalert}" color="{clrTransBlack}"/>
             <fill condition="{discalert}" color="{clrRed}"/>
         </area>
@@ -206,7 +206,7 @@
     {pressure}                  pressure in HPo
     {ozone}                     ozone value in DU
     -->
-    <currentweather>
+    <currentweather detached="true" delay="100" fadetime="0">
         <area x="75%" y="13%" width="25%" height="10%" layer="2">
             <drawrectangle x="0" y="0" width="53%" height="100%" color="{clrTransBlueLight}" />
             <drawrectangle x="53%" y="0" width="47%" height="100%" color="{clrTransBlack}" />
@@ -240,8 +240,8 @@
     {devices[channelid]}        ID of the currently tuned channel
     {devices[source]}           source of the currently tuned channel
     -->
-    <devices>
-        <area x="75%" y="48%" width="25%" height="{areaheight}/12 * {numdevices}" layer="1">
+    <devices detached="true" delay="100" fadetime="0">
+        <area background="true" x="75%" y="48%" width="25%" height="{areaheight}/12 * {numdevices}" layer="1">
             <fill color="{clrTransBlack}"/>
         </area>
         <area x="75%" y="48%" width="25%" height="{areaheight}/12 * {numdevices}" layer="2">
@@ -261,8 +261,8 @@
     <!-- Available Variables systemload:
     {load}                      current system load
     -->
-    <systemload>
-        <area x="75%" y="40%" width="25%" height="5%" layer="1">
+    <systemload detached="true" delay="100" fadetime="0">
+        <area background="true" x="75%" y="40%" width="25%" height="5%" layer="1">
             <fill color="{clrTransBlack}"/>
         </area>
         <area x="75%" y="40%" width="25%" height="5%" layer="2">