added commodities

This commit is contained in:
Justin 2022-06-13 01:49:41 +08:00 committed by GitHub
parent 9b6b39d962
commit 2aee678464
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -542,6 +542,8 @@
<li>Crypto</li>
<li>Forex</li>
<li>Commodities</li>
<li>Current Weather</li>
@ -664,6 +666,8 @@
<option value="2">Crypto</option>
<option value="3">Forex</option>
<option value="14">Commodities</option>
<option value="4">Current Weather</option>
@ -1640,6 +1644,435 @@
</div>
<!-- Commodities -->
<div class="page" id="Page14" 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="inputScrollSpeedZ20" class="col-form-label"
>Scroll Speed:
</label>
</div>
<div class="col-auto">
<select
id="inputScrollSpeed20"
class="form-select speed-select"
>
<option {%if commodities_settings.speed == 'medium' %} selected {% endif %}>Medium</option>
<option {%if commodities_settings.speed == 'slow' %} selected {% endif %}>Slow</option>
<option {%if commodities_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="inputScrollSpeedRowZ20" class="col-form-label"
>Scroll Speed (Row 2):
</label>
</div>
<div class="col-auto">
<select
id="inputScrollSpeedRow14"
class="form-select speed-select"
>
<option {%if commodities_settings.speed2 == 'medium' %} selected {% endif %}>Medium</option>
<option {%if commodities_settings.speed2 == 'slow' %} selected {% endif %}>Slow</option>
<option {%if commodities_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="inputTransitionZ20" class="col-form-label"
>Intro Transition:
</label>
</div>
<div class="col-auto">
<select
id="inputTransition20"
class="form-select animation-select"
>
<option {%if commodities_settings.animation == 'down' %} selected {% endif %}>Down</option>
<option {%if commodities_settings.animation == 'up' %} selected {% endif %}>Up</option>
<option {%if commodities_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="inputTextZ20" class="col-form-label"
>Commodity Symbol:
</label>
</div>
<div class="col-auto">
<input
type="text"
id="inputText20"
class="form-control"
aria-describedby="TextHelpInline"
placeholder="e.g. BRENTOIL"
/>
</div>
<div class="col-auto">
<button id="inputTextBtn20" class="btn set-btn" onclick="commoditiesValidate()">Add</button>
</div>
<p id="demo8" style="display: none"></p>
</div>
<div class="commodities" id="limit-msg">
</div>
<div class="row g-3 align-items-center mt-3">
<div class="col-auto">
<label for="inputTransitionZ20" class="col-form-label"
>Percent Change
</label>
</div>
<div class="col-auto">
<input
class="form-check-input percent-select"
type="checkbox"
value=""
id="flexCheckChecked32"
{%if commodities_settings.percent%}
checked
{%endif%}
/>
</div>
</div>
<div class="row g-3 align-items-center left-div">
<div class="col-auto">
<label for="inputTransitionZ20" class="col-form-label"
>Point Change
</label>
</div>
<div class="col-auto">
<input
class="form-check-input point-select"
type="checkbox"
value=""
id="flexCheckChecked33"
{%
if
commodities_settings.point%}
checked
{%endif%}
/>
</div>
</div>
<div class="row g-3 align-items-center left-div">
<div class="col-auto">
<label for="inputTransitionZ20" class="col-form-label"
>Display Commodities Logos
</label>
</div>
<div class="col-auto">
<input
class="form-check-input logo-select"
type="checkbox"
value=""
id="flexCheckChecked34"
{%
if
commodities_settings.logos%}
checked
{%endif%}
/>
</div>
</div>
<div class="row g-3 align-items-center left-div">
<div class="col-auto">
<label for="inputTransitionZ20" class="col-form-label"
>Display Feature Title
</label>
</div>
<div class="col-auto">
<input
class="form-check-input title-select"
type="checkbox"
value=""
id="flexCheckChecked35"
{%
if
commodities_settings.title%}
checked
{%endif%}
/>
</div>
</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="commodities-features"
class="display-features-list text-white symbol-list"
>
{% for f in commodities_settings.symbols %}
<li>{{f}}</li>
{% endfor%}
</ul>
</div>
</div>
<div class="col-lg-2 col-md-2 col-sm-12">
<div class="icons-list">
<i
id="commodities-increase-btn"
class="upbutton fa fa-chevron-up"
aria-hidden="true"
></i>
<br />
<br />
<i
id="commodities-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="commodities-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>
<!-- Forex -->