From 8f166f91a1c7951a7ad0671dafbc21b419cc8ca9 Mon Sep 17 00:00:00 2001
From: "Alex 'Braker' R." <araszka94@gmail.com>
Date: Sat, 10 Aug 2024 12:53:12 +0200
Subject: [PATCH] Move live ranking styles to own component and create
 component for no finishes info

---
 .../{RecordRow.mt => LiveRankingRecordRow.mt} |  0
 .../Templates/Components/LiveRankingStyles.mt | 19 +++++++
 .../Templates/Components/NoFinishesBox.mt     | 30 +++++++++++
 .../Templates/LiveRanking.mt                  | 50 ++++---------------
 4 files changed, 58 insertions(+), 41 deletions(-)
 rename src/Modules/LiveRankingModule/Templates/Components/{RecordRow.mt => LiveRankingRecordRow.mt} (100%)
 create mode 100644 src/Modules/LiveRankingModule/Templates/Components/LiveRankingStyles.mt
 create mode 100644 src/Modules/LiveRankingModule/Templates/Components/NoFinishesBox.mt

diff --git a/src/Modules/LiveRankingModule/Templates/Components/RecordRow.mt b/src/Modules/LiveRankingModule/Templates/Components/LiveRankingRecordRow.mt
similarity index 100%
rename from src/Modules/LiveRankingModule/Templates/Components/RecordRow.mt
rename to src/Modules/LiveRankingModule/Templates/Components/LiveRankingRecordRow.mt
diff --git a/src/Modules/LiveRankingModule/Templates/Components/LiveRankingStyles.mt b/src/Modules/LiveRankingModule/Templates/Components/LiveRankingStyles.mt
new file mode 100644
index 000000000..e0cb07bbf
--- /dev/null
+++ b/src/Modules/LiveRankingModule/Templates/Components/LiveRankingStyles.mt
@@ -0,0 +1,19 @@
+<component>
+    <import component="EvoSC.Style.UIStyle" as="UIStyle"/>
+    
+    <template>
+        <UIStyle/>
+        <stylesheet>
+            <style
+                    class="lr-body-primary"
+                    bgcolor="{{ Theme.UI_LiveRankingModule_Widget_RowBg }}"
+                    opacity="0.9"
+            />
+            <style
+                    class="lr-body-highlight"
+                    bgcolor="{{ Theme.UI_LiveRankingModule_Widget_RowBgHighlight }}"
+                    opacity="0.9"
+            />
+        </stylesheet>
+    </template>
+</component>
\ No newline at end of file
diff --git a/src/Modules/LiveRankingModule/Templates/Components/NoFinishesBox.mt b/src/Modules/LiveRankingModule/Templates/Components/NoFinishesBox.mt
new file mode 100644
index 000000000..b6ea1c937
--- /dev/null
+++ b/src/Modules/LiveRankingModule/Templates/Components/NoFinishesBox.mt
@@ -0,0 +1,30 @@
+<component>
+    <property type="double" name="width" default="36"/>
+    <property type="string" name="position" default="right"/>
+    
+    <template>
+        <frame>
+            <quad pos='{{ position == "right" ? width + 0.7 : 0 }}'
+                  bgcolor="{{ Theme.UI_AccentPrimary }}"
+                  size="0.7 9"
+                  halign='{{ position }}'
+            />
+            <Panel
+                    width="{{ width }}"
+                    height="9"
+                    x='{{ position == "right" ? 0 : 0.7 }}'
+                    className="lr-body-primary"
+                    bgColor=""
+            >
+                <label
+                        class="text-primary"
+                        text="No finishes"
+                        valign="center"
+                        halign="center"
+                        pos="18 -4.2"
+                        size="{{ width }} 9"
+                />
+            </Panel>
+        </frame>
+    </template>
+</component>
\ No newline at end of file
diff --git a/src/Modules/LiveRankingModule/Templates/LiveRanking.mt b/src/Modules/LiveRankingModule/Templates/LiveRanking.mt
index 4d75b8b9c..441095360 100644
--- a/src/Modules/LiveRankingModule/Templates/LiveRanking.mt
+++ b/src/Modules/LiveRankingModule/Templates/LiveRanking.mt
@@ -6,28 +6,16 @@
 
     <import component="EvoSC.Containers.Widget" as="Widget"/>
     <import component="EvoSC.Controls.Panel" as="Panel"/>
-    <import component="EvoSC.Style.UIStyle" as="UIStyle"/>
-    <import component="LiveRankingModule.Components.RecordRow" as="RecordRow"/>
+    <import component="LiveRankingModule.Components.LiveRankingRecordRow" as="LiveRankingRecordRow"/>
+    <import component="LiveRankingModule.Components.LiveRankingStyles" as="LiveRankingStyles"/>
+    <import component="LiveRankingModule.Components.NoFinishesBox" as="NoFinishesBox"/>
 
     <property type="ILiveRankingSettings" name="settings"/>
     <property type="IEnumerable<LiveRankingPosition>" name="scores"/>
     <property type="bool" name="isPointsBased"/>
 
     <template>
-        <UIStyle/>
-        <stylesheet>
-            <style
-                    class="lr-body-primary"
-                    bgcolor="{{ Theme.UI_LiveRankingModule_Widget_RowBg }}"
-                    opacity="0.9"
-            />
-
-            <style
-                    class="lr-body-highlight"
-                    bgcolor="{{ Theme.UI_LiveRankingModule_Widget_RowBgHighlight }}"
-                    opacity="0.9"
-            />
-        </stylesheet>
+        <LiveRankingStyles/>
         <Widget header="Live Ranking"
                 height="10"
                 bodyStyle="unstyled"
@@ -35,7 +23,7 @@
                 y="{{ settings.Y }}"
         >
             <template slot="body">
-                <RecordRow foreach="LiveRankingPosition score in scores"
+                <LiveRankingRecordRow foreach="LiveRankingPosition score in scores"
                            y="{{ -__index*(4+0.3) }}"
                            pos="{{ __index + 1 }}"
                            name="{{ score.Name }}"
@@ -43,30 +31,10 @@
                            points="{{ score.Points }}"
                            usePoints="{{ isPointsBased }}"
                 />
-
-                <frame if="scores.Count() == 0">
-                    <quad pos='{{ settings.Position == "right" ? settings.Width + 0.7 : 0 }}'
-                          bgcolor="{{ Theme.UI_AccentPrimary }}"
-                          size="0.7 9"
-                          halign='{{ settings.Position }}'
-                    />
-                    <Panel
-                            width="{{ settings.Width }}"
-                            height="9"
-                            x='{{ settings.Position == "right" ? 0 : 0.7}}'
-                            className="lr-body-primary"
-                            bgColor=""
-                    >
-                        <label
-                                class="text-primary"
-                                text="No finishes"
-                                valign="center"
-                                halign="center"
-                                pos="18 -4.2"
-                                size="36 9"
-                        />
-                    </Panel>
-                </frame>
+                <NoFinishesBox if="scores.Count() == 0" 
+                               width="{{ settings.Width }}"
+                               position="{{ settings.Position }}"
+                />
             </template>
         </Widget>
     </template>