From 2aee67846448ca02efd47e02eaa40173226e1e69 Mon Sep 17 00:00:00 2001
From: Justin <justinodunn@hotmail.com>
Date: Mon, 13 Jun 2022 01:49:41 +0800
Subject: [PATCH] added commodities

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

diff --git a/templates/index.html b/templates/index.html
index f451194..1ec3009 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -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 -->