2022-03-02 14:45:02 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" / >
< meta http-equiv = "Cache-Control" content = "no-cache, no-store, must-revalidate" / >
< meta http-equiv = "Pragma" content = "no-cache" / >
< meta http-equiv = "Expires" content = "0" / >
< title > Fintic< / title >
<!-- Bootstrap 5 CDN Links -->
< script
src="{{ url_for('static', filename='bootstrap/js/bootstrap.bundle.min.js') }}"
>< / script >
< link
href="{{ url_for('static', filename='bootstrap/css/bootstrap.min.css') }}"
rel="stylesheet"
/>
<!-- Fontawesome - for icons -->
< link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
crossorigin="anonymous"
/>
< link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/fontawesome.min.css"
integrity="sha512-kJ30H6g4NGhWopgdseRb8wTsyllFUYIx3hiUwmGAkgA9B/JbzUBDQVr2VVlWGde6sdBVOG7oU8AL35ORDuMm8g=="
crossorigin="anonymous"
/>
<!-- CSS Stylesheet linking -->
2022-06-21 08:19:14 +00:00
<!-- <link href="{{ url_for('static', filename='style.css') }}" type="text/css" rel="stylesheet" /> ALWAYS CHANGE VERSIONING WHENEVER CHANGES ARE MADE TO AVOID BAD CACHING -->
2023-01-09 10:31:11 +00:00
< link rel = "stylesheet" type = "text/css" href = "../static/style.css?ver=1.3" / >
2022-03-02 14:45:02 +00:00
< / head >
< body >
2023-01-30 13:35:07 +00:00
< div id = "yooo" style = "background-color:black; position:fixed; height:100%; width:100%; z-index:10; display:none;" >
< p style = "color:white; font-size:40px; text-align: center; margin-top: 20%;" class = "asdasd" > Ticker is shutting down / rebooting. Refresh web page when ticker is booted up again.< / p >
< / div >
2022-03-02 14:45:02 +00:00
< div class = "container" >
<!-- Top logo bar -->
<!-- Top logo bar -->
2022-06-11 05:07:58 +00:00
< nav class = "navbar navbar-light justify-content-end" style = "border-bottom:1px solid white" >
2022-03-02 14:45:02 +00:00
< div class = "container" >
< a class = "navbar-brand" href = "#" >
2022-06-11 05:13:26 +00:00
< img src = "{{ url_for('static', filename='images/logo_white.png') }}" class = "logo" alt = "logo" / >
2022-03-02 14:45:02 +00:00
< / a >
< div class = "hostname-text" >
< p >
2022-06-10 10:11:20 +00:00
Hostname: < span id = "host-name" > {{ general_settings.hostname }}< / span > .local:1024
2022-03-02 14:45:02 +00:00
< / p >
< / div >
2022-06-10 10:01:46 +00:00
< div id = "outer-div" class = "main-div main-div3" >
2022-03-02 14:45:02 +00:00
2022-06-11 05:40:24 +00:00
< button id = "update-btn" class = "btn update-btn" onclick = "showDiv()" >
2022-03-02 14:45:02 +00:00
{% if system_info.update_available %}
Update available!
{%else%}
Up to date
{%endif%}
< / button >
< / div >
< / div >
2023-01-09 10:31:11 +00:00
< p class = "text-white" id = "version-text" > Version 1.3.0< / p >
2022-03-02 14:45:02 +00:00
< / nav >
<!-- End logo bar -->
<!-- General Ticker Heading -->
< div class = "row" >
< div class = "col-lg-11 col-md-11 col-sm-11" style = "padding-top:2%" >
2022-06-11 05:10:35 +00:00
< h3 class = "text-white" id = "general" >
2022-03-02 14:45:02 +00:00
2022-06-10 09:20:50 +00:00
General Ticker Settings
2022-03-02 14:45:02 +00:00
< / h3 >
< / div >
< / div >
<!-- End General Ticker Heading -->
<!-- Button List -->
< div class = "row" style = "justify-content:center" >
< div class = "col-lg-2 col-md-2 col-sm-2" >
< a id = "start-btn" class = "btn btn-success" > Start Display< / a >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-2" >
< a id = "stop-btn" class = "btn btn-info" > Stop Display< / a >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-2" >
< a id = "restart-btn" class = "btn btn-dark" > Restart Display< / a >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-2" >
2022-06-11 05:24:14 +00:00
< a id = "screensaver-btn" class = "btn btn-warning" > Screen Saver< / a >
2022-03-02 14:45:02 +00:00
< / div >
< div class = "col-lg-2 col-md-2 col-sm-2" >
< a id = "shutdown-btn" class = "btn btn-danger" > Shut Down< / a >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-2" >
< a id = "reset-btn" class = "btn btn-danger" > Reset User Settings< / a >
< / div >
< / div >
<!-- End Button List -->
2022-06-11 05:40:24 +00:00
<!-- Updating message -->
2022-03-02 14:45:02 +00:00
2022-06-11 05:40:24 +00:00
< div id = "update-message" style = "display:none" > < p id = "update-p" > Updating, please do not shutdown the ticker or disconnect from Wi-Fi. Refresh the web panel once the ticker is rebooted!< / p > < / div >
< div id = "wifi-message" style = "display:none" > < p id = "wifi-p" > Joining Wi-Fi, please restart the ticker.< / p > < / div >
2022-03-02 14:45:02 +00:00
<!-- Ticker Form -->
<!-- First Row -->
2022-06-11 05:07:58 +00:00
< div class = "ticker-form" style = "padding-top:3%; padding-bottom:2%;border-bottom:1px solid white" >
2022-03-02 14:45:02 +00:00
< div class = "row g-3 align-items-center" >
< div class = "col-lg-6 col-md-6 col-sm-12 d-block" >
< div class = "row g-3 align-items-center" >
<!-- Brightness Input -->
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "brightness-inputZ" class = "col-form-label" > Brightness (1 - 10):< / label >
2022-03-02 14:45:02 +00:00
< / div > < br / > < br / >
< div class = "col-auto" >
< input
type="text"
id="brightness-input"
class="form-control brightness-text"
aria-describedby="TextHelpInline"
value={{ general_settings.brightness }}
/>
< / div >
< div class = "col-auto" >
2022-06-10 09:20:50 +00:00
< button class = "btn set-btn" id = "brightness-btn" > Set< / button >
2022-03-02 14:45:02 +00:00
< / div >
< / div >
< / div >
<!-- End Brightness Input -->
< div class = "col-lg-6 col-md-6 col-sm-12 d-block" >
< div class = "row g-3 align-items-center" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputAnimationZ" class = "col-form-label" > Screensaver animation:
2022-03-02 14:45:02 +00:00
< / label >
< / div > < br / > < br / >
2022-06-11 05:20:25 +00:00
< div class = "col-auto-screensaver" >
2022-03-02 14:45:02 +00:00
< select id = "inputAnimation" class = "form-select" >
< option > Pulsating Colors< / option >
<!-- <option>Rotating Square</option> -->
< option > Pulsating brightness< / option >
<!-- <option>Game of Life</option> -->
< option > Sleep< / option >
< / select >
< / div >
< div class = "col-auto" id = "input-animation-btn" >
2022-06-10 09:20:50 +00:00
< button class = "btn set-btn" > Set< / button >
2022-03-02 14:45:02 +00:00
< / div >
< / div >
< / div >
< / div >
<!-- End First Row -->
<!-- Second Row -->
< div class = "row g-3 align-items-center" style = "padding-top:3%" >
< div class = "col-lg-6 col-md-6 col-sm-12 d-block" >
< div class = "row g-3 align-items-center" >
<!-- Host Name Input -->
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "host-name-inputZ" class = "col-form-label" > Change host name:< / label >
2022-03-02 14:45:02 +00:00
< / div > < br / > < br / >
< div class = "col-auto" >
< input
type="text"
id="host-name-input"
class="form-control"
aria-describedby="TextHelpInline"
value={{ general_settings.hostname }}
/>
< / div >
< div class = "col-auto" >
2022-06-10 09:20:50 +00:00
< button class = "btn set-btn" id = "host-name-btn" > Set< / button >
2022-03-02 14:45:02 +00:00
< / div >
< / div >
< / div >
<!-- End Brightness Input -->
< div class = "col-lg-6 col-md-6 col-sm-12 d-block" >
< div class = "row g-3 align-items-center" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputDisplayFormatZ" class = "col-form-label" > Ticker Display Format:
2022-03-02 14:45:02 +00:00
< / label >
< / div > < br / > < br / >
2022-06-11 05:20:25 +00:00
< div class = "col-auto-displayformat" >
2022-03-02 14:45:02 +00:00
< select id = "inputDisplayFormat" class = "form-select" >
2023-01-30 05:09:19 +00:00
< option { % if feature_settings2 = = ' Standard ' % } selected { % endif % } > Standard Scrolling< / option >
2022-03-02 14:45:02 +00:00
2023-01-30 05:09:19 +00:00
< option { % if feature_settings2 = = ' Professional ' % } selected { % endif % } > Professional Two Rows< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< div class = "col-auto" id = "input-animation-btn" >
2022-06-10 09:20:50 +00:00
< button class = "btn set-btn" id = "dispformat-btn" > Set< / button >
2022-03-02 14:45:02 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- End Second Row -->
<!-- End Ticker Form -->
<!-- Features to Display Heading -->
< div class = "row" >
< div class = "col-lg-11 col-md-11 col-sm-11" style = "padding-top:2%" >
2022-06-10 09:20:50 +00:00
< h3 class = "text-white" > Features to Display< / h3 >
2022-03-02 14:45:02 +00:00
< p >
2022-06-11 05:13:26 +00:00
Selected Format:
2022-03-02 14:45:02 +00:00
< span class = "font-6" id = "selected-display-text" > < / span >
< / p >
< / div >
< / div > < br >
<!-- Features List First Row -->
2022-06-11 05:07:58 +00:00
< div class = "row" style = "border-bottom:1px solid white; padding:2%" >
2022-06-10 09:49:27 +00:00
< h4 id = "top-row-text" style = "display:none" > Top row< / h4 >
2022-03-02 14:45:02 +00:00
<!-- Available Features Column -->
< div class = "col-lg-4 col-md-4 col-sm-12 " >
< div class = "row" >
< h6 class = "col-lg-6 col-md-6 col-sm-12" > Available Features:< / h6 >
< / div >
< div class = "row features-div" >
< ul
id="available-features"
2022-06-11 05:24:14 +00:00
class="display-features-list text-white">
2022-03-02 14:45:02 +00:00
{% for f in not_displaying %}
< li > {{f}}< / li >
{% endfor%}
< / ul >
< / div >
< / div >
<!-- End Features Column -->
< div class = "col-lg-2 col-md-2 col-sm-2 align-self-center" style = "padding-top:2%;padding-bottom:5%" >
2022-06-10 09:29:16 +00:00
< div class = "icon-featuresdisplay" >
2022-03-02 14:45:02 +00:00
< i id = "feature-to-display" class = "fa fa-chevron-right" aria-hidden = "true" > < / i > < br > < br >
< i id = "display-to-feature" class = "fa fa-chevron-left" aria-hidden = "true" > < / i >
< / div >
< / div >
<!-- DIsplay Format Column -->
< div class = "col-lg-4 col-md-4 col-sm-12" >
< div class = "row" >
< h6 class = "col-lg-6 col-md-6 col-sm-12" > Display Format:< / h6 >
< / div >
< div class = "row features-div" >
2022-06-11 05:24:14 +00:00
< ul id = "display-format" class = "display-features-list text-white" >
2022-03-02 14:45:02 +00:00
{% for f in currently_displaying[0] %}
< li > {{f}}< / li >
{% endfor%}
< / ul >
< / div >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-2 align-self-center" style = "padding-top:2%;padding-bottom:5%" >
2022-06-10 09:29:16 +00:00
< div class = "icon-featuresdisplay" >
2022-03-02 14:45:02 +00:00
< i id = "display-increase-btn" class = "fa fa-chevron-up" aria-hidden = "true" > < / i > < br > < br >
< i id = "display-decrease-btn" class = "fa fa-chevron-down" aria-hidden = "true" > < / i >
2022-06-10 09:29:16 +00:00
< a style = "position: relative; bottom: 30px; left: 10px" > Sort Order< / a >
2022-03-02 14:45:02 +00:00
< / div >
< / div >
< / div >
<!-- End Display Format -->
<!-- End Features List ROw -->
<!-- Features List Second Row -->
2022-06-11 05:07:58 +00:00
< div id = "second-row" class = "row" style = "border-bottom:1px solid white; padding:2%" >
2022-03-02 14:45:02 +00:00
< h4 id = "bottom-row-text" style = "display:none" > Bottom row< / h4 >
<!-- Available Features Column -->
< div class = "col-lg-4 col-md-4 col-sm-12" >
< div class = "row" >
< h6 class = "col-lg-6 col-md-6 col-sm-12" > Available Features:< / h6 >
< / div >
< div class = "row features-div" >
< ul
id="available-features-2"
2022-06-11 05:24:14 +00:00
class="display-features-list text-white">
2022-03-02 14:45:02 +00:00
2022-10-05 08:51:46 +00:00
{%if professional%}
{% for f in not_displaying2 %}
< li > {{f}}< / li >
{% endfor%}
{%else%}
2022-03-02 14:45:02 +00:00
< li > Stocks< / li >
< li > Crypto< / li >
< li > Forex< / li >
2022-06-12 17:49:41 +00:00
< li > Commodities< / li >
2022-10-05 09:53:31 +00:00
< li > Indices< / li >
2022-03-02 14:45:02 +00:00
< li > Current Weather< / li >
< li > Daily Forecast< / li >
< li > News< / li >
< li > Custom Images< / li >
< li > Custom Messages< / li >
2022-04-15 05:58:17 +00:00
< li > Custom Gifs< / li >
2022-03-02 14:45:02 +00:00
< li > Sports (Upcoming Games)< / li >
< li > Sports (Live Games)< / li >
< li > Sports (Past Games)< / li >
< li > Sports (Team Stats)< / li >
2023-01-09 08:31:18 +00:00
< li > Movies< / li >
2022-03-02 14:45:02 +00:00
2022-10-05 08:51:46 +00:00
{%endif%}
2022-03-02 14:45:02 +00:00
< / ul >
< / div >
< / div >
<!-- End Features Column -->
< div class = "col-lg-2 col-md-2 col-sm-2 align-self-center" >
2022-06-10 09:36:15 +00:00
< div class = "icons-list" >
2022-03-02 14:45:02 +00:00
< i id = "feature-to-display-2" class = "fa fa-chevron-right" aria-hidden = "true" > < / i > < br > < br >
< i id = "display-to-feature-2" class = "fa fa-chevron-left" aria-hidden = "true" > < / i >
< / div >
< / div >
<!-- DIsplay Format Column -->
< div class = "col-lg-4 col-md-4 col-sm-12" >
< div class = "row" >
< h6 class = "col-lg-6 col-md-6 col-sm-12" > Display Format:< / h6 >
< / div >
< div class = "row features-div" >
2022-06-11 05:24:14 +00:00
< ul id = "display-format-2" class = "display-features-list text-white" >
2022-03-02 14:45:02 +00:00
{%if professional%}
{% for f in currently_displaying[1] %}
< li > {{f}} < / li >
{% endfor%}
{%endif%}
< / ul >
< / div >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-2 align-self-center" >
2022-06-10 09:36:15 +00:00
< div class = "icons-list" >
2022-03-02 14:45:02 +00:00
< i id = "display-increase-btn-2" class = "fa fa-chevron-up" aria-hidden = "true" > < / i > < br > < br >
< i id = "display-decrease-btn-2" class = "fa fa-chevron-down" aria-hidden = "true" > < / i >
< a style = "position: relative; bottom: 30px; left: 10px" > Sort Order< / a >
< / div >
< / div >
< / div >
<!-- End Display Format -->
<!-- End Features List ROw -->
<!-- What to Display in Each Feature -->
< div class = "row" style = "padding:2%" >
2022-06-14 09:58:41 +00:00
< h3 class = "pt-3" > What to Display in Each Feature< / h3 >
2022-03-02 14:45:02 +00:00
< / div >
< div class = "row justify-content-center" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "dropZ" class = "col-form-label" > Feature:< / label >
2022-03-02 14:45:02 +00:00
< / div >
< div class = "col-auto" >
< select id = "drop" class = "form-select" >
< option value = "1" > Stocks< / option >
< option value = "2" > Crypto< / option >
< option value = "3" > Forex< / option >
2022-06-12 17:49:41 +00:00
< option value = "14" > Commodities< / option >
2022-10-05 09:53:31 +00:00
< option value = "15" > Indices< / option >
2022-03-02 14:45:02 +00:00
< option value = "4" > Current Weather< / option >
< option value = "5" > Daily Forecast< / option >
< option value = "6" > News< / option >
< option value = "7" > Sports (Upcoming Games)< / option >
< option value = "8" > Sports (Past Games)< / option >
< option value = "9" > Sports (Live Games)< / option >
< option value = "10" > Sports (Team Stats)< / option >
< option value = "11" > Custom Images< / option >
< option value = "12" > Custom GIFs< / option >
< option value = "13" > Custom Messages< / option >
2023-01-09 08:31:18 +00:00
< option value = "16" > Movies< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div > <!-- End Row Dropdown Display Feature -->
<!-- Stocks -->
< div class = "page" id = "Page1" >
< div class = "row" >
< div class = "col-lg-6 col-md-6 col-sm-12" >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeedZ" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed"
class="form-select speed-select"
>
2022-03-07 09:25:13 +00:00
< option { % if stocks_settings . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if stocks_settings . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if stocks_settings . speed = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeedRowZ2" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed (Row 2):
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow"
class="form-select speed-select"
>
2022-03-08 07:03:02 +00:00
< option { % if stocks_settings . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if stocks_settings . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if stocks_settings . speed2 = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTransitionZ" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition"
class="form-select animation-select"
>
2022-03-07 09:25:13 +00:00
< option { % if stocks_settings . animation = = ' down ' % } selected { % endif % } > Down< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if stocks_settings . animation = = ' up ' % } selected { % endif % } > Up< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if stocks_settings . animation = = ' continuous ' % } selected { % endif % } > Continuous< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTextZ" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Stock Symbol:
< / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="inputText3"
class="form-control"
aria-describedby="TextHelpInline"
2022-06-10 10:11:20 +00:00
placeholder="e.g. AAPL"
2022-03-02 14:45:02 +00:00
/>
< / div >
< div class = "col-auto" >
2022-06-11 16:28:46 +00:00
< button id = "inputTextBtn3" class = "btn set-btn" onclick = "stockValidate()" > Add< / button >
2022-03-02 14:45:02 +00:00
< / div >
2022-06-11 16:28:46 +00:00
< p id = "demo" style = "display: none" > < / p >
2022-03-02 14:45:02 +00:00
< / div >
< div id = "limit-msg" >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTransitionZ" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Percent Change
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input percent-select"
type="checkbox"
value=""
id="flexCheckChecked"
{%if stocks_settings.percent%}
checked
{%endif%}
/>
< / div >
< / div >
< div class = "row g-3 align-items-center left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTransitionZ" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Point Change
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input point-select"
type="checkbox"
value=""
id="flexCheckChecked2"
{%
if
stocks_settings.point%}
checked
{%endif%}
/>
< / div >
< / div >
< div class = "row g-3 align-items-center left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTransitionZ" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Display Company Logos
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input logo-select"
type="checkbox"
value=""
id="flexCheckChecked3"
{%
if
stocks_settings.logos%}
checked
{%endif%}
/>
< / div >
< / div >
<!-- <div class="row g - 3 align - items - center left - div">
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Display Intraday Chart
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input chart-select"
type="checkbox"
value=""
id="flexCheckChecked4"
{%
if
stocks_settings.chart%}
checked
{%endif%}
/>
< / div >
< / div > -->
< div class = "row g-3 align-items-center left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTransitionZ" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="flexCheckChecked5"
{%
if
stocks_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="stocks-features"
2022-06-11 05:24:14 +00:00
class="display-features-list text-white symbol-list"
2022-03-02 14:45:02 +00:00
>
{% for f in stocks_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="stocks-increase-btn"
class="upbutton fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="stocks-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="stocks-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 >
<!-- Crypto -->
< div class = "page" id = "Page2" 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" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeedZ3" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed2"
class="form-select speed-select"
>
2022-03-07 09:25:13 +00:00
< option { % if crypto_settings . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if crypto_settings . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if crypto_settings . speed = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeedRowZ3" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed (Row 2):
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow2"
class="form-select speed-select"
>
2022-03-08 07:03:02 +00:00
< option { % if crypto_settings . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if crypto_settings . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if crypto_settings . speed2 = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTransitionZ3" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition2"
class="form-select animation-select"
>
2022-03-07 09:25:13 +00:00
< option { % if crypto_settings . animation = = ' down ' % } selected { % endif % } > Down< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if crypto_settings . animation = = ' up ' % } selected { % endif % } > Up< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if crypto_settings . animation = = ' continuous ' % } selected { % endif % } > Continuous< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTextZ3" class = "col-form-label"
2022-03-02 14:45:02 +00:00
2022-06-10 10:11:20 +00:00
>Crypto,Base:
2022-03-02 14:45:02 +00:00
< / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="inputText4"
class="form-control"
aria-describedby="TextHelpInline"
2022-06-10 10:11:20 +00:00
placeholder="e.g. BTC,USD"
2022-03-02 14:45:02 +00:00
/>
< / div >
< div class = "col-auto" >
2022-06-11 16:28:46 +00:00
< button id = "inputTextBtn4" class = "btn set-btn" onclick = "cryptoValidate()" > Add< / button >
2022-03-02 14:45:02 +00:00
< / div >
2022-06-11 16:28:46 +00:00
< p id = "demo2" style = "display: none" > < / p >
2022-03-02 14:45:02 +00:00
< / div >
< div id = "limit-msg" >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTransitionZ3" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Percent Change
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input percent-select"
type="checkbox"
value=""
id="flexCheckChecked6"
{%
if
crypto_settings.percent%}
checked
{%endif%}
/>
< / div >
< / div >
< div class = "row g-3 align-items-center" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTransitionZ3" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Point Change
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input point-select"
type="checkbox"
value=""
id="flexCheckChecked7"
{%
if
crypto_settings.point%}
checked
{%endif%}
/>
< / div >
< / div >
< div class = "row g-3 align-items-center" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTransitionZ3" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Display Crypto Logos
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input logo-select"
type="checkbox"
value=""
id="flexCheckChecked8"
{%
if
crypto_settings.logos%}
checked
{%endif%}
/>
< / div >
< / div >
<!-- <div class="row g - 3 align - items - center">
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Display Intraday Chart
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input chart-select"
type="checkbox"
value=""
id="flexCheckChecked9"
{%
if
crypto_settings.chart%}
checked
{%endif%}
/>
< / div >
< / div > -->
< div class = "row g-3 align-items-center" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTransitionZ3" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="flexCheckChecked10"
{%
if
crypto_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="crypto-features"
2022-06-11 05:24:14 +00:00
class="display-features-list text-white symbol-list"
2022-03-02 14:45:02 +00:00
>
{% for f in crypto_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="crypto-increase-btn"
class="fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="crypto-decrease-btn"
class="fa fa-chevron-down"
aria-hidden="true"
>< / i >
< a style = "position: relative; bottom: 30px; left: 10px"
>Sort Order< /a
>
< br / >
< br / >
< i
id="crypto-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 >
2022-06-12 17:49:41 +00:00
<!-- 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 >
2022-03-02 14:45:02 +00:00
2022-10-05 10:13:32 +00:00
<!-- Indices -->
< div class = "page" id = "Page15" 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 = "inputScrollSpeedZ21" class = "col-form-label"
>Scroll Speed:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed21"
class="form-select speed-select"
>
< option { % if indices_settings . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if indices_settings . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
< option { % if indices_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 = "inputScrollSpeedRowZ21" class = "col-form-label"
>Scroll Speed (Row 2):
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow15"
class="form-select speed-select"
>
< option { % if indices_settings . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if indices_settings . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
< option { % if indices_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 = "inputTransitionZ21" class = "col-form-label"
>Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition21"
class="form-select animation-select"
>
< option { % if indices_settings . animation = = ' down ' % } selected { % endif % } > Down< / option >
< option { % if indices_settings . animation = = ' up ' % } selected { % endif % } > Up< / option >
< option { % if indices_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 = "inputTextZ21" class = "col-form-label"
>Index Symbol:
< / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="inputText21"
class="form-control"
aria-describedby="TextHelpInline"
placeholder="e.g. ^DJI"
/>
< / div >
< div class = "col-auto" >
< button id = "inputTextBtn21" class = "btn set-btn" onclick = "indicesValidate()" > Add< / button >
< / div >
< p id = "demo9" style = "display: none" > < / p >
< / div >
< div class = "indices" id = "limit-msg" >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransitionZ21" class = "col-form-label"
>Percent Change
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input percent-select"
type="checkbox"
value=""
id="flexCheckChecked36"
{%if indices_settings.percent%}
checked
{%endif%}
/>
< / div >
< / div >
< div class = "row g-3 align-items-center left-div" >
< div class = "col-auto" >
< label for = "inputTransitionZ21" class = "col-form-label"
>Point Change
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input point-select"
type="checkbox"
value=""
id="flexCheckChecked37"
{%
if
indices_settings.point%}
checked
{%endif%}
/>
< / div >
< / div >
< div class = "row g-3 align-items-center left-div" >
< div class = "col-auto" >
< label for = "inputTransitionZ21" class = "col-form-label"
>Display Indices Logos
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input logo-select"
type="checkbox"
value=""
id="flexCheckChecked38"
{%
if
indices_settings.logos%}
checked
{%endif%}
/>
< / div >
< / div >
< div class = "row g-3 align-items-center left-div" >
< div class = "col-auto" >
< label for = "inputTransitionZ21" class = "col-form-label"
>Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="flexCheckChecked39"
{%
if
indices_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="indices-features"
class="display-features-list text-white symbol-list"
>
{% for f in indices_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="indices-increase-btn"
class="upbutton fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="indices-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="indices-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 >
2022-03-02 14:45:02 +00:00
<!-- Forex -->
< div class = "page" id = "Page3" 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" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed3Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed3"
class="form-select speed-select"
>
2022-03-07 09:25:13 +00:00
< option { % if forex_settings . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if forex_settings . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if forex_settings . speed = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeedRowZ3" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed (Row 2):
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow3"
class="form-select speed-select"
>
2022-03-08 07:03:02 +00:00
< option { % if forex_settings . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if forex_settings . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if forex_settings . speed2 = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition3"
class="form-select animation-select"
>
2022-03-07 09:25:13 +00:00
< option { % if forex_settings . animation = = ' down ' % } selected { % endif % } > Down< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if forex_settings . animation = = ' up ' % } selected { % endif % } > Up< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if forex_settings . animation = = ' continuous ' % } selected { % endif % } > Continuous< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputText" class = "col-form-label"
2022-06-10 10:11:20 +00:00
>Base,Quote:
2022-03-02 14:45:02 +00:00
< / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="inputText5"
class="form-control"
aria-describedby="TextHelpInline"
2022-06-10 10:11:20 +00:00
placeholder="e.g. JPY,EUR"
2022-03-02 14:45:02 +00:00
/>
< / div >
< div class = "col-auto" >
2022-06-11 16:28:46 +00:00
< button id = "inputTextBtn5" class = "btn set-btn" onclick = "forexValidate()" > Add< / button >
2022-03-02 14:45:02 +00:00
< / div >
2022-06-11 16:28:46 +00:00
< p id = "demo3" style = "display: none" > < / p >
2022-03-02 14:45:02 +00:00
< / div >
< div id = "limit-msg" >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Percent Change
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input percent-select"
type="checkbox"
value=""
id="flexCheckChecked11"
{%
if
forex_settings.percent%}
checked
{%endif%}
/>
< / div >
< / div >
< div class = "row g-3 align-items-center" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Point Change
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input point-select"
type="checkbox"
value=""
id="flexCheckChecked12"
{%
if
forex_settings.point%}
checked
{%endif%}
/>
< / div >
< / div >
< div class = "row g-3 align-items-center" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Display Currency Logos
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input logo-select"
type="checkbox"
value=""
id="flexCheckChecked13"
{%
if
forex_settings.logos%}
checked
{%endif%}
/>
< / div >
< / div >
<!--
< div class = "row g-3 align-items-center" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Display 30 Day Chart
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input chart-select"
type="checkbox"
value=""
id="flexCheckChecked14"
{%
if
forex_settings.chart%}
checked
{%endif%}
/>
< / div >
< / div > -->
< div class = "row g-3 align-items-center" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="flexCheckChecked15"
{%
if
forex_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="forex-features"
2022-06-11 05:24:14 +00:00
class="display-features-list text-white symbol-list"
2022-03-02 14:45:02 +00:00
>
{% for f in forex_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="forex-increase-btn"
class="fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="forex-decrease-btn"
class="fa fa-chevron-down"
aria-hidden="true"
>< / i >
< a style = "position: relative; bottom: 30px; left: 10px"
>Sort Order< /a
>
< br / >
< br / >
< i
id="forex-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 >
<!-- Current Weather -->
< div class = "page" id = "Page4" 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" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed4Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed4"
class="form-select speed-select"
>
2022-03-07 09:25:13 +00:00
< option { % if current_weather . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if current_weather . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if current_weather . speed = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeedRow4Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed (Row 2):
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow4"
class="form-select speed-select"
>
2022-03-08 07:03:02 +00:00
< option { % if current_weather . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if current_weather . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if current_weather . speed2 = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition4"
class="form-select animation-select"
>
2022-03-07 09:25:13 +00:00
< option { % if current_weather . animation = = ' down ' % } selected { % endif % } > Down< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if current_weather . animation = = ' up ' % } selected { % endif % } > Up< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if current_weather . animation = = ' continuous ' % } selected { % endif % } > Continuous< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputText" class = "col-form-label" > City: < / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="inputText6"
class="form-control"
aria-describedby="TextHelpInline"
2022-06-10 10:11:20 +00:00
placeholder="e.g. London"
2022-03-02 14:45:02 +00:00
/>
< / div >
< div class = "col-auto" >
2022-06-11 16:28:46 +00:00
< button id = "inputTextBtn6" class = "btn set-btn" onclick = "currentWeatherValidate()" > Add< / button >
2022-03-02 14:45:02 +00:00
< / div >
2022-06-11 16:28:46 +00:00
< p id = "demo6" style = "display: none" > < / p >
2022-03-02 14:45:02 +00:00
< / div >
< div id = "limit-msg" >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputScrollSpeed" class = "col-form-label"
>Temperature unit:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed42"
class="form-select temp-select"
>
2022-03-07 09:25:13 +00:00
< option { % if current_weather . temp = = ' celsius ' % } selected { % endif % } > Celsius< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if current_weather . temp = = ' fahrenheit ' % } selected { % endif % } > Fahrenheit< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Wind Speed Unit:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition42"
class="form-select wind-speed-select"
>
2022-03-07 09:25:13 +00:00
< option { % if current_weather . wind_speed = = ' miles / hour ' % } selected { % endif % } > Miles/hour< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if current_weather . wind_speed = = ' kilometers / hour ' % } selected { % endif % } > Kilometers/hour< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="flexCheckChecked16"
{%
if
current_weather.title%}
checked
{%endif%}
/>
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputText" class = "col-form-label" > API Key: < / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="api-key1"
2022-06-11 16:00:27 +00:00
placeholder="Weather API Key"
2022-03-02 14:45:02 +00:00
class="form-control api-key"
aria-describedby="TextHelpInline"
2022-03-02 14:51:45 +00:00
value="{{ api_keys }}"
2022-03-02 14:45:02 +00:00
/>
< / div >
< div class = "col-auto" >
2022-06-11 05:44:15 +00:00
< button id = "weather-api-btn" class = "btn set-btn" onClick = "showWeatherP()" > Add< / button >
2022-03-02 14:45:02 +00:00
< / div >
2022-06-11 05:44:15 +00:00
< p id = "weather-api-p" style = "display: none" > New weather API key detected, please restart the ticker in order for the feature to work properly.< / p >
2022-03-02 14:45:02 +00:00
< / 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="current-weather-features"
2022-06-11 05:24:14 +00:00
class="display-features-list text-white location-list"
2022-03-02 14:45:02 +00:00
>
{% for f in current_weather.locations.keys() %}
< li > {{f}}< / li >
{% endfor%}
< / ul >
< / div >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-12" >
< div class = "icons-list" >
< i
id="current-weather-increase-btn"
class="fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="current-weather-decrease-btn"
class="fa fa-chevron-down"
aria-hidden="true"
>< / i >
< a style = "position: relative; bottom: 30px; left: 10px"
>Sort Order< /a
>
< br / >
< br / >
< i
id="current-weather-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 >
<!-- Daily Forecast -->
< div class = "page" id = "Page5" 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" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed5Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed5"
class="form-select speed-select"
>
2022-03-07 09:25:13 +00:00
< option { % if daily_weather . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if daily_weather . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if daily_weather . speed = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeedRow5Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed (Row 2):
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow5"
class="form-select speed-select"
>
2022-03-08 07:03:02 +00:00
< option { % if daily_weather . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if daily_weather . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if daily_weather . speed2 = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition5"
class="form-select animation-select"
>
2022-03-07 09:25:13 +00:00
< option { % if daily_weather . animation = = ' down ' % } selected { % endif % } > Down< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if daily_weather . animation = = ' up ' % } selected { % endif % } > Up< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if daily_weather . animation = = ' continuous ' % } selected { % endif % } > Continuous< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputText" class = "col-form-label" > City: < / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="inputText7"
class="form-control"
aria-describedby="TextHelpInline"
2022-06-10 10:11:20 +00:00
placeholder="e.g. London"
2022-03-02 14:45:02 +00:00
/>
< / div >
< div class = "col-auto" >
2022-06-11 16:28:46 +00:00
< button id = "inputTextBtn7" class = "btn set-btn" onclick = "dailyWeatherValidate()" > Add< / button >
2022-03-02 14:45:02 +00:00
< / div >
2022-06-11 16:28:46 +00:00
< p id = "demo7" style = "display: none" > < / p >
2022-03-02 14:45:02 +00:00
< / div >
< div id = "limit-msg" >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed52Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Temperature unit:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed52"
class="form-select temp-select"
>
2022-03-07 09:25:13 +00:00
< option { % if daily_weather . temp = = ' celsius ' % } selected { % endif % } > Celsius< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if daily_weather . temp = = ' fahrenheit ' % } selected { % endif % } > Fahrenheit< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTransition52Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Wind Speed Unit:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition52"
class="form-select wind-speed-select"
>
2022-03-07 09:25:13 +00:00
< option { % if daily_weather . wind_speed = = ' miles / hour ' % } selected { % endif % } > Miles/hour< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if daily_weather . wind_speed = = ' kilometers / hour ' % } selected { % endif % } > Kilometers/hour< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Display Current Weather
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input current-weather-select"
type="checkbox"
value=""
id="flexCheckChecked17"
checked
/>
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="flexCheckChecked18"
{%
if
daily_weather.title%}
checked
{%endif%}
/>
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputText" class = "col-form-label" > API Key: < / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="api-key"
2022-06-11 16:00:27 +00:00
placeholder="Weather API Key"
2022-03-02 14:45:02 +00:00
class="form-control api-key"
aria-describedby="TextHelpInline"
2022-03-02 14:51:45 +00:00
value="{{ api_keys }}"
2022-03-02 14:45:02 +00:00
/>
< / div >
< div class = "col-auto" >
2022-03-08 05:41:52 +00:00
<!-- <button id="weather - api - btn" class="btn set - btn">Add</button> -->
2022-03-02 14:45:02 +00:00
< / 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="daily-forecast-features"
2022-06-11 05:24:14 +00:00
class="display-features-list text-white location-list"
2022-03-02 14:45:02 +00:00
>
{% for f in daily_weather.locations.keys() %}
< li > {{f}}< / li >
{% endfor%}
< / ul >
< / div >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-12" >
< div class = "icons-list" >
< i
id="daily-forecast-increase-btn"
class="fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="daily-forecast-decrease-btn"
class="fa fa-chevron-down"
aria-hidden="true"
>< / i >
< a style = "position: relative; bottom: 30px; left: 10px"
>Sort Order< /a
>
< br / >
< br / >
< i
id="daily-forecast-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 >
<!-- News -->
< div class = "page" id = "Page6" 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" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed6Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed6"
class="form-select speed-select"
>
2022-03-07 09:25:13 +00:00
< option { % if news_settings . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . speed = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeedRow6Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed (Row 2):
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow6"
class="form-select speed-select"
>
2022-03-08 07:03:02 +00:00
< option { % if news_settings . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if news_settings . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if news_settings . speed2 = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition6"
class="form-select animation-select"
>
2022-03-07 09:25:13 +00:00
< option { % if news_settings . animation = = ' down ' % } selected { % endif % } > Down< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . animation = = ' up ' % } selected { % endif % } > Up< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . animation = = ' continuous ' % } selected { % endif % } > Continuous< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed62Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Country:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed62"
class="form-select country-select"
>
2022-03-07 09:25:13 +00:00
< option { % if news_settings . country = = ' United States ' % } selected { % endif % } > United States< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . country = = ' Australia ' % } selected { % endif % } > Australia< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . country = = ' Canada ' % } selected { % endif % } > Canada< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . country = = ' Great Britain ' % } selected { % endif % } > Great Britain< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . country = = ' New Zealand ' % } selected { % endif % } > New Zealand< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . country = = ' Ireland ' % } selected { % endif % } > Ireland< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . country = = ' Singapore ' % } selected { % endif % } > Singapore< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . country = = ' South Africa ' % } selected { % endif % } > South Africa< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . country = = ' Worldwide ' % } selected { % endif % } > Worldwide< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select news_check_class country-check"
type="checkbox"
value=""
id="flexCheckChecked30"
2022-03-07 04:57:08 +00:00
{%
if
news_settings.use_country%}
checked
{%endif%}
2022-03-02 14:45:02 +00:00
/>
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTransition62Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Category:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition62"
class="form-select category-select"
>
2022-03-07 09:25:13 +00:00
< option { % if news_settings . category = = ' General ' % } selected { % endif % } > General< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . category = = ' Business ' % } selected { % endif % } > Business< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . category = = ' Entertainment ' % } selected { % endif % } > Entertainment< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . category = = ' Health ' % } selected { % endif % } > Health< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . category = = ' Science ' % } selected { % endif % } > Science< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . category = = ' Sports ' % } selected { % endif % } > Sports< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . category = = ' Technology ' % } selected { % endif % } > Technology< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select news_check_class category-check"
type="checkbox"
value=""
id="flexCheckChecked31"
2022-03-06 18:36:03 +00:00
{%
if
2022-03-07 04:57:08 +00:00
news_settings.use_category%}
2022-03-06 18:36:03 +00:00
checked
{%endif%}
2022-03-02 14:45:02 +00:00
/>
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTransition62Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Headlines to display:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition62"
class="form-select category-select headline-num"
>
2022-03-07 09:25:13 +00:00
< option { % if news_settings . num_headlines = = ' 10 ' % } selected { % endif % } > 10< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . num_headlines = = ' 15 ' % } selected { % endif % } > 15< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . num_headlines = = ' 20 ' % } selected { % endif % } > 20< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . num_headlines = = ' 25 ' % } selected { % endif % } > 25< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if news_settings . num_headlines = = ' 30 ' % } selected { % endif % } > 30< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
<!-- <p class="text - center pt - 2">Or</p> -->
<!-- <div class="row g - 3 align - items - center mt - 3">
< div class = "col-auto" >
< input
class="form-check-input sources-select"
type="checkbox"
value=""
id="flexCheckChecked20"
{%
if
news_settings.use_sources%}
checked
{%endif%}
/>
< / div >
< div class = "col-auto" >
< label for = "inputTransition63" class = "col-form-label"
>Sources:
< / label >
< / div >
< div class = "col-auto" >
< select id = "inputTransition63" class = "form-select" >
< option > Bloomberg< / option >
< option > ABC news< / option >
< option > Yahoo< / option >
< option > < / option >
< option > < / option >
< / select >
< / div >
< div class = "col-auto" >
< button id = "inputTransitionBtn63" class = "btn set-btn" >
Add
< / button >
< / div >
< / div > -->
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="flexCheckChecked19"
{%
if
news_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="news-features"
2022-06-11 05:24:14 +00:00
class="display-features-list text-white sources-list"
2022-03-02 14:45:02 +00:00
>
{% for f in news_settings.sources %}
< li > {{f}}< / li >
{% endfor%}
< / ul >
< / div >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-12" >
< div class = "icons-list" >
< i
id="news-increase-btn"
class="fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="news-decrease-btn"
class="fa fa-chevron-down"
aria-hidden="true"
>< / i >
< a style = "position: relative; bottom: 30px; left: 10px"
>Sort Order< /a
>
< br / >
< br / >
< i
id="news-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 >
<!-- Sports (Upcoming games) -->
< div class = "page" id = "Page7" 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" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed7Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed7"
class="form-select speed-select"
>
2022-03-07 09:25:13 +00:00
< option { % if upcoming_games . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if upcoming_games . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if upcoming_games . speed = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeedRow7Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed (Row 2):
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow7"
class="form-select speed-select"
>
2022-03-08 07:03:02 +00:00
< option { % if upcoming_games . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if upcoming_games . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if upcoming_games . speed2 = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition7"
class="form-select animation-select"
>
2022-03-07 09:25:13 +00:00
< option { % if upcoming_games . animation = = ' down ' % } selected { % endif % } > Down< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if upcoming_games . animation = = ' up ' % } selected { % endif % } > Up< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if upcoming_games . animation = = ' continuous ' % } selected { % endif % } > Continuous< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition63" class = "col-form-label"
>Sport League:
< / label >
< / div >
< div class = "col-auto" >
< select id = "inputTransition73" class = "form-select" >
< option > NFL< / option >
< option > NBA< / option >
< option > NHL< / option >
2022-03-03 15:03:19 +00:00
< option > PREMIERLEAGUE< / option >
2022-06-11 16:04:50 +00:00
< option > MLB< / option >
< option > MLS< / option >
2023-01-09 10:29:06 +00:00
< option > PGA< / option >
< option > LPGA< / option >
< option > PGA_EU< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< div class = "col-auto" >
< button id = "inputTransitionBtn73" class = "btn set-btn" >
Add
< / button >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="flexCheckChecked21"
{%
if
upcoming_games.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="upcoming-games-features"
2022-06-11 05:24:14 +00:00
class="display-features-list text-white league-list"
2022-03-02 14:45:02 +00:00
>
{% for f in upcoming_games.leagues.keys() %}
< li > {{f}}< / li >
{% endfor%}
< / ul >
< / div >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-12" >
< div class = "icons-list" >
< i
id="upcoming-games-increase-btn"
class="fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="upcoming-games-decrease-btn"
class="fa fa-chevron-down"
aria-hidden="true"
>< / i >
< a style = "position: relative; bottom: 30px; left: 10px"
>Sort Order< /a
>
< br / >
< br / >
< i
id="upcoming-games-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 >
<!-- Sports (Past games) -->
< div class = "page" id = "Page8" 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" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed8Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed8"
class="form-select speed-select"
>
2022-03-07 09:25:13 +00:00
< option { % if past_games . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if past_games . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if past_games . speed = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeedRow8Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed (Row 2):
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow8"
class="form-select speed-select"
>
2022-03-08 07:03:02 +00:00
< option { % if past_games . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if past_games . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if past_games . speed2 = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition8"
class="form-select animation-select"
>
2022-03-07 09:25:13 +00:00
< option { % if past_games . animation = = ' down ' % } selected { % endif % } > Down< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if past_games . animation = = ' up ' % } selected { % endif % } > Up< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if past_games . animation = = ' continuous ' % } selected { % endif % } > Continuous< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTransition83Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Sport League:
< / label >
< / div >
< div class = "col-auto" >
< select id = "inputTransition83" class = "form-select" >
< option > NFL< / option >
< option > NBA< / option >
< option > NHL< / option >
2022-03-03 15:03:19 +00:00
< option > PREMIERLEAGUE< / option >
2022-06-11 16:04:50 +00:00
< option > MLB< / option >
< option > MLS< / option >
2023-01-09 10:29:06 +00:00
< option > PGA< / option >
< option > LPGA< / option >
< option > PGA_EU< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< div class = "col-auto" >
< button id = "inputTransitionBtn83" class = "btn set-btn" >
Add
< / button >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="flexCheckChecked22"
{%
if
past_games.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="past-games-features"
2022-06-11 05:24:14 +00:00
class="display-features-list text-white league-list"
2022-03-02 14:45:02 +00:00
>
{% for f in past_games.leagues.keys() %}
< li > {{f}}< / li >
{% endfor%}
< / ul >
< / div >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-12" >
< div class = "icons-list" >
< i
id="past-games-increase-btn"
class="fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="past-games-decrease-btn"
class="fa fa-chevron-down"
aria-hidden="true"
>< / i >
< a style = "position: relative; bottom: 30px; left: 10px"
>Sort Order< /a
>
< br / >
< br / >
< i
id="past-games-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 >
<!-- Sports (Live games) -->
< div class = "page" id = "Page9" 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" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed9Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed9"
class="form-select speed-select"
>
2022-03-07 09:25:13 +00:00
< option { % if live_games . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if live_games . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if live_games . speed = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeedRow9Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed (Row 2):
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow9"
class="form-select speed-select"
>
2022-03-08 07:03:02 +00:00
< option { % if live_games . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if live_games . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if live_games . speed2 = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition9"
class="form-select animation-select"
>
2022-03-07 09:25:13 +00:00
< option { % if live_games . animation = = ' down ' % } selected { % endif % } > Down< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if live_games . animation = = ' up ' % } selected { % endif % } > Up< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if live_games . animation = = ' continuous ' % } selected { % endif % } > Continuous< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTransition93Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Sport League:
< / label >
< / div >
< div class = "col-auto" >
< select id = "inputTransition93" class = "form-select" >
< option > NFL< / option >
< option > NBA< / option >
< option > NHL< / option >
2023-01-09 10:29:06 +00:00
< option > PREMIERLEAGUE< / option >
< option > MLB< / option >
< option > MLS< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< div class = "col-auto" >
< button id = "inputTransitionBtn93" class = "btn set-btn" >
Add
< / button >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="flexCheckChecked23"
{%
if
live_games.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="live-games-features"
2022-06-11 05:24:14 +00:00
class="display-features-list text-white league-list"
2022-03-02 14:45:02 +00:00
>
{% for f in live_games.leagues.keys() %}
< li > {{f}}< / li >
{% endfor%}
< / ul >
< / div >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-12" >
< div class = "icons-list" >
< i
id="live-games-increase-btn"
class="fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="live-games-decrease-btn"
class="fa fa-chevron-down"
aria-hidden="true"
>< / i >
< a style = "position: relative; bottom: 30px; left: 10px"
>Sort Order< /a
>
< br / >
< br / >
< i
id="live-games-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 >
<!-- Sports (Team Stats) -->
< div class = "page" id = "Page10" 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" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed10Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed10"
class="form-select speed-select"
>
2022-03-07 09:25:13 +00:00
< option { % if team_stats . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if team_stats . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if team_stats . speed = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeedRow10Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed (Row 2):
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow10"
class="form-select speed-select"
>
2022-03-08 07:03:02 +00:00
< option { % if team_stats . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if team_stats . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if team_stats . speed2 = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition10"
class="form-select animation-select"
>
2022-03-07 09:25:13 +00:00
< option { % if team_stats . animation = = ' down ' % } selected { % endif % } > Down< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if team_stats . animation = = ' up ' % } selected { % endif % } > Up< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if team_stats . animation = = ' continuous ' % } selected { % endif % } > Continuous< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTransition103Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Sport League:
< / label >
< / div >
< div class = "col-auto" >
< select id = "inputTransition103" class = "form-select" >
< option > NFL< / option >
< option > NBA< / option >
< option > NHL< / option >
2022-03-03 15:03:19 +00:00
< option > PREMIERLEAGUE< / option >
2022-06-11 16:04:50 +00:00
< option > MLB< / option >
< option > MLS< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< div class = "col-auto" >
< button id = "inputTransitionBtn103" class = "btn set-btn" >
Add
< / button >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="flexCheckChecked24"
{%
if
team_stats.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="team-stats-features"
2022-06-11 05:24:14 +00:00
class="display-features-list text-white league-list"
2022-03-02 14:45:02 +00:00
>
{% for f in team_stats.leagues.keys() %}
< li > {{f}}< / li >
{% endfor%}
< / ul >
< / div >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-12" >
< div class = "icons-list" >
< i
id="team-stats-increase-btn"
class="fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="team-stats-decrease-btn"
class="fa fa-chevron-down"
aria-hidden="true"
>< / i >
< a style = "position: relative; bottom: 30px; left: 10px"
>Sort Order< /a
>
< br / >
< br / >
< i
id="team-stats-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 >
2023-01-09 08:31:18 +00:00
<!-- Movies -->
< div class = "page" id = "Page16" 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 = "inputScrollSpeedZ22" class = "col-form-label"
>Scroll Speed:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed22"
class="form-select speed-select"
>
< option { % if movie_settings . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if movie_settings . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
< option { % if movie_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 = "inputScrollSpeedRowZ22" class = "col-form-label"
>Scroll Speed (Row 2):
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow16"
class="form-select speed-select"
>
< option { % if movie_settings . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if movie_settings . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
< option { % if movie_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 = "inputTransitionZ22" class = "col-form-label"
>Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition22"
class="form-select animation-select"
>
< option { % if movie_settings . animation = = ' down ' % } selected { % endif % } > Down< / option >
< option { % if movie_settings . animation = = ' up ' % } selected { % endif % } > Up< / option >
< option { % if movie_settings . animation = = ' continuous ' % } selected { % endif % } > Continuous< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" style = "padding-bottom: 25px;" >
< div class = "col-auto" >
< label for = "inputTransition64Z" class = "col-form-label"
>Category:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition64"
class="form-select category-select movie-categories"
>
< option { % if movie_settings . category = = ' Popular All ' % } selected { % endif % } > Popular All< / option >
< option { % if movie_settings . category = = ' Popular TV ' % } selected { % endif % } > Popular TV< / option >
< option { % if movie_settings . category = = ' Popular Movies ' % } selected { % endif % } > Popular Movies< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center left-div" >
< div class = "col-auto" >
< label for = "inputTransitionZ22" class = "col-form-label"
>Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="flexCheckChecked40"
{%
if
movie_settings.title%}
checked
{%endif%}
/>
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputText" class = "col-form-label" > API Key: < / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="api-key-movie"
placeholder="Movies API Key"
class="form-control api-key"
aria-describedby="TextHelpInline"
value="{{ movie_api_key }}"
/>
< / div >
< div class = "col-auto" >
< button id = "movie-api-btn" class = "btn set-btn" onClick = "showMovieP()" > Add< / button >
< / div >
< p id = "movie-api-p" style = "display: none" > New movies API key detected, please restart the ticker in order for the feature to work properly.< / p >
< / 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="movies-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="movies-increase-btn"
class="upbutton fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="movies-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="movies-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 >
2022-03-02 14:45:02 +00:00
<!-- Custom Images -->
< div class = "page" id = "Page11" 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 left-div" >
< div class = "col-auto" >
< label for = "inputText" class = "col-form-label"
>Image File:
< / label >
< / div >
< div class = "col-auto" >
< input
type="file"
id="inputText11"
class="form-control"
aria-describedby="TextHelpInline"
placeholder="Browse"
/>
< / div >
< div class = "col-auto" >
< button id = "inputTextBtn11" class = "btn set-btn" > Add< / button >
< / div >
< / div >
< div id = "limit-msg" >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed11Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed11"
class="form-select speed-select"
>
2022-03-07 09:25:13 +00:00
< option { % if image_settings . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if image_settings . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if image_settings . speed = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeedRow11Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed (Row 2):
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow11"
class="form-select speed-select"
>
2022-03-08 07:03:02 +00:00
< option { % if image_settings . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if image_settings . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if image_settings . speed2 = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTransition11Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition11"
class="form-select animation-select"
>
2022-03-07 09:25:13 +00:00
< option { % if image_settings . animation = = ' down ' % } selected { % endif % } > Down< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if image_settings . animation = = ' up ' % } selected { % endif % } > Up< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if image_settings . animation = = ' continuous ' % } selected { % endif % } > Continuous< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Pause on screen (Seconds)
< / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="inputText12"
class="form-control pause-select"
aria-describedby="TextHelpInline"
value="{{image_settings.pause}}"
/>
< / div >
<!--
< div class = "col-auto" >
< input
class="form-check-input"
type="checkbox"
value=""
id="flexCheckChecked26"
checked
/>
< / div >
-->
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
id="flexCheckChecked25"
{%
if
image_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="images-features"
2022-06-11 05:24:14 +00:00
class="display-features-list text-white image-list"
2022-03-02 14:45:02 +00:00
>
{% for f in image_settings.images %}
< li > {{f}}< / li >
{% endfor%}
< / ul >
< / div >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-12" >
< div class = "icons-list" >
< i
id="images-increase-btn"
class="fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="images-decrease-btn"
class="fa fa-chevron-down"
aria-hidden="true"
>< / i >
< a style = "position: relative; bottom: 30px; left: 10px"
>Sort Order< /a
>
< br / >
< br / >
< i
id="images-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 GIFs -->
< div class = "page" id = "Page12" 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 left-div" >
< div class = "col-auto" >
< label for = "inputText" class = "col-form-label"
>GIF File:
< / label >
< / div >
< div class = "col-auto" >
< input
type="file"
id="inputText1112"
class="form-control"
aria-describedby="TextHelpInline"
placeholder="Browse"
/>
< / div >
< div class = "col-auto" >
< button id = "inputTextBtn1112" class = "btn set-btn" >
Add
< / button >
< / div >
< / div >
< div id = "limit-msg" >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed12Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed12"
class="form-select speed-select"
>
2022-03-07 09:25:13 +00:00
< option { % if GIF_settings . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if GIF_settings . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if GIF_settings . speed = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeedRow12Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed (Row 2):
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow12"
class="form-select speed-select"
>
2022-03-08 07:03:02 +00:00
< option { % if GIF_settings . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if GIF_settings . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if GIF_settings . speed2 = = ' fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition11" class = "col-form-label"
>Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition12"
class="form-select animation-select"
>
2022-03-07 09:25:13 +00:00
< option { % if GIF_settings . animation = = ' down ' % } selected { % endif % } > Down< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if GIF_settings . animation = = ' up ' % } selected { % endif % } > Up< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if GIF_settings . animation = = ' continuous ' % } selected { % endif % } > Continuous< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Pause on screen (Seconds)
< / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="inputText112"
class="form-control pause-select"
aria-describedby="TextHelpInline"
value="{{GIF_settings.pause}}"
/>
< / div >
<!--
< div class = "col-auto" >
< input
class="form-check-input"
type="checkbox"
value=""
id="flexCheckChecked27"
checked
/>
< / div >
-->
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="flexCheckChecked28"
{%
if
GIF_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="gifs-features"
2022-06-11 05:24:14 +00:00
class="display-features-list text-white image-list"
2022-03-02 14:45:02 +00:00
>
{% for f in GIF_settings.images %}
< li > {{f}}< / li >
{% endfor%}
< / ul >
< / div >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-12" >
< div class = "icons-list" >
< i
id="gifs-increase-btn"
class="fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="gifs-decrease-btn"
class="fa fa-chevron-down"
aria-hidden="true"
>< / i >
< a style = "position: relative; bottom: 30px; left: 10px"
>Sort Order< /a
>
< br / >
< br / >
< i
id="gifs-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 Messages -->
< div class = "page" id = "Page13" 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 left-div" >
< div class = "col-auto" >
< label for = "inputText" class = "col-form-label"
>Message Name:
< / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="inputText13"
class="form-control"
aria-describedby="TextHelpInline"
2022-06-10 10:11:20 +00:00
placeholder="Message Title"
2022-03-02 14:45:02 +00:00
/>
< / div >
< div class = "col-auto" >
2022-06-11 16:28:46 +00:00
< button id = "inputTextBtn13" class = "btn set-btn" onclick = "customMsgValidate()" > Add< / button >
2022-03-02 14:45:02 +00:00
< / div >
2022-06-11 16:28:46 +00:00
< p id = "demo4" style = "display: none" > < / p >
2022-03-02 14:45:02 +00:00
< / div >
< div id = "limit-msg" >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed13Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed13"
class="form-select speed-select"
>
2022-03-07 09:25:13 +00:00
< option { % if message_settings . speed = = ' Medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if message_settings . speed = = ' Slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if message_settings . speed = = ' Fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeedRow13Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Scroll Speed (Row 2):
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow13"
class="form-select speed-select"
>
2022-03-08 07:03:02 +00:00
< option { % if message_settings . speed2 = = ' Medium ' % } selected { % endif % } > Medium< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if message_settings . speed2 = = ' Slow ' % } selected { % endif % } > Slow< / option >
2022-03-02 14:45:02 +00:00
2022-03-08 07:03:02 +00:00
< option { % if message_settings . speed2 = = ' Fast ' % } selected { % endif % } > Fast< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputTransition13Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputTransition13"
class="form-select animation-select"
>
2022-03-07 09:25:13 +00:00
< option { % if message_settings . animation = = ' Down ' % } selected { % endif % } > Down< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if message_settings . animation = = ' Up ' % } selected { % endif % } > Up< / option >
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if message_settings . animation = = ' Continuous ' % } selected { % endif % } > Continuous< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputText14Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Message:
< / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="inputText14"
class="form-control message-input"
aria-describedby="TextHelpInline"
2022-06-10 10:11:20 +00:00
placeholder="Custom Message"
2022-03-02 14:45:02 +00:00
/>
< / div >
2022-06-11 16:28:46 +00:00
2022-06-14 10:12:28 +00:00
< p id = "demo5" style = "display: none" > < / p >
2022-03-02 14:45:02 +00:00
< / div >
<!--
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputText15" class = "col-form-label"
>Optional Message (row 2):
< / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="inputText15"
class="form-control"
aria-describedby="TextHelpInline"
/>
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputScrollSpeed14" class = "col-form-label"
>Border Color:
< / label >
< / div >
< div class = "col-auto" >
< select id = "inputScrollSpeed14" class = "form-select" >
< option > Rainbow< / option >
< option > < / option >
< option > < / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputScrollSpeed15" class = "col-form-label"
>Border:
< / label >
< / div >
< div class = "col-auto" >
< select id = "inputScrollSpeed15" class = "form-select" >
< option > Dotted< / option >
< option > < / option >
< option > < / option >
< / select >
< / div >
< / div >
-->
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed16Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Text Color:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed16"
class="form-select text-colour"
>
< option > Black< / option >
2023-01-09 04:42:23 +00:00
< option > White< / option >
2022-03-02 14:45:02 +00:00
< option > Red< / option >
< option > Green< / option >
2023-01-09 04:42:23 +00:00
< option > Dark Green< / option >
2022-03-02 14:45:02 +00:00
< option > Blue< / option >
< option > Purple< / option >
2023-01-09 04:42:23 +00:00
< option > Pink< / option >
2022-03-02 14:45:02 +00:00
< option > Yellow< / option >
2023-01-09 04:42:23 +00:00
< option > Orange< / option >
< option > Gold< / option >
< option > Gray< / option >
2022-03-02 14:45:02 +00:00
< option > Cyan< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed17Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Text Size:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed17"
class="form-select text-size"
>
< option > Large< / option >
< option > Medium< / option >
< option > Small< / option >
< / select >
< / div >
< / div >
<!--
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputScrollSpeed18" class = "col-form-label"
>Font:
< / label >
< / div >
< div class = "col-auto" >
< select id = "inputScrollSpeed18" class = "form-select" >
< option > Arial< / option >
< option > < / option >
< option > < / option >
< / select >
< / div >
< / div >
-->
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed19Z" class = "col-form-label"
2022-03-02 14:45:02 +00:00
>Background Color:
< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed19"
class="form-select back-colour"
>
< option > Black< / option >
< option > White< / option >
< option > Red< / option >
< option > Green< / option >
2023-01-09 04:42:23 +00:00
< option > Dark Green< / option >
2022-03-02 14:45:02 +00:00
< option > Blue< / option >
< option > Purple< / option >
2023-01-09 04:42:23 +00:00
< option > Pink< / option >
2022-03-02 14:45:02 +00:00
< option > Yellow< / option >
2023-01-09 04:42:23 +00:00
< option > Orange< / option >
< option > Gold< / option >
< option > Gray< / option >
2022-03-02 14:45:02 +00:00
< option > Cyan< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition" class = "col-form-label"
>Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="flexCheckChecked29"
{%
if
message_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="messages-features"
2022-06-11 05:24:14 +00:00
class="display-features-list text-white message-list"
2022-03-02 14:45:02 +00:00
>
{%for f in message_settings.messages %}
< li > {{f.name}}< / li >
{% endfor%}
< / ul >
< / div >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-12" >
< div class = "icons-list" >
< i
id="messages-increase-btn"
class="fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="messages-decrease-btn"
class="fa fa-chevron-down"
aria-hidden="true"
>< / i >
< a style = "position: relative; bottom: 30px; left: 10px"
>Sort Order< /a
>
< br / >
< br / >
< i
id="messages-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 >
< / div >
< / section >
< div class = "row-2" > < / div >
< section class = "stocks-features text-white row-3" >
< div
class="mx-auto my-5 d-flex align-items-center position-relative"
style="width: fit-content"
>
< div class = "mr-5" >
< div class = "mx-auto row g-3 align-items-center mb-2" >
< div class = "col-auto" >
< label
2022-06-11 11:52:14 +00:00
for="wifi-ssid-inputZ"
2022-03-02 14:45:02 +00:00
class="col-form-label text-right w-115-px"
>Wi-Fi SSID:
< / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="wifi-ssid-input"
class="form-control"
2022-06-11 16:00:27 +00:00
placeholder="Wi-Fi SSID"
2022-03-02 14:45:02 +00:00
aria-describedby="TextHelpInline"
2022-03-02 15:14:30 +00:00
value="{{ wifi_SSID }}"
2022-03-02 14:45:02 +00:00
/>
< / div >
< / div >
< div class = "mx-auto row g-3 align-items-center mt-2" >
< div class = "col-auto" >
< label
for="wi-fi-pass-input"
class="col-form-label text-right w-115-px"
>Wi-Fi password:
< / label >
< / div >
< div class = "col-auto" >
< input
type="password"
id="wifi-pass-input"
2022-06-11 16:00:27 +00:00
placeholder="Wi-Fi password"
2022-03-02 14:45:02 +00:00
class="form-control"
aria-describedby="TextHelpInline"
2022-06-11 16:00:27 +00:00
value="{{ wifi_PSK }}"
2022-03-02 14:45:02 +00:00
/>
< / div >
< / div >
2022-06-11 05:30:30 +00:00
< input type = "checkbox" class = "form-check-input pass-toggle" onclick = "togglePass()" > Show Password
2022-03-02 14:45:02 +00:00
< div class = "mx-auto row g-3 align-items-center mt-2" >
< div class = "col-auto" >
< label
2022-06-11 11:52:14 +00:00
for="country-code-inputZ"
2022-03-02 14:45:02 +00:00
class="col-form-label text-right w-115-px"
>Two Letter Country Code:
< / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="country-code-input"
2022-06-11 16:00:27 +00:00
placeholder="2 Letter Country Code"
2022-03-02 14:45:02 +00:00
class="form-control"
aria-describedby="TextHelpInline"
value={{ general_settings.country_code }}
/>
< / div >
< / div >
< div >
< / div >
< / div >
2022-06-11 05:40:24 +00:00
< button class = "btn set-btn" id = "join-network-btn" onClick = showDivTwo() >
2022-03-02 14:45:02 +00:00
Join Network
< / button >
< div id = "network-status" style = "padding-left:2%;padding-right:2%" > < / div >
< div class = "status rounded-circle" id = "circle-1" style = "display:none" > < / div >
< div class = "status rounded-circle" id = "circle-2" style = "display:none" > < / div >
< div class = "status rounded-circle" id = "circle-3" style = "display:none" > < / div >
< / div >
< / section >
2022-06-11 05:36:29 +00:00
< svg class = "svg--source" width = "0" height = "0" aria-hidden = "true" >
< symbol id = "svg--twitter" viewbox = "0 -7 15 30" >
< path d = "M15.36 3.434c-0.542 0.241-1.124 0.402-1.735 0.476 0.624-0.374 1.103-0.966 1.328-1.67-0.583 0.346-1.23 0.598-1.917 0.733-0.551-0.587-1.336-0.954-2.205-0.954-1.668 0-3.020 1.352-3.020 3.019 0 0.237 0.026 0.467 0.078 0.688-2.51-0.126-4.735-1.328-6.224-3.155-0.261 0.446-0.41 0.965-0.41 1.518 0 1.048 0.534 1.972 1.344 2.514-0.495-0.016-0.961-0.151-1.368-0.378 0 0.013 0 0.025 0 0.038 0 1.463 1.042 2.683 2.422 2.962-0.253 0.069-0.52 0.106-0.796 0.106-0.194 0-0.383-0.018-0.568-0.054 0.384 1.2 1.5 2.073 2.821 2.097-1.034 0.81-2.335 1.293-3.75 1.293-0.244 0-0.484-0.014-0.72-0.042 1.336 0.857 2.923 1.357 4.63 1.357 5.554 0 8.592-4.602 8.592-8.593 0-0.13-0.002-0.261-0.009-0.39 0.59-0.426 1.102-0.958 1.507-1.563z"
/>
< / symbol >
< symbol id = "svg--trello" viewBox = "-150 0 748 512" >
< path d = "M392.3 32H56.1C25.1 32 0 57.1 0 88c-.1 0 0-4 0 336 0 30.9 25.1 56 56 56h336.2c30.8-.2 55.7-25.2 55.7-56V88c.1-30.8-24.8-55.8-55.6-56zM197 371.3c-.2 14.7-12.1 26.6-26.9 26.6H87.4c-14.8.1-26.9-11.8-27-26.6V117.1c0-14.8 12-26.9 26.9-26.9h82.9c14.8 0 26.9 12 26.9 26.9v254.2zm193.1-112c0 14.8-12 26.9-26.9 26.9h-81c-14.8 0-26.9-12-26.9-26.9V117.2c0-14.8 12-26.9 26.8-26.9h81.1c14.8 0 26.9 12 26.9 26.9v142.1z" / > < / symbol >
< symbol id = "svg--discord" viewBox = "-100 0 840 512" >
< path d = "M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z" / >
< / symbol >
< symbol id = "svg--facebook" viewbox = "0 -7 16 30" >
< path d = "M12 3.303h-2.285c-0.27 0-0.572 0.355-0.572 0.831v1.65h2.857v2.352h-2.857v7.064h-2.698v-7.063h-2.446v-2.353h2.446v-1.384c0-1.985 1.378-3.6 3.269-3.6h2.286v2.503z" / >
< / symbol >
< symbol id = "svg--instagram" viewBox = "-150 0 748 512" >
< path d = "M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" / >
< / symbol >
< symbol id = "svg--reddit" viewBox = "-100 0 712 512" >
< path d = "M440.3 203.5c-15 0-28.2 6.2-37.9 15.9-35.7-24.7-83.8-40.6-137.1-42.3L293 52.3l88.2 19.8c0 21.6 17.6 39.2 39.2 39.2 22 0 39.7-18.1 39.7-39.7s-17.6-39.7-39.7-39.7c-15.4 0-28.7 9.3-35.3 22l-97.4-21.6c-4.9-1.3-9.7 2.2-11 7.1L246.3 177c-52.9 2.2-100.5 18.1-136.3 42.8-9.7-10.1-23.4-16.3-38.4-16.3-55.6 0-73.8 74.6-22.9 100.1-1.8 7.9-2.6 16.3-2.6 24.7 0 83.8 94.4 151.7 210.3 151.7 116.4 0 210.8-67.9 210.8-151.7 0-8.4-.9-17.2-3.1-25.1 49.9-25.6 31.5-99.7-23.8-99.7zM129.4 308.9c0-22 17.6-39.7 39.7-39.7 21.6 0 39.2 17.6 39.2 39.7 0 21.6-17.6 39.2-39.2 39.2-22 .1-39.7-17.6-39.7-39.2zm214.3 93.5c-36.4 36.4-139.1 36.4-175.5 0-4-3.5-4-9.7 0-13.7 3.5-3.5 9.7-3.5 13.2 0 27.8 28.5 120 29 149 0 3.5-3.5 9.7-3.5 13.2 0 4.1 4 4.1 10.2.1 13.7zm-.8-54.2c-21.6 0-39.2-17.6-39.2-39.2 0-22 17.6-39.7 39.2-39.7 22 0 39.7 17.6 39.7 39.7-.1 21.5-17.7 39.2-39.7 39.2z" / >
< / symbol >
< symbol id = "svg--youtube" viewbox = "-150 -150 800 800" >
< path d = "M459,61.2C443.7,56.1,349.35,51,255,51c-94.35,0-188.7,5.1-204,10.2C10.2,73.95,0,163.2,0,255s10.2,181.05,51,193.8
C66.3,453.9,160.65,459,255,459c94.35,0,188.7-5.1,204-10.2c40.8-12.75,51-102,51-193.8S499.8,73.95,459,61.2z M204,369.75v-229.5
L357,255L204,369.75z" />
< / symbol >
< / svg >
< div class = "wrapper" >
< div class = "connect" >
< a href = "https://twitter.com/Finticofficial" target = "_blank" class = "share twitter" >
< svg role = "presentation" class = "svg--icon" >
< use xlink:href = "#svg--twitter" / >
< / svg >
< span class = "clip" > TWITTER< / span >
< / a >
< a href = "https://www.instagram.com/fintic.io/" target = "_blank" class = "share instagram" >
< svg role = "presentation" class = "svg--icon" >
< use xlink:href = "#svg--instagram" / >
< span class = "clip" > INSTAGRAM< / span >
< / svg >
< / a >
< a href = "https://www.youtube.com/channel/UCTHJ3rnZn0O-P7dtk_WGCxg" target = "_blank" class = "share youtube" >
< svg role = "presentation" class = "svg--icon" >
< use xlink:href = "#svg--youtube" / >
< span class = "clip" > YOU-TUBE< / span >
< / svg >
< / a >
< a href = "https://www.facebook.com/fintic.io" target = "_blank" rel = "author" class = "share facebook" >
< svg role = "presentation" class = "svg--icon" >
< use xlink:href = "#svg--facebook" / >
< span class = "clip" > FACEBOOK< / span >
< / svg >
< / a >
< a href = "https://discord.gg/tdwN3QfrM2" target = "_blank" rel = "author" class = "share discord" >
< svg role = "presentation" class = "svg--icon" >
< use xlink:href = "#svg--discord" / >
< span class = "clip" > DISCORD< / span >
< / svg >
< / a >
< a href = "https://www.reddit.com/r/fintic/" target = "_blank" class = "share reddit" >
< svg role = "presentation" class = "svg--icon" >
< use xlink:href = "#svg--reddit" / >
< span class = "clip" > REDDIT< / span >
< / svg >
< / a >
< a href = "https://trello.com/b/EkQQnA9d/fintic-official-dev-board" target = "_blank" class = "share trello" >
< svg role = "presentation" class = "svg--icon" >
< use xlink:href = "#svg--trello" / >
< span class = "clip" > TRELLO< / span >
< / svg >
< / a >
< / div >
< / div >
2022-03-02 14:45:02 +00:00
<!-- Footer -->
< footer class = "footer" >
2023-01-09 10:26:15 +00:00
< p > © 2020-2023 Fintic Limited., All Rights Reserved. < a href = "mailto:info@fintic.io" id = "footerlinks" > Contact Us.< / a > < / p >
2022-03-02 14:45:02 +00:00
2023-01-09 08:34:43 +00:00
< p > Data Provided by IEX Cloud, Openweathermap, CoinGecko, Exchangerate-API, TheSportsDB, Commodities-API, NewsAPI, Yahoo Finance, ESPN, The Movie DB< / p >
2022-03-02 14:45:02 +00:00
2022-06-11 05:32:50 +00:00
< p > Useful resources: < a href = "https://www.youtube.com/playlist?list=PLf8pW0bNjnebNZh3y0AsY18sxJj6IhAsv" id = "footerlinks" target = "_blank" > YouTube Tutorials< / a > , < a href = "https://docs.google.com/spreadsheets/d/1IZkEl49j97xvG8jcEdWc5XdOLOUb_-ZLVHle2vezWCc/edit?usp=sharing" id = "footerlinks" target = "_blank" > Formatting Guide & Info< / a > , < a href = "https://fintic.io" id = "footerlinks" target = "_blank" > Official Website< / p >
2022-03-02 14:45:02 +00:00
< / footer >
< / div >
< script src = "{{ url_for('static', filename='js/jquery-2.1.1.js') }}" > < / script >
2022-06-21 08:19:14 +00:00
<!-- <script src="{{ url_for('static', filename='app.js') }}"></script>. ALWAYS CHANGE VERSIONING WHENEVER CHANGES ARE MADE TO AVOID BAD CACHING -->
2023-01-09 10:31:11 +00:00
< script type = 'text/javascript' src = '../static/app.js?ver=1.3' > < / script >
2022-03-02 14:45:02 +00:00
< script >
$("#drop").on("change", function () {
var value = $(this).val();
if (value) {
$(".page").hide();
$("#Page" + value).show();
}
});
// check / uncheck category and country checkboxes
$('.news_check_class').on('change', function() {
$('.news_check_class').not(this).prop('checked', false);
});
setInterval(async () => {
// const result = await checkOnlineStatus();
const statusDisplay = $("#network-status");
var result;
// try to send a request to some server
try {
const online = await fetch("https://static-global-s-msn-com.akamaized.net/hp-neu/sc/2b/a5ea21.ico?d="+Date.now());
console.log(online.status);
if (online.status >= 200 & & online.status < 300 ) {
statusDisplay.text("Connected");
$('#circle-1').show();
$('#circle-2').hide();
$('#circle-3').hide();
} // either true or false
else {
statusDisplay.text("Connected but No Internet");
$('#circle-1').hide();
$('#circle-2').hide();
$('#circle-3').show();
}
} catch (err) {
statusDisplay.text("Offline"); // definitely offline
$('#circle-1').hide();
$('#circle-2').show();
$('#circle-3').hide();
}
}, 3000);
< / script >
< / body >
< / html >
