From d644e6ed6efdb4858a43a3cd73e5450fdd1533d5 Mon Sep 17 00:00:00 2001
From: DaVukovic <dvukovic@gmx.de>
Date: Thu, 23 May 2019 06:57:41 +0200
Subject: [PATCH 1/2] EventLog initial window

---
 720p/EventLog.xml | 249 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 249 insertions(+)
 create mode 100644 720p/EventLog.xml

diff --git a/720p/EventLog.xml b/720p/EventLog.xml
new file mode 100644
index 0000000..c8e0399
--- /dev/null
+++ b/720p/EventLog.xml
@@ -0,0 +1,249 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<window>
+	<defaultcontrol always="true">570</defaultcontrol>
+	<menucontrol>9000</menucontrol>
+	<views>570</views>
+	<controls>
+		<include>CommonBackground</include>
+		<!-- <include>ContentPanelBackgrounds</include> -->
+		<!-- <control type="group">
+			<depth>DepthFooter</depth>
+			<include>CommonPageCount</include>
+			<include>CommonNowPlaying</include> 
+		</control> -->
+		<!-- <include>MainWindowMouseButtons</include>
+		<include>BehindDialogFadeOut</include>
+		<include>ScrollOffsetLabel</include> -->
+		<control type="group">
+			<visible>Control.IsVisible(570)</visible>
+			<include>Window_OpenClose_Animation</include>
+			<include>VisibleFadeEffect</include>
+			<include>ContentPanel</include>
+			<control type="list" id="570">
+				<left>350</left>
+				<top>140</top>
+				<width>900</width>
+				<height>510</height>
+				<onleft>9000</onleft>
+				<onright>60</onright>
+				<onup>570</onup>
+				<ondown>570</ondown>
+				<viewtype label="535">list</viewtype>
+				<pagecontrol>60</pagecontrol>
+				<scrolltime>200</scrolltime>
+				<itemlayout height="85" width="1080">
+					<control type="image">
+						<left>0</left>
+						<top>0</top>
+						<width>1080</width>
+						<height>80</height>
+						<texture border="5">button-nofocus.png</texture>
+					</control>
+					<!-- <control type="image">
+						<left>2</left>
+						<top>2</top>
+						<width>80</width>
+						<height>76</height>
+						<texture>$INFO[Listitem.Icon]</texture>
+						<aspectratio>keep</aspectratio>
+						<bordertexture border="3">black-back2.png</bordertexture>
+						<bordersize>2</bordersize>
+					</control> -->
+					<!-- <control type="label">
+						<left>90</left>
+						<top>0</top>
+						<width>870</width>
+						<height>30</height>
+						<font>font13</font>
+						<textcolor>grey2</textcolor>
+						<selectedcolor>selected</selectedcolor>
+						<align>left</align>
+						<aligny>center</aligny>
+						<label>[B]$INFO[ListItem.Label][/B]</label>
+					</control> -->
+					<!-- <control type="textbox">
+						<left>90</left>
+						<top>32</top>
+						<width>870</width>
+						<height>48</height>
+						<font>font12</font>
+						<textcolor>grey</textcolor>
+						<selectedcolor>selected</selectedcolor>
+						<align>left</align>
+						<label>$INFO[ListItem.Property(Event.Description)]</label>
+					</control> -->
+					<!-- <control type="label">
+						<left>90</left>
+						<top>0</top>
+						<width>970</width>
+						<height>30</height>
+						<font>font12</font>
+						<textcolor>grey2</textcolor>
+						<selectedcolor>selected</selectedcolor>
+						<align>right</align>
+						<aligny>center</aligny>
+						<label>$INFO[ListItem.Label2]</label>
+					</control> -->
+				</itemlayout>
+				<focusedlayout height="85" width="1080">
+					<control type="image">
+						<left>0</left>
+						<top>0</top>
+						<width>800</width>
+						<height>80</height>
+						<texture border="5">button-nofocus.png</texture>
+						<visible>!Control.HasFocus(570)</visible>
+						<include>VisibleFadeEffect</include>
+					</control>
+					<control type="image">
+						<left>0</left>
+						<top>0</top>
+						<width>900</width>
+						<height>80</height>
+						<texture border="5">button-focus2.png</texture>
+						<visible>Control.HasFocus(570)</visible>
+						<include>VisibleFadeEffect</include>
+					</control>
+					<control type="image">
+						<left>2</left>
+						<top>2</top>
+						<width>80</width>
+						<height>76</height>
+						<texture>$INFO[Listitem.Icon]</texture>
+						<aspectratio>keep</aspectratio>
+						<bordertexture border="3">black-back2.png</bordertexture>
+						<bordersize>2</bordersize>
+					</control> 
+					<control type="label">
+						<left>90</left>
+						<top>0</top>
+						<width>800</width>
+						<height>30</height>
+						<font>font13</font>
+						<textcolor>white</textcolor>
+						<selectedcolor>selected</selectedcolor>
+						<align>left</align>
+						<aligny>center</aligny>
+						<label>[B]$INFO[ListItem.Label][/B]</label>
+					</control>
+					<control type="textbox">
+						<left>90</left>
+						<top>32</top>
+						<width>800</width>
+						<height>48</height>
+						<font>font12</font>
+						<textcolor>grey</textcolor>
+						<selectedcolor>selected</selectedcolor>
+						<align>left</align>
+						<label>$INFO[ListItem.Property(Event.Description)]</label>
+					</control>
+					<control type="label">
+						<left>90</left>
+						<top>0</top>
+						<width>800</width>
+						<height>30</height>
+						<font>font12</font>
+						<textcolor>grey2</textcolor>
+						<selectedcolor>selected</selectedcolor>
+						<align>right</align>
+						<aligny>center</aligny>
+						<label>$INFO[ListItem.Label2]</label>
+					</control>
+				</focusedlayout>
+			</control>
+			<control type="scrollbar" id="60">
+				<left>1170</left>
+				<top>80</top>
+				<width>25</width>
+				<height>550</height>
+				<texturesliderbackground border="0,14,0,14">ScrollBarV.png</texturesliderbackground>
+				<texturesliderbar border="0,14,0,14">ScrollBarV_bar.png</texturesliderbar>
+				<texturesliderbarfocus border="0,14,0,14">ScrollBarV_bar_focus.png</texturesliderbarfocus>
+				<textureslidernib>ScrollBarNib.png</textureslidernib>
+				<textureslidernibfocus>ScrollBarNib.png</textureslidernibfocus>
+				<onleft>570</onleft>
+				<onright>2</onright>
+				<showonepage>false</showonepage>
+				<orientation>vertical</orientation>
+				<visible>Control.IsVisible(570)</visible>
+			</control>
+		</control>
+		<include content="CommonWindowHeader">
+			<param name="Icon" value="icon_events" />
+			<param name="Label" value="$LOCALIZE[14111]" />
+		</include>
+		<control type="group">
+			<left>-250</left>
+			<include>SideBladeLeft</include>
+			<control type="grouplist" id="9000">
+				<left>0</left>
+				<top>110</top>
+				<width>250</width>
+				<height>600</height>
+				<onleft>9000</onleft>
+				<onright>570</onright>
+				<onup>9000</onup>
+				<ondown>9000</ondown>
+				<onback>570</onback>
+				<itemgap>0</itemgap>
+				<control type="label" id="200">
+					<width>250</width>
+					<height>35</height>
+					<font>font12</font>
+					<label>31006</label>
+					<textcolor>blue</textcolor>
+					<align>center</align>
+					<aligny>center</aligny>
+				</control>
+				<control type="togglebutton" id="4">
+					<description>Sort asc</description>
+					<include>ButtonCommonValues</include>
+					<alttexturefocus border="5">button-focus.png</alttexturefocus>
+					<alttexturenofocus/>
+					<label>31051</label>
+					<altlabel>31050</altlabel>
+					<usealttexture>Container.SortDirection(Ascending)</usealttexture>
+				</control>
+				<control type="label" id="201">
+					<width>250</width>
+					<height>35</height>
+					<font>font12</font>
+					<label>31026</label>
+					<textcolor>blue</textcolor>
+					<align>center</align>
+					<aligny>center</aligny>
+				</control>
+				<control type="button" id="21">
+					<description>Level button</description>
+					<textwidth>235</textwidth>
+					<include>ButtonCommonValues</include>
+					<label/>
+				</control>
+				<control type="radiobutton" id="22">
+					<description>Only show current level</description>
+					<include>ButtonCommonValues</include>
+					<label/>
+				</control>
+				<control type="button" id="20">
+					<description>Clear button</description>
+					<include>ButtonCommonValues</include>
+					<label>192</label>
+				</control>
+				<include>CommonNowPlaying_Controls</include>
+			</control>
+		</control>
+               <control type="image">
+                        <posx>0</posx>
+                        <posy>0</posy>
+                        <width>1280</width>
+                        <height>128</height>
+                        <texture>Header.png</texture>
+                </control>
+                <control type="label">
+                        <include>WindowTitleCommons</include>
+                        <label>$LOCALIZE[9] - $LOCALIZE[14111]</label>
+		</control>
+		<include>DateTimeLabel</include>
+                <include>WindowTitleButtons</include>
+	</controls>
+</window>

From d8470e0bda6989e74edd01001623b818c1e0d90f Mon Sep 17 00:00:00 2001
From: DaVukovic <dvukovic@gmx.de>
Date: Fri, 24 May 2019 18:34:51 +0200
Subject: [PATCH 2/2] Eventlog done

---
 720p/AddonBrowser.xml                       |  16 ++---
 720p/EventLog.xml                           |  71 ++++++--------------
 720p/defaults.xml                           |  15 +++--
 720p/includes.xml                           |  10 +--
 language/resource.language.en_gb/strings.po |  10 ++-
 media/Button_Side_Scroll_down_Focus2.png    | Bin 0 -> 6935 bytes
 media/Button_Side_Scroll_down_NoFocus2.png  | Bin 0 -> 4010 bytes
 media/Button_Side_Scroll_up_Focus2.png      | Bin 0 -> 6890 bytes
 media/Button_Side_Scroll_up_NoFocus2.png    | Bin 0 -> 3985 bytes
 9 files changed, 50 insertions(+), 72 deletions(-)
 create mode 100644 media/Button_Side_Scroll_down_Focus2.png
 create mode 100644 media/Button_Side_Scroll_down_NoFocus2.png
 create mode 100644 media/Button_Side_Scroll_up_Focus2.png
 create mode 100644 media/Button_Side_Scroll_up_NoFocus2.png

diff --git a/720p/AddonBrowser.xml b/720p/AddonBrowser.xml
index 43e25b2..f23d791 100644
--- a/720p/AddonBrowser.xml
+++ b/720p/AddonBrowser.xml
@@ -11,14 +11,14 @@
 			<include>CommonListView</include> <!-- view id = 51 -->
 			<include>AddonInfoView</include>  <!-- view id = 550 -->
 			<include>ThumbnailView</include> <!-- view id = 53 -->
-			<include>AllViewCommonPageControls</include>
+			<!-- <include>AllViewCommonPageControls</include>
 			<include>CommonFileCount</include>
-			<include>ScrollOffsetLabel</include>
+			<include>ScrollOffsetLabel</include> -->
 		</control>
 		<control type="group">
 			<include>Window_OpenClose_Left_Panel_Animation</include>
 			<include>CommonNowPlaying</include>
-			<control type="group" id="9000">
+			<control type="grouplist" id="9000">
 				<posx>0</posx>
 				<posy>130</posy>
 				<control type="button" id="2">
@@ -45,12 +45,11 @@
 				</control>
 				<control type="togglebutton" id="4">
 					<description>Sort asc</description>
-					<posx>250</posx>
-					<posy>58</posy>
-					<label>-</label>
-					<onleft>3</onleft>
+					<label>31062</label>
+					<altlabel>31061</altlabel>
+					<onleft>50</onleft>
 					<onright>50</onright>
-					<onup>2</onup>
+					<onup>3</onup>
 					<ondown>5</ondown>
 				</control>
 				<control type="radiobutton" id="5">
@@ -132,5 +131,6 @@
 		</control>
 		<include>WindowTitleButtonsMedia</include>
 		<include>BehindDialogFadeOut</include>
+		<include>DateTimeLabel</include>
 	</controls>
 </window>
diff --git a/720p/EventLog.xml b/720p/EventLog.xml
index c8e0399..e73cebc 100644
--- a/720p/EventLog.xml
+++ b/720p/EventLog.xml
@@ -5,15 +5,7 @@
 	<views>570</views>
 	<controls>
 		<include>CommonBackground</include>
-		<!-- <include>ContentPanelBackgrounds</include> -->
-		<!-- <control type="group">
-			<depth>DepthFooter</depth>
-			<include>CommonPageCount</include>
-			<include>CommonNowPlaying</include> 
-		</control> -->
-		<!-- <include>MainWindowMouseButtons</include>
-		<include>BehindDialogFadeOut</include>
-		<include>ScrollOffsetLabel</include> -->
+		<include>ContentPanel</include>
 		<control type="group">
 			<visible>Control.IsVisible(570)</visible>
 			<include>Window_OpenClose_Animation</include>
@@ -39,7 +31,7 @@
 						<height>80</height>
 						<texture border="5">button-nofocus.png</texture>
 					</control>
-					<!-- <control type="image">
+					<control type="image">
 						<left>2</left>
 						<top>2</top>
 						<width>80</width>
@@ -48,8 +40,8 @@
 						<aspectratio>keep</aspectratio>
 						<bordertexture border="3">black-back2.png</bordertexture>
 						<bordersize>2</bordersize>
-					</control> -->
-					<!-- <control type="label">
+					</control>
+					<control type="label">
 						<left>90</left>
 						<top>0</top>
 						<width>870</width>
@@ -60,8 +52,8 @@
 						<align>left</align>
 						<aligny>center</aligny>
 						<label>[B]$INFO[ListItem.Label][/B]</label>
-					</control> -->
-					<!-- <control type="textbox">
+					</control>
+					<control type="textbox">
 						<left>90</left>
 						<top>32</top>
 						<width>870</width>
@@ -71,8 +63,8 @@
 						<selectedcolor>selected</selectedcolor>
 						<align>left</align>
 						<label>$INFO[ListItem.Property(Event.Description)]</label>
-					</control> -->
-					<!-- <control type="label">
+					</control>
+					<control type="label">
 						<left>90</left>
 						<top>0</top>
 						<width>970</width>
@@ -83,13 +75,13 @@
 						<align>right</align>
 						<aligny>center</aligny>
 						<label>$INFO[ListItem.Label2]</label>
-					</control> -->
+					</control>
 				</itemlayout>
 				<focusedlayout height="85" width="1080">
 					<control type="image">
 						<left>0</left>
 						<top>0</top>
-						<width>800</width>
+						<width>900</width>
 						<height>80</height>
 						<texture border="5">button-nofocus.png</texture>
 						<visible>!Control.HasFocus(570)</visible>
@@ -167,18 +159,17 @@
 				<orientation>vertical</orientation>
 				<visible>Control.IsVisible(570)</visible>
 			</control>
-		</control>
+		</control> 
 		<include content="CommonWindowHeader">
 			<param name="Icon" value="icon_events" />
 			<param name="Label" value="$LOCALIZE[14111]" />
 		</include>
 		<control type="group">
-			<left>-250</left>
-			<include>SideBladeLeft</include>
+			<left>0</left>
 			<control type="grouplist" id="9000">
 				<left>0</left>
-				<top>110</top>
-				<width>250</width>
+				<top>130</top>
+				<width>330</width>
 				<height>600</height>
 				<onleft>9000</onleft>
 				<onright>570</onright>
@@ -186,37 +177,16 @@
 				<ondown>9000</ondown>
 				<onback>570</onback>
 				<itemgap>0</itemgap>
-				<control type="label" id="200">
-					<width>250</width>
-					<height>35</height>
-					<font>font12</font>
-					<label>31006</label>
-					<textcolor>blue</textcolor>
-					<align>center</align>
-					<aligny>center</aligny>
-				</control>
 				<control type="togglebutton" id="4">
 					<description>Sort asc</description>
-					<include>ButtonCommonValues</include>
-					<alttexturefocus border="5">button-focus.png</alttexturefocus>
-					<alttexturenofocus/>
-					<label>31051</label>
-					<altlabel>31050</altlabel>
-					<usealttexture>Container.SortDirection(Ascending)</usealttexture>
-				</control>
-				<control type="label" id="201">
-					<width>250</width>
-					<height>35</height>
-					<font>font12</font>
-					<label>31026</label>
-					<textcolor>blue</textcolor>
-					<align>center</align>
-					<aligny>center</aligny>
-				</control>
+					<label>31062</label>
+					<altlabel>31061</altlabel>
+					<textoffsety>10</textoffsety>
+				</control> 
 				<control type="button" id="21">
 					<description>Level button</description>
-					<textwidth>235</textwidth>
 					<include>ButtonCommonValues</include>
+					<textwidth>200</textwidth>
 					<label/>
 				</control>
 				<control type="radiobutton" id="22">
@@ -226,10 +196,9 @@
 				</control>
 				<control type="button" id="20">
 					<description>Clear button</description>
-					<include>ButtonCommonValues</include>
 					<label>192</label>
+					<include>ButtonCommonValues</include>
 				</control>
-				<include>CommonNowPlaying_Controls</include>
 			</control>
 		</control>
                <control type="image">
diff --git a/720p/defaults.xml b/720p/defaults.xml
index be82a51..e7336e1 100644
--- a/720p/defaults.xml
+++ b/720p/defaults.xml
@@ -35,14 +35,15 @@
 	<default type="togglebutton">
 		<posx>140</posx>
 		<posy>167</posy>
-		<width>20</width>
-		<height>20</height>
-		<texturefocus>scroll-up-focus.png</texturefocus>
-		<texturenofocus>scroll-up.png</texturenofocus>
-		<alttexturefocus>scroll-down-focus.png</alttexturefocus>
-		<alttexturenofocus>scroll-down.png</alttexturenofocus>
+		<width>330</width>
+		<height>44</height>
+		<texturefocus border="32,0,0,0">Button_Side_Scroll_up_Focus2.png</texturefocus>
+		<texturenofocus border="32,0,0,0">Button_Side_Scroll_up_NoFocus2.png</texturenofocus>
+		<alttexturefocus border="32,0,0,0">Button_Side_Scroll_down_Focus2.png</alttexturefocus>
+		<alttexturenofocus border="32,0,0,0">Button_Side_Scroll_down_NoFocus2.png</alttexturenofocus>
 		<textcolor>white</textcolor>
-		<label>-</label>
+		<textoffsetx>35</textoffsetx>
+		<textoffsety>10</textoffsety>
 		<font>font13</font>
 		<disabledcolor>grey3</disabledcolor>
 		<pulseonselect>no</pulseonselect>
diff --git a/720p/includes.xml b/720p/includes.xml
index c5a3cf3..87cdb3e 100644
--- a/720p/includes.xml
+++ b/720p/includes.xml
@@ -73,9 +73,9 @@
 			<include>VisibleFadeEffect</include>
 		</control>
 		<control type="image">
-			<posx>265</posx>
+			<posx>315</posx>
 			<posy>100</posy>
-			<width>1015</width>
+			<width>950</width>
 			<height>580</height>
 			<texture border="50,0,0,45">Panel.png</texture>
 			<animation effect="fade" start="100" end="95" time="0" condition="!IsEmpty(ListItem.Art(fanart))">conditional</animation>
@@ -126,7 +126,7 @@
 			<description>Unfocus Background</description>
 			<posx>0</posx>
 			<posy>0</posy>
-			<width>280</width>
+			<width>380</width>
 			<height>44</height>
 			<texture border="32,0,0,0">Button_Side_NoFocus.png</texture>
 			<visible>!ControlGroup(9005).HasFocus</visible>
@@ -135,7 +135,7 @@
 			<description>Focus Background</description>
 			<posx>0</posx>
 			<posy>0</posy>
-			<width>280</width>
+			<width>380</width>
 			<height>44</height>
 			<texture border="32,0,0,0">Button_Side_Focus.png</texture>
 			<visible>ControlGroup(9005).HasFocus</visible>
@@ -595,7 +595,7 @@
 	</include>
 	<include name="ButtonCommonValues">
 		<height>44</height>
-		<width>280</width>
+		<width>330</width>
 		<font>font12</font>
 		<textcolor>white</textcolor>
 		<focusedcolor>white</focusedcolor>
diff --git a/language/resource.language.en_gb/strings.po b/language/resource.language.en_gb/strings.po
index bfb8908..84cc169 100644
--- a/language/resource.language.en_gb/strings.po
+++ b/language/resource.language.en_gb/strings.po
@@ -167,7 +167,15 @@ msgctxt "#31060"
 msgid "This file is stacked, select the part you want to play from."
 msgstr ""
 
-#empty strings from id 31061 to 31100
+msgctxt "#31061"
+msgid "Sort: Descending"
+msgstr ""
+
+msgctxt "#31062"
+msgid "Sort: Ascending"
+msgstr ""
+
+#empty strings from id 31063 to 31100
 #Skin Settings labels
 
 msgctxt "#31101"
diff --git a/media/Button_Side_Scroll_down_Focus2.png b/media/Button_Side_Scroll_down_Focus2.png
new file mode 100644
index 0000000000000000000000000000000000000000..53f8f48ac9541b24dd4a1d617d668e8a157576ee
GIT binary patch
literal 6935
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

literal 0
HcmV?d00001

diff --git a/media/Button_Side_Scroll_down_NoFocus2.png b/media/Button_Side_Scroll_down_NoFocus2.png
new file mode 100644
index 0000000000000000000000000000000000000000..23a1906ae50a3579ae3d6d941f98f896e9a719ac
GIT binary patch
literal 4010
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
HW90t;K4pcN

literal 0
HcmV?d00001

diff --git a/media/Button_Side_Scroll_up_Focus2.png b/media/Button_Side_Scroll_up_Focus2.png
new file mode 100644
index 0000000000000000000000000000000000000000..fad96c18dce1849134b0ec7185aa4930fa4893d1
GIT binary patch
literal 6890
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

literal 0
HcmV?d00001

diff --git a/media/Button_Side_Scroll_up_NoFocus2.png b/media/Button_Side_Scroll_up_NoFocus2.png
new file mode 100644
index 0000000000000000000000000000000000000000..051cab5f08069e1181a58ea47f194090e1878d29
GIT binary patch
literal 3985
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

literal 0
HcmV?d00001