From 68d27d852a011e68ccd2de85e78b2c26ab955b82 Mon Sep 17 00:00:00 2001
From: Justin <justinodunn@hotmail.com>
Date: Tue, 29 Aug 2023 21:05:27 +0800
Subject: [PATCH] clock2 and worldclock added to frontend

---
 templates/index.html | 214 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 214 insertions(+)

diff --git a/templates/index.html b/templates/index.html
index ef70f52..9e2c8ce 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -2089,6 +2089,8 @@
                 <li>Sector Performance</li>
                 <li>Place (Reddit)</li>
                 <li>Clock 1</li>
+                <li>Clock 2</li>
+                <li>World Clock</li>
 
               {%endif%}
                 
@@ -2205,6 +2207,8 @@
               <option value="21">Sector Performance</option>
               <option value="22">Place (Reddit)</option>
               <option value="23">Clock 1</option>
+              <option value="24">Clock 2</option>
+              <option value="25">World Clock</option>
             </select>
           </div> 
 
@@ -8572,6 +8576,216 @@
               
 
 
+    <!-- Clock 2 -->
+
+          <div class="page" id="Page24" style="display: none">
+            <div class="row">
+              <div class="col-lg-6 col-md-6 col-sm-12">
+                <div class="row g-3 align-items-center mt-3">
+                  <div class="col-auto">
+                    <label for="inputScrollSpeedZ222" class="col-form-label">Scroll Speed:</label>
+                  </div>
+
+                  <div class="col-auto">
+                    <select
+                      id="clock2_speed"
+                      class="form-select speed-select">
+                      <option {%if clock2_settings.speed == 'medium' %} selected {% endif %}>Medium</option>
+                      <option {%if clock2_settings.speed == 'slow' %} selected {% endif %}>Slow</option>
+                      <option {%if clock2_settings.speed == 'fast' %} selected {% endif %}>Fast</option>
+                    </select>
+                  </div>
+                </div>
+
+                <div class="row g-3 align-items-center mt-3 left-div">
+                  <div class="col-auto">
+                    <label for="inputScrollSpeedRowZ222" class="col-form-label">Scroll Speed (Row 2):</label>
+                  </div>
+
+                  <div class="col-auto">
+                    <select
+                      id="inputScrollSpeedRow24"
+                      class="form-select speed-select">
+                      <option {%if clock2_settings.speed2 == 'medium' %} selected {% endif %}>Medium</option>
+                      <option {%if clock2_settings.speed2 == 'slow' %} selected {% endif %}>Slow</option>
+                      <option {%if clock2_settings.speed2 == 'fast' %} selected {% endif %}>Fast</option>
+                    </select>
+                  </div>
+                </div>
+
+                <div class="row g-3 align-items-center mt-3">
+                  <div class="col-auto">
+                    <label for="inputTransitionZ222" class="col-form-label">Intro Transition:</label>
+                  </div>
+                  <div class="col-auto">
+                    <select id="clock2_animation" class="form-select animation-select">
+                      <option {%if clock2_settings.animation == 'down' %} selected {% endif %}>Down</option>
+                      <option {%if clock2_settings.animation == 'up' %} selected {% endif %}>Up</option>
+                      <option {%if clock2_settings.animation == 'continuous' %} selected {% endif %}>Continuous</option>
+                    </select>
+                  </div>
+                </div>      
+
+                <div class="row g-3 align-items-center mt-3">
+                  <div class="col-auto">
+                    <label for="inputText" class="col-form-label">Pause on screen (Seconds) </label>
+                  </div>
+                  <div class="col-auto">
+                    <input
+                      type="text"
+                      id="clock2_pause"
+                      class="form-control pause-select"
+                      aria-describedby="TextHelpInline"
+                      value="{{ clock2_settings.pause }}"/>
+                  </div>
+                </div>
+
+                <div class="col-auto" style="margin-top:5%;"><a id="screensaver-settings-btn" class="btn btn-screensaver-settings" onclick="showScreensaver()">Clock Settings</a></div>
+
+              </div>
+
+              <div class="col-lg-4 col-md-4 col-sm-12">
+                <h6 class="mt-3">List:</h6>
+                <div class="features-div-two">
+                  <ul id="clock2-features" class="display-features-list text-white symbol-list">
+                  </ul>
+                </div>
+              </div>
+
+              <div class="col-lg-2 col-md-2 col-sm-12">
+                <div class="icons-list">
+                  <i id="clock2-increase-btn"
+                    class="upbutton fa fa-chevron-up"
+                    aria-hidden="true"></i>
+                  <br />
+                  <br />
+                  <i id="clock2-decrease-btn"
+                    class="downbutton fa fa-chevron-down"
+                    aria-hidden="true"></i>
+                  <a style="position: relative; bottom: 30px; left: 10px">Sort Order</a>
+                  <br />
+                  <br />
+                  <i id="clock2-remove-btn"
+                    class="fa fa-minus"
+                    aria-hidden="true"></i>
+                  <span style="position: relative; bottom: 0; left: 10px">Remove</span>
+                </div>
+              </div>
+            </div>
+
+            <div class="save-btn-div">
+              <a href="#" class="btn save-btn">Save</a>
+            </div>
+
+          </div>
+
+
+
+      
+    <!-- World Clock -->
+
+          <div class="page" id="Page25" style="display: none">
+            <div class="row">
+              <div class="col-lg-6 col-md-6 col-sm-12">
+                <div class="row g-3 align-items-center mt-3">
+                  <div class="col-auto">
+                    <label for="inputScrollSpeedZ222" class="col-form-label">Scroll Speed:</label>
+                  </div>
+
+                  <div class="col-auto">
+                    <select
+                      id="worldclock_speed"
+                      class="form-select speed-select">
+                      <option {%if worldclock_settings.speed == 'medium' %} selected {% endif %}>Medium</option>
+                      <option {%if worldclock_settings.speed == 'slow' %} selected {% endif %}>Slow</option>
+                      <option {%if worldclock_settings.speed == 'fast' %} selected {% endif %}>Fast</option>
+                    </select>
+                  </div>
+                </div>
+
+                <div class="row g-3 align-items-center mt-3 left-div">
+                  <div class="col-auto">
+                    <label for="inputScrollSpeedRowZ222" class="col-form-label">Scroll Speed (Row 2):</label>
+                  </div>
+
+                  <div class="col-auto">
+                    <select
+                      id="inputScrollSpeedRow25"
+                      class="form-select speed-select">
+                      <option {%if worldclock_settings.speed2 == 'medium' %} selected {% endif %}>Medium</option>
+                      <option {%if worldclock_settings.speed2 == 'slow' %} selected {% endif %}>Slow</option>
+                      <option {%if worldclock_settings.speed2 == 'fast' %} selected {% endif %}>Fast</option>
+                    </select>
+                  </div>
+                </div>
+
+                <div class="row g-3 align-items-center mt-3">
+                  <div class="col-auto">
+                    <label for="inputTransitionZ222" class="col-form-label">Intro Transition:</label>
+                  </div>
+                  <div class="col-auto">
+                    <select id="worldclock_animation" class="form-select animation-select">
+                      <option {%if worldclock_settings.animation == 'down' %} selected {% endif %}>Down</option>
+                      <option {%if worldclock_settings.animation == 'up' %} selected {% endif %}>Up</option>
+                      <option {%if worldclock_settings.animation == 'continuous' %} selected {% endif %}>Continuous</option>
+                    </select>
+                  </div>
+                </div>      
+
+                <div class="row g-3 align-items-center mt-3">
+                  <div class="col-auto">
+                    <label for="inputText" class="col-form-label">Pause on screen (Seconds) </label>
+                  </div>
+                  <div class="col-auto">
+                    <input
+                      type="text"
+                      id="worldclock_pause"
+                      class="form-control pause-select"
+                      aria-describedby="TextHelpInline"
+                      value="{{ worldclock_settings.pause }}"/>
+                  </div>
+                </div>
+
+                <div class="col-auto" style="margin-top:5%;"><a id="screensaver-settings-btn" class="btn btn-screensaver-settings" onclick="showScreensaver()">Clock Settings</a></div>
+
+              </div>
+
+              <div class="col-lg-4 col-md-4 col-sm-12">
+                <h6 class="mt-3">List:</h6>
+                <div class="features-div-two">
+                  <ul id="worldclock-features" class="display-features-list text-white symbol-list">
+                  </ul>
+                </div>
+              </div>
+
+              <div class="col-lg-2 col-md-2 col-sm-12">
+                <div class="icons-list">
+                  <i id="worldclock-increase-btn"
+                    class="upbutton fa fa-chevron-up"
+                    aria-hidden="true"></i>
+                  <br />
+                  <br />
+                  <i id="worldclock-decrease-btn"
+                    class="downbutton fa fa-chevron-down"
+                    aria-hidden="true"></i>
+                  <a style="position: relative; bottom: 30px; left: 10px">Sort Order</a>
+                  <br />
+                  <br />
+                  <i id="worldclock-remove-btn"
+                    class="fa fa-minus"
+                    aria-hidden="true"></i>
+                  <span style="position: relative; bottom: 0; left: 10px">Remove</span>
+                </div>
+              </div>
+            </div>
+
+            <div class="save-btn-div">
+              <a href="#" class="btn save-btn">Save</a>
+            </div>
+
+          </div>
+
+      
                 
           <!-- Custom Images -->