clock2 and worldclock added to frontend
This commit is contained in:
Justin
GitHub
parent
5f583e95bc
commit
68d27d852a
|
|
@ -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 -->
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue