added clock1 frontend

This commit is contained in:
Justin 2023-08-29 19:18:11 +08:00 committed by GitHub
parent 2fae855520
commit 988022da33
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -2088,6 +2088,7 @@
<li>Gainers, Losers, Active</li> <li>Gainers, Losers, Active</li>
<li>Sector Performance</li> <li>Sector Performance</li>
<li>Place (Reddit)</li> <li>Place (Reddit)</li>
<li>Clock 1</li>
{%endif%} {%endif%}
@ -2203,6 +2204,7 @@
<option value="20">Gainers, Losers, Active</option> <option value="20">Gainers, Losers, Active</option>
<option value="21">Sector Performance</option> <option value="21">Sector Performance</option>
<option value="22">Place (Reddit)</option> <option value="22">Place (Reddit)</option>
<option value="23">Clock 1</option>
</select> </select>
</div> </div>
@ -8465,6 +8467,112 @@
<!-- Clock 1 -->
<div class="page" id="Page23" 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="clock1_speed"
class="form-select speed-select">
<option {%if clock1_settings.speed == 'medium' %} selected {% endif %}>Medium</option>
<option {%if clock1_settings.speed == 'slow' %} selected {% endif %}>Slow</option>
<option {%if clock1_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="inputScrollSpeedRow23"
class="form-select speed-select">
<option {%if clock1_settings.speed2 == 'medium' %} selected {% endif %}>Medium</option>
<option {%if clock1_settings.speed2 == 'slow' %} selected {% endif %}>Slow</option>
<option {%if clock1_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="clock1_animation" class="form-select animation-select">
<option {%if clock1_settings.animation == 'down' %} selected {% endif %}>Down</option>
<option {%if clock1_settings.animation == 'up' %} selected {% endif %}>Up</option>
<option {%if clock1_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="clock1_pause"
class="form-control api-key"
aria-describedby="TextHelpInline"
value="{{ clock1_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="clock1-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="clock1-increase-btn"
class="upbutton fa fa-chevron-up"
aria-hidden="true"></i>
<br />
<br />
<i id="clock1-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="clock1-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 --> <!-- Custom Images -->
<div class="page" id="Page11" style="display: none"> <div class="page" id="Page11" style="display: none">