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" / >
2023-02-24 04:44:21 +00:00
< title > Fintic - Web Control Panel< / title >
2023-02-24 05:09:31 +00:00
< link rel = "icon" type = "image/png" href = "/static/images/favicon.png" >
2022-03-02 14:45:02 +00:00
<!-- 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-08-01 09:44:06 +00:00
< link rel = "stylesheet" type = "text/css" href = "../static/style.css?ver=1.3.8" / >
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;" >
2023-02-04 08:24:47 +00:00
< p style = "color:white; font-size:40px; text-align: center; margin-top: 20%;" class = "asdasd" > Ticker is shutting down / rebooting / resetting. Refresh web page when ticker is booted up again.< / p >
2023-01-30 13:35:07 +00:00
< / 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 >
2023-04-24 12:05:37 +00:00
Hostname: < span id = "host-name" > {{ general_settings.hostname }}< / span > .local:1024< br >
Scheduled Shutdown: < span id = "host-name" > {{ scheduler_settings.shutdown.hour }}:{{scheduler_settings.shutdown.minute}} {{scheduler_settings.timezone}}< / span >
< span id = "host-name" > Enabled:{{scheduler_settings.shutdown.enabled}}< / span > < br >
Scheduled Reboot: < span id = "host-name" > {{ scheduler_settings.reboot.hour }}:{{scheduler_settings.reboot.minute}} {{scheduler_settings.timezone}}< / span >
2023-04-28 14:43:23 +00:00
< span id = "host-name" > Enabled:{{scheduler_settings.reboot.enabled}}< / span > < br >
Scheduled Brightness: {% if scheduler_settings.brightness1.enabled or scheduler_settings.brightness2.enabled
or scheduler_settings.brightness3.enabled or scheduler_settings.brightness4.enabled %}< span id = "host-name" > Enabled< / span >
{% else %}< span id = "host-name" > Disabled< / span > {% endif %}
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-08-01 09:44:06 +00:00
< p class = "text-white" id = "version-text" > Version 1.3.8< / p >
2023-02-23 05:04:39 +00:00
< p class = "text-white" id = "version-text" > < a href = "https://docs.google.com/document/d/1TzvukZv_0Pd3TUM6Xe2wEkymn9uIT2qXUBFnMCQwp5g/edit?usp=sharing" target = "_blank" id = "footerlinks" > Changelog< / a > < / 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
2023-01-30 13:42:24 +00:00
< div id = "update-message" style = "display:none;width:100%;height:100%;" > < 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 >
2022-06-11 05:40:24 +00:00
< div id = "wifi-message" style = "display:none" > < p id = "wifi-p" > Joining Wi-Fi, please restart the ticker.< / p > < / div >
2023-07-17 10:15:09 +00:00
<!-- SAVE PROMPT MESSAGE -->
< div id = "save-prompt-message" style = "display:none" >
< button id = "save-prompt-close-btn" onclick = "closeSavePrompt()" > Close< / button >
< p id = "save-prompt-p" > Features to Display - Changes detected.< / p >
< button class = "btn set-btn" id = "save-prompt-btn" onclick = "savePrompt()" > Save< / button >
< / div >
2023-07-19 06:50:59 +00:00
< div id = "saved-msg-feedback" style = "display:none" > Features to Display -< br > Saved!< br > Restarting display.< / div >
2023-07-17 10:15:09 +00:00
2023-07-18 09:39:23 +00:00
<!-- SAVE FEATURE SETTINGS PROMPT MESSAGE -->
< div id = "save-feature-prompt-message" style = "display:none" >
< button id = "save-feature-prompt-close-btn" onclick = "closeFeatureSavePrompt()" > Close< / button >
2023-07-18 16:55:35 +00:00
< p id = "save-feature-prompt-p" > Stocks Settings - Changes detected.< / p >
2023-07-18 09:39:23 +00:00
< button class = "btn set-btn" id = "save-feature-prompt-btn" onclick = "featureSavePrompt()" > Save< / button >
< / div >
2023-07-18 16:55:35 +00:00
< div id = "saved-feature-msg-feedback" style = "display:none" > Stocks Settings -< br > Saved!< / div >
2022-03-02 14:45:02 +00:00
2023-07-18 09:39:23 +00:00
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 >
2023-02-23 05:25:34 +00:00
< option > Rotating Square< / option >
2022-03-02 14:45:02 +00:00
< option > Pulsating brightness< / option >
2023-02-23 05:25:34 +00:00
< option > Grayscale Block< / option >
< option > Abelian Sandpile Model< / option >
< option > Conway's Game of Life< / option >
< option > Evolution of Color< / option >
< option > Volume Bars< / option >
2022-03-02 14:45:02 +00:00
< 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" >
2023-04-21 10:50:28 +00:00
< div class = "col-lg-11 col-md-11 col-sm-11" style = "padding-top:2%; width: 50%;" >
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 >
2023-04-21 10:50:28 +00:00
< div class = "col-lg-2 col-md-2 col-sm-2" style = "width:50%;margin-top: 3%;padding-left:20%;" >
< a id = "scheduler-btn" class = "btn btn-scheduler" onclick = "showScheduler()" > Scheduler Settings< / a >
< / div >
2022-03-02 14:45:02 +00:00
< / div > < br >
2023-04-22 10:13:23 +00:00
< div id = "scheduler-div" style = "display:none" >
2023-04-21 10:50:28 +00:00
< div id = "scheduler-top" >
< h3 id = "scheduler-p" > Scheduler Settings< / h3 >
< button id = "scheduler-close-btn" onclick = "closeScheduler()" > Close< / button >
< div id = "inside-scheduler-div" >
< p id = "shutdowns-p" > Shutdowns (Daily):< / p >
< div class = "col-auto" >
Hour
2023-04-22 10:13:23 +00:00
< select class = "form-select hour-select" id = "shutdown-hour-select" >
2023-04-24 11:43:08 +00:00
< option { % if scheduler_settings . shutdown . hour = = ' 00 ' % } selected { % endif % } > 00< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 01 ' % } selected { % endif % } > 01< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 02 ' % } selected { % endif % } > 02< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 03 ' % } selected { % endif % } > 03< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 04 ' % } selected { % endif % } > 04< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 05 ' % } selected { % endif % } > 05< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 06 ' % } selected { % endif % } > 06< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 07 ' % } selected { % endif % } > 07< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 08 ' % } selected { % endif % } > 08< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 09 ' % } selected { % endif % } > 09< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 10 ' % } selected { % endif % } > 10< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 11 ' % } selected { % endif % } > 11< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 12 ' % } selected { % endif % } > 12< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 13 ' % } selected { % endif % } > 13< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 14 ' % } selected { % endif % } > 14< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 15 ' % } selected { % endif % } > 15< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 16 ' % } selected { % endif % } > 16< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 17 ' % } selected { % endif % } > 17< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 18 ' % } selected { % endif % } > 18< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 19 ' % } selected { % endif % } > 19< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 20 ' % } selected { % endif % } > 20< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 21 ' % } selected { % endif % } > 21< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 22 ' % } selected { % endif % } > 22< / option >
< option { % if scheduler_settings . shutdown . hour = = ' 23 ' % } selected { % endif % } > 23< / option >
2023-04-21 10:50:28 +00:00
< / select >
Minute
2023-04-22 10:13:23 +00:00
< select class = "form-select minute-select" id = "shutdown-minute-select" >
2023-04-24 11:43:08 +00:00
< option { % if scheduler_settings . shutdown . minute = = ' 00 ' % } selected { % endif % } > 00< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 01 ' % } selected { % endif % } > 01< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 02 ' % } selected { % endif % } > 02< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 03 ' % } selected { % endif % } > 03< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 04 ' % } selected { % endif % } > 04< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 05 ' % } selected { % endif % } > 05< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 06 ' % } selected { % endif % } > 06< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 07 ' % } selected { % endif % } > 07< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 08 ' % } selected { % endif % } > 08< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 09 ' % } selected { % endif % } > 09< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 10 ' % } selected { % endif % } > 10< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 11 ' % } selected { % endif % } > 11< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 12 ' % } selected { % endif % } > 12< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 13 ' % } selected { % endif % } > 13< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 14 ' % } selected { % endif % } > 14< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 15 ' % } selected { % endif % } > 15< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 16 ' % } selected { % endif % } > 16< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 17 ' % } selected { % endif % } > 17< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 18 ' % } selected { % endif % } > 18< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 19 ' % } selected { % endif % } > 19< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 20 ' % } selected { % endif % } > 20< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 21 ' % } selected { % endif % } > 21< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 22 ' % } selected { % endif % } > 22< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 23 ' % } selected { % endif % } > 23< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 24 ' % } selected { % endif % } > 24< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 25 ' % } selected { % endif % } > 25< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 26 ' % } selected { % endif % } > 26< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 27 ' % } selected { % endif % } > 27< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 28 ' % } selected { % endif % } > 28< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 29 ' % } selected { % endif % } > 29< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 30 ' % } selected { % endif % } > 30< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 31 ' % } selected { % endif % } > 31< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 32 ' % } selected { % endif % } > 32< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 33 ' % } selected { % endif % } > 33< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 34 ' % } selected { % endif % } > 34< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 35 ' % } selected { % endif % } > 35< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 36 ' % } selected { % endif % } > 36< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 37 ' % } selected { % endif % } > 37< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 38 ' % } selected { % endif % } > 38< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 39 ' % } selected { % endif % } > 39< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 40 ' % } selected { % endif % } > 40< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 41 ' % } selected { % endif % } > 41< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 42 ' % } selected { % endif % } > 42< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 43 ' % } selected { % endif % } > 43< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 44 ' % } selected { % endif % } > 44< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 45 ' % } selected { % endif % } > 45< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 46 ' % } selected { % endif % } > 46< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 47 ' % } selected { % endif % } > 47< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 48 ' % } selected { % endif % } > 48< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 49 ' % } selected { % endif % } > 49< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 50 ' % } selected { % endif % } > 50< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 51 ' % } selected { % endif % } > 51< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 52 ' % } selected { % endif % } > 52< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 53 ' % } selected { % endif % } > 53< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 54 ' % } selected { % endif % } > 54< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 55 ' % } selected { % endif % } > 55< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 56 ' % } selected { % endif % } > 56< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 57 ' % } selected { % endif % } > 57< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 58 ' % } selected { % endif % } > 58< / option >
< option { % if scheduler_settings . shutdown . minute = = ' 59 ' % } selected { % endif % } > 59< / option >
< / select >
2023-04-21 10:50:28 +00:00
< label for = "inputTransitionZ" class = "col-form-label" > Enable< / label >
2023-04-22 10:13:23 +00:00
< input class = "scheduler-hour-select" type = "checkbox" value = "" id = "shutdown-enabled"
2023-04-24 11:43:08 +00:00
{% if scheduler_settings.shutdown.enabled %} checked {%endif%}/>
2023-04-21 10:50:28 +00:00
< / div >
< p id = "reboots-p" > Reboots (Daily):< / p >
< div class = "col-auto" >
Hour
2023-04-22 10:13:23 +00:00
< select class = "form-select hour-select" id = "reboot-hour-select" >
2023-04-24 11:43:08 +00:00
< option { % if scheduler_settings . reboot . hour = = ' 00 ' % } selected { % endif % } > 00< / option >
< option { % if scheduler_settings . reboot . hour = = ' 01 ' % } selected { % endif % } > 01< / option >
< option { % if scheduler_settings . reboot . hour = = ' 02 ' % } selected { % endif % } > 02< / option >
< option { % if scheduler_settings . reboot . hour = = ' 03 ' % } selected { % endif % } > 03< / option >
< option { % if scheduler_settings . reboot . hour = = ' 04 ' % } selected { % endif % } > 04< / option >
< option { % if scheduler_settings . reboot . hour = = ' 05 ' % } selected { % endif % } > 05< / option >
< option { % if scheduler_settings . reboot . hour = = ' 06 ' % } selected { % endif % } > 06< / option >
< option { % if scheduler_settings . reboot . hour = = ' 07 ' % } selected { % endif % } > 07< / option >
< option { % if scheduler_settings . reboot . hour = = ' 08 ' % } selected { % endif % } > 08< / option >
< option { % if scheduler_settings . reboot . hour = = ' 09 ' % } selected { % endif % } > 09< / option >
< option { % if scheduler_settings . reboot . hour = = ' 10 ' % } selected { % endif % } > 10< / option >
< option { % if scheduler_settings . reboot . hour = = ' 11 ' % } selected { % endif % } > 11< / option >
< option { % if scheduler_settings . reboot . hour = = ' 12 ' % } selected { % endif % } > 12< / option >
< option { % if scheduler_settings . reboot . hour = = ' 13 ' % } selected { % endif % } > 13< / option >
< option { % if scheduler_settings . reboot . hour = = ' 14 ' % } selected { % endif % } > 14< / option >
< option { % if scheduler_settings . reboot . hour = = ' 15 ' % } selected { % endif % } > 15< / option >
< option { % if scheduler_settings . reboot . hour = = ' 16 ' % } selected { % endif % } > 16< / option >
< option { % if scheduler_settings . reboot . hour = = ' 17 ' % } selected { % endif % } > 17< / option >
< option { % if scheduler_settings . reboot . hour = = ' 18 ' % } selected { % endif % } > 18< / option >
< option { % if scheduler_settings . reboot . hour = = ' 19 ' % } selected { % endif % } > 19< / option >
< option { % if scheduler_settings . reboot . hour = = ' 20 ' % } selected { % endif % } > 20< / option >
< option { % if scheduler_settings . reboot . hour = = ' 21 ' % } selected { % endif % } > 21< / option >
< option { % if scheduler_settings . reboot . hour = = ' 22 ' % } selected { % endif % } > 22< / option >
< option { % if scheduler_settings . reboot . hour = = ' 23 ' % } selected { % endif % } > 23< / option >
2023-04-21 10:50:28 +00:00
< / select >
Minute
2023-04-22 10:13:23 +00:00
< select class = "form-select minute-select" id = "reboot-minute-select" >
2023-04-24 11:43:08 +00:00
< option { % if scheduler_settings . reboot . minute = = ' 00 ' % } selected { % endif % } > 00< / option >
< option { % if scheduler_settings . reboot . minute = = ' 01 ' % } selected { % endif % } > 01< / option >
< option { % if scheduler_settings . reboot . minute = = ' 02 ' % } selected { % endif % } > 02< / option >
< option { % if scheduler_settings . reboot . minute = = ' 03 ' % } selected { % endif % } > 03< / option >
< option { % if scheduler_settings . reboot . minute = = ' 04 ' % } selected { % endif % } > 04< / option >
< option { % if scheduler_settings . reboot . minute = = ' 05 ' % } selected { % endif % } > 05< / option >
< option { % if scheduler_settings . reboot . minute = = ' 06 ' % } selected { % endif % } > 06< / option >
< option { % if scheduler_settings . reboot . minute = = ' 07 ' % } selected { % endif % } > 07< / option >
< option { % if scheduler_settings . reboot . minute = = ' 08 ' % } selected { % endif % } > 08< / option >
< option { % if scheduler_settings . reboot . minute = = ' 09 ' % } selected { % endif % } > 09< / option >
< option { % if scheduler_settings . reboot . minute = = ' 10 ' % } selected { % endif % } > 10< / option >
< option { % if scheduler_settings . reboot . minute = = ' 11 ' % } selected { % endif % } > 11< / option >
< option { % if scheduler_settings . reboot . minute = = ' 12 ' % } selected { % endif % } > 12< / option >
< option { % if scheduler_settings . reboot . minute = = ' 13 ' % } selected { % endif % } > 13< / option >
< option { % if scheduler_settings . reboot . minute = = ' 14 ' % } selected { % endif % } > 14< / option >
< option { % if scheduler_settings . reboot . minute = = ' 15 ' % } selected { % endif % } > 15< / option >
< option { % if scheduler_settings . reboot . minute = = ' 16 ' % } selected { % endif % } > 16< / option >
< option { % if scheduler_settings . reboot . minute = = ' 17 ' % } selected { % endif % } > 17< / option >
< option { % if scheduler_settings . reboot . minute = = ' 18 ' % } selected { % endif % } > 18< / option >
< option { % if scheduler_settings . reboot . minute = = ' 19 ' % } selected { % endif % } > 19< / option >
< option { % if scheduler_settings . reboot . minute = = ' 20 ' % } selected { % endif % } > 20< / option >
< option { % if scheduler_settings . reboot . minute = = ' 21 ' % } selected { % endif % } > 21< / option >
< option { % if scheduler_settings . reboot . minute = = ' 22 ' % } selected { % endif % } > 22< / option >
< option { % if scheduler_settings . reboot . minute = = ' 23 ' % } selected { % endif % } > 23< / option >
< option { % if scheduler_settings . reboot . minute = = ' 24 ' % } selected { % endif % } > 24< / option >
< option { % if scheduler_settings . reboot . minute = = ' 25 ' % } selected { % endif % } > 25< / option >
< option { % if scheduler_settings . reboot . minute = = ' 26 ' % } selected { % endif % } > 26< / option >
< option { % if scheduler_settings . reboot . minute = = ' 27 ' % } selected { % endif % } > 27< / option >
< option { % if scheduler_settings . reboot . minute = = ' 28 ' % } selected { % endif % } > 28< / option >
< option { % if scheduler_settings . reboot . minute = = ' 29 ' % } selected { % endif % } > 29< / option >
< option { % if scheduler_settings . reboot . minute = = ' 30 ' % } selected { % endif % } > 30< / option >
< option { % if scheduler_settings . reboot . minute = = ' 31 ' % } selected { % endif % } > 31< / option >
< option { % if scheduler_settings . reboot . minute = = ' 32 ' % } selected { % endif % } > 32< / option >
< option { % if scheduler_settings . reboot . minute = = ' 33 ' % } selected { % endif % } > 33< / option >
< option { % if scheduler_settings . reboot . minute = = ' 34 ' % } selected { % endif % } > 34< / option >
< option { % if scheduler_settings . reboot . minute = = ' 35 ' % } selected { % endif % } > 35< / option >
< option { % if scheduler_settings . reboot . minute = = ' 36 ' % } selected { % endif % } > 36< / option >
< option { % if scheduler_settings . reboot . minute = = ' 37 ' % } selected { % endif % } > 37< / option >
< option { % if scheduler_settings . reboot . minute = = ' 38 ' % } selected { % endif % } > 38< / option >
< option { % if scheduler_settings . reboot . minute = = ' 39 ' % } selected { % endif % } > 39< / option >
< option { % if scheduler_settings . reboot . minute = = ' 40 ' % } selected { % endif % } > 40< / option >
< option { % if scheduler_settings . reboot . minute = = ' 41 ' % } selected { % endif % } > 41< / option >
< option { % if scheduler_settings . reboot . minute = = ' 42 ' % } selected { % endif % } > 42< / option >
< option { % if scheduler_settings . reboot . minute = = ' 43 ' % } selected { % endif % } > 43< / option >
< option { % if scheduler_settings . reboot . minute = = ' 44 ' % } selected { % endif % } > 44< / option >
< option { % if scheduler_settings . reboot . minute = = ' 45 ' % } selected { % endif % } > 45< / option >
< option { % if scheduler_settings . reboot . minute = = ' 46 ' % } selected { % endif % } > 46< / option >
< option { % if scheduler_settings . reboot . minute = = ' 47 ' % } selected { % endif % } > 47< / option >
< option { % if scheduler_settings . reboot . minute = = ' 48 ' % } selected { % endif % } > 48< / option >
< option { % if scheduler_settings . reboot . minute = = ' 49 ' % } selected { % endif % } > 49< / option >
< option { % if scheduler_settings . reboot . minute = = ' 50 ' % } selected { % endif % } > 50< / option >
< option { % if scheduler_settings . reboot . minute = = ' 51 ' % } selected { % endif % } > 51< / option >
< option { % if scheduler_settings . reboot . minute = = ' 52 ' % } selected { % endif % } > 52< / option >
< option { % if scheduler_settings . reboot . minute = = ' 53 ' % } selected { % endif % } > 53< / option >
< option { % if scheduler_settings . reboot . minute = = ' 54 ' % } selected { % endif % } > 54< / option >
< option { % if scheduler_settings . reboot . minute = = ' 55 ' % } selected { % endif % } > 55< / option >
< option { % if scheduler_settings . reboot . minute = = ' 56 ' % } selected { % endif % } > 56< / option >
< option { % if scheduler_settings . reboot . minute = = ' 57 ' % } selected { % endif % } > 57< / option >
< option { % if scheduler_settings . reboot . minute = = ' 58 ' % } selected { % endif % } > 58< / option >
< option { % if scheduler_settings . reboot . minute = = ' 59 ' % } selected { % endif % } > 59< / option >
< / select >
2023-04-21 10:50:28 +00:00
< label for = "inputTransitionZ" class = "col-form-label" > Enable< / label >
2023-04-22 10:13:23 +00:00
< input class = "scheduler-hour-select" type = "checkbox" value = "" id = "reboot-enabled"
2023-04-24 11:43:08 +00:00
{% if scheduler_settings.reboot.enabled %} checked {%endif%}/>
2023-04-21 10:50:28 +00:00
< / div >
2023-04-26 07:01:18 +00:00
< p id = "brightness-p" > Brightness 1 (Daily):< / p >
< div class = "col-auto" >
H
< select class = "form-select b-minute-select" id = "brightness1-hour1-select" >
< option { % if scheduler_settings . brightness1 . hour = = ' 00 ' % } selected { % endif % } > 00< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 01 ' % } selected { % endif % } > 01< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 02 ' % } selected { % endif % } > 02< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 03 ' % } selected { % endif % } > 03< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 04 ' % } selected { % endif % } > 04< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 05 ' % } selected { % endif % } > 05< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 06 ' % } selected { % endif % } > 06< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 07 ' % } selected { % endif % } > 07< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 08 ' % } selected { % endif % } > 08< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 09 ' % } selected { % endif % } > 09< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 10 ' % } selected { % endif % } > 10< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 11 ' % } selected { % endif % } > 11< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 12 ' % } selected { % endif % } > 12< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 13 ' % } selected { % endif % } > 13< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 14 ' % } selected { % endif % } > 14< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 15 ' % } selected { % endif % } > 15< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 16 ' % } selected { % endif % } > 16< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 17 ' % } selected { % endif % } > 17< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 18 ' % } selected { % endif % } > 18< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 19 ' % } selected { % endif % } > 19< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 20 ' % } selected { % endif % } > 20< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 21 ' % } selected { % endif % } > 21< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 22 ' % } selected { % endif % } > 22< / option >
< option { % if scheduler_settings . brightness1 . hour = = ' 23 ' % } selected { % endif % } > 23< / option >
< / select >
M
< select class = "form-select b-minute-select" id = "brightness1-minute1-select" >
< option { % if scheduler_settings . brightness1 . minute = = ' 00 ' % } selected { % endif % } > 00< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 01 ' % } selected { % endif % } > 01< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 02 ' % } selected { % endif % } > 02< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 03 ' % } selected { % endif % } > 03< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 04 ' % } selected { % endif % } > 04< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 05 ' % } selected { % endif % } > 05< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 06 ' % } selected { % endif % } > 06< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 07 ' % } selected { % endif % } > 07< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 08 ' % } selected { % endif % } > 08< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 09 ' % } selected { % endif % } > 09< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 10 ' % } selected { % endif % } > 10< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 11 ' % } selected { % endif % } > 11< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 12 ' % } selected { % endif % } > 12< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 13 ' % } selected { % endif % } > 13< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 14 ' % } selected { % endif % } > 14< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 15 ' % } selected { % endif % } > 15< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 16 ' % } selected { % endif % } > 16< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 17 ' % } selected { % endif % } > 17< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 18 ' % } selected { % endif % } > 18< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 19 ' % } selected { % endif % } > 19< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 20 ' % } selected { % endif % } > 20< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 21 ' % } selected { % endif % } > 21< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 22 ' % } selected { % endif % } > 22< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 23 ' % } selected { % endif % } > 23< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 24 ' % } selected { % endif % } > 24< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 25 ' % } selected { % endif % } > 25< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 26 ' % } selected { % endif % } > 26< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 27 ' % } selected { % endif % } > 27< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 28 ' % } selected { % endif % } > 28< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 29 ' % } selected { % endif % } > 29< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 30 ' % } selected { % endif % } > 30< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 31 ' % } selected { % endif % } > 31< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 32 ' % } selected { % endif % } > 32< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 33 ' % } selected { % endif % } > 33< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 34 ' % } selected { % endif % } > 34< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 35 ' % } selected { % endif % } > 35< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 36 ' % } selected { % endif % } > 36< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 37 ' % } selected { % endif % } > 37< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 38 ' % } selected { % endif % } > 38< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 39 ' % } selected { % endif % } > 39< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 40 ' % } selected { % endif % } > 40< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 41 ' % } selected { % endif % } > 41< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 42 ' % } selected { % endif % } > 42< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 43 ' % } selected { % endif % } > 43< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 44 ' % } selected { % endif % } > 44< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 45 ' % } selected { % endif % } > 45< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 46 ' % } selected { % endif % } > 46< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 47 ' % } selected { % endif % } > 47< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 48 ' % } selected { % endif % } > 48< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 49 ' % } selected { % endif % } > 49< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 50 ' % } selected { % endif % } > 50< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 51 ' % } selected { % endif % } > 51< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 52 ' % } selected { % endif % } > 52< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 53 ' % } selected { % endif % } > 53< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 54 ' % } selected { % endif % } > 54< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 55 ' % } selected { % endif % } > 55< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 56 ' % } selected { % endif % } > 56< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 57 ' % } selected { % endif % } > 57< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 58 ' % } selected { % endif % } > 58< / option >
< option { % if scheduler_settings . brightness1 . minute = = ' 59 ' % } selected { % endif % } > 59< / option >
< / select >
Bright
2023-04-26 07:08:04 +00:00
< select class = "form-select b-minute-select" id = "brightness1-bright-select" >
2023-04-26 07:01:18 +00:00
< option { % if scheduler_settings . brightness1 . bright = = ' 1 ' % } selected { % endif % } > 1< / option >
< option { % if scheduler_settings . brightness1 . bright = = ' 2 ' % } selected { % endif % } > 2< / option >
< option { % if scheduler_settings . brightness1 . bright = = ' 3 ' % } selected { % endif % } > 3< / option >
< option { % if scheduler_settings . brightness1 . bright = = ' 4 ' % } selected { % endif % } > 4< / option >
< option { % if scheduler_settings . brightness1 . bright = = ' 5 ' % } selected { % endif % } > 5< / option >
< option { % if scheduler_settings . brightness1 . bright = = ' 6 ' % } selected { % endif % } > 6< / option >
< option { % if scheduler_settings . brightness1 . bright = = ' 7 ' % } selected { % endif % } > 7< / option >
< option { % if scheduler_settings . brightness1 . bright = = ' 8 ' % } selected { % endif % } > 8< / option >
< option { % if scheduler_settings . brightness1 . bright = = ' 9 ' % } selected { % endif % } > 9< / option >
< option { % if scheduler_settings . brightness1 . bright = = ' 10 ' % } selected { % endif % } > 10< / option >
< / select >
< label for = "inputTransitionZ" class = "col-form-label" > Enable< / label >
< input class = "scheduler-hour-select" type = "checkbox" value = "" id = "brightness1-enabled"
{% if scheduler_settings.brightness1.enabled %} checked {%endif%}/>
< / div >
< p id = "brightness-p" > Brightness 2 (Daily):< / p >
< div class = "col-auto" >
H
< select class = "form-select b-minute-select" id = "brightness2-hour1-select" >
< option { % if scheduler_settings . brightness2 . hour = = ' 00 ' % } selected { % endif % } > 00< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 01 ' % } selected { % endif % } > 01< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 02 ' % } selected { % endif % } > 02< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 03 ' % } selected { % endif % } > 03< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 04 ' % } selected { % endif % } > 04< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 05 ' % } selected { % endif % } > 05< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 06 ' % } selected { % endif % } > 06< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 07 ' % } selected { % endif % } > 07< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 08 ' % } selected { % endif % } > 08< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 09 ' % } selected { % endif % } > 09< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 10 ' % } selected { % endif % } > 10< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 11 ' % } selected { % endif % } > 11< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 12 ' % } selected { % endif % } > 12< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 13 ' % } selected { % endif % } > 13< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 14 ' % } selected { % endif % } > 14< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 15 ' % } selected { % endif % } > 15< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 16 ' % } selected { % endif % } > 16< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 17 ' % } selected { % endif % } > 17< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 18 ' % } selected { % endif % } > 18< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 19 ' % } selected { % endif % } > 19< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 20 ' % } selected { % endif % } > 20< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 21 ' % } selected { % endif % } > 21< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 22 ' % } selected { % endif % } > 22< / option >
< option { % if scheduler_settings . brightness2 . hour = = ' 23 ' % } selected { % endif % } > 23< / option >
< / select >
M
< select class = "form-select b-minute-select" id = "brightness2-minute1-select" >
< option { % if scheduler_settings . brightness2 . minute = = ' 00 ' % } selected { % endif % } > 00< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 01 ' % } selected { % endif % } > 01< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 02 ' % } selected { % endif % } > 02< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 03 ' % } selected { % endif % } > 03< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 04 ' % } selected { % endif % } > 04< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 05 ' % } selected { % endif % } > 05< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 06 ' % } selected { % endif % } > 06< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 07 ' % } selected { % endif % } > 07< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 08 ' % } selected { % endif % } > 08< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 09 ' % } selected { % endif % } > 09< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 10 ' % } selected { % endif % } > 10< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 11 ' % } selected { % endif % } > 11< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 12 ' % } selected { % endif % } > 12< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 13 ' % } selected { % endif % } > 13< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 14 ' % } selected { % endif % } > 14< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 15 ' % } selected { % endif % } > 15< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 16 ' % } selected { % endif % } > 16< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 17 ' % } selected { % endif % } > 17< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 18 ' % } selected { % endif % } > 18< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 19 ' % } selected { % endif % } > 19< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 20 ' % } selected { % endif % } > 20< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 21 ' % } selected { % endif % } > 21< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 22 ' % } selected { % endif % } > 22< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 23 ' % } selected { % endif % } > 23< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 24 ' % } selected { % endif % } > 24< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 25 ' % } selected { % endif % } > 25< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 26 ' % } selected { % endif % } > 26< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 27 ' % } selected { % endif % } > 27< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 28 ' % } selected { % endif % } > 28< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 29 ' % } selected { % endif % } > 29< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 30 ' % } selected { % endif % } > 30< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 31 ' % } selected { % endif % } > 31< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 32 ' % } selected { % endif % } > 32< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 33 ' % } selected { % endif % } > 33< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 34 ' % } selected { % endif % } > 34< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 35 ' % } selected { % endif % } > 35< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 36 ' % } selected { % endif % } > 36< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 37 ' % } selected { % endif % } > 37< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 38 ' % } selected { % endif % } > 38< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 39 ' % } selected { % endif % } > 39< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 40 ' % } selected { % endif % } > 40< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 41 ' % } selected { % endif % } > 41< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 42 ' % } selected { % endif % } > 42< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 43 ' % } selected { % endif % } > 43< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 44 ' % } selected { % endif % } > 44< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 45 ' % } selected { % endif % } > 45< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 46 ' % } selected { % endif % } > 46< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 47 ' % } selected { % endif % } > 47< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 48 ' % } selected { % endif % } > 48< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 49 ' % } selected { % endif % } > 49< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 50 ' % } selected { % endif % } > 50< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 51 ' % } selected { % endif % } > 51< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 52 ' % } selected { % endif % } > 52< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 53 ' % } selected { % endif % } > 53< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 54 ' % } selected { % endif % } > 54< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 55 ' % } selected { % endif % } > 55< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 56 ' % } selected { % endif % } > 56< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 57 ' % } selected { % endif % } > 57< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 58 ' % } selected { % endif % } > 58< / option >
< option { % if scheduler_settings . brightness2 . minute = = ' 59 ' % } selected { % endif % } > 59< / option >
< / select >
Bright
2023-04-26 07:08:04 +00:00
< select class = "form-select b-minute-select" id = "brightness2-bright-select" >
2023-04-26 07:01:18 +00:00
< option { % if scheduler_settings . brightness2 . bright = = ' 1 ' % } selected { % endif % } > 1< / option >
< option { % if scheduler_settings . brightness2 . bright = = ' 2 ' % } selected { % endif % } > 2< / option >
< option { % if scheduler_settings . brightness2 . bright = = ' 3 ' % } selected { % endif % } > 3< / option >
< option { % if scheduler_settings . brightness2 . bright = = ' 4 ' % } selected { % endif % } > 4< / option >
< option { % if scheduler_settings . brightness2 . bright = = ' 5 ' % } selected { % endif % } > 5< / option >
< option { % if scheduler_settings . brightness2 . bright = = ' 6 ' % } selected { % endif % } > 6< / option >
< option { % if scheduler_settings . brightness2 . bright = = ' 7 ' % } selected { % endif % } > 7< / option >
< option { % if scheduler_settings . brightness2 . bright = = ' 8 ' % } selected { % endif % } > 8< / option >
< option { % if scheduler_settings . brightness2 . bright = = ' 9 ' % } selected { % endif % } > 9< / option >
< option { % if scheduler_settings . brightness2 . bright = = ' 10 ' % } selected { % endif % } > 10< / option >
< / select >
< label for = "inputTransitionZ" class = "col-form-label" > Enable< / label >
< input class = "scheduler-hour-select" type = "checkbox" value = "" id = "brightness2-enabled"
{% if scheduler_settings.brightness2.enabled %} checked {%endif%}/>
< / div >
< p id = "brightness-p" > Brightness 3 (Daily):< / p >
< div class = "col-auto" >
H
< select class = "form-select b-minute-select" id = "brightness3-hour1-select" >
< option { % if scheduler_settings . brightness3 . hour = = ' 00 ' % } selected { % endif % } > 00< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 01 ' % } selected { % endif % } > 01< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 02 ' % } selected { % endif % } > 02< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 03 ' % } selected { % endif % } > 03< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 04 ' % } selected { % endif % } > 04< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 05 ' % } selected { % endif % } > 05< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 06 ' % } selected { % endif % } > 06< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 07 ' % } selected { % endif % } > 07< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 08 ' % } selected { % endif % } > 08< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 09 ' % } selected { % endif % } > 09< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 10 ' % } selected { % endif % } > 10< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 11 ' % } selected { % endif % } > 11< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 12 ' % } selected { % endif % } > 12< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 13 ' % } selected { % endif % } > 13< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 14 ' % } selected { % endif % } > 14< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 15 ' % } selected { % endif % } > 15< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 16 ' % } selected { % endif % } > 16< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 17 ' % } selected { % endif % } > 17< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 18 ' % } selected { % endif % } > 18< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 19 ' % } selected { % endif % } > 19< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 20 ' % } selected { % endif % } > 20< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 21 ' % } selected { % endif % } > 21< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 22 ' % } selected { % endif % } > 22< / option >
< option { % if scheduler_settings . brightness3 . hour = = ' 23 ' % } selected { % endif % } > 23< / option >
< / select >
M
< select class = "form-select b-minute-select" id = "brightness3-minute1-select" >
< option { % if scheduler_settings . brightness3 . minute = = ' 00 ' % } selected { % endif % } > 00< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 01 ' % } selected { % endif % } > 01< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 02 ' % } selected { % endif % } > 02< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 03 ' % } selected { % endif % } > 03< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 04 ' % } selected { % endif % } > 04< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 05 ' % } selected { % endif % } > 05< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 06 ' % } selected { % endif % } > 06< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 07 ' % } selected { % endif % } > 07< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 08 ' % } selected { % endif % } > 08< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 09 ' % } selected { % endif % } > 09< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 10 ' % } selected { % endif % } > 10< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 11 ' % } selected { % endif % } > 11< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 12 ' % } selected { % endif % } > 12< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 13 ' % } selected { % endif % } > 13< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 14 ' % } selected { % endif % } > 14< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 15 ' % } selected { % endif % } > 15< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 16 ' % } selected { % endif % } > 16< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 17 ' % } selected { % endif % } > 17< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 18 ' % } selected { % endif % } > 18< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 19 ' % } selected { % endif % } > 19< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 20 ' % } selected { % endif % } > 20< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 21 ' % } selected { % endif % } > 21< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 22 ' % } selected { % endif % } > 22< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 23 ' % } selected { % endif % } > 23< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 24 ' % } selected { % endif % } > 24< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 25 ' % } selected { % endif % } > 25< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 26 ' % } selected { % endif % } > 26< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 27 ' % } selected { % endif % } > 27< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 28 ' % } selected { % endif % } > 28< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 29 ' % } selected { % endif % } > 29< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 30 ' % } selected { % endif % } > 30< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 31 ' % } selected { % endif % } > 31< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 32 ' % } selected { % endif % } > 32< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 33 ' % } selected { % endif % } > 33< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 34 ' % } selected { % endif % } > 34< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 35 ' % } selected { % endif % } > 35< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 36 ' % } selected { % endif % } > 36< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 37 ' % } selected { % endif % } > 37< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 38 ' % } selected { % endif % } > 38< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 39 ' % } selected { % endif % } > 39< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 40 ' % } selected { % endif % } > 40< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 41 ' % } selected { % endif % } > 41< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 42 ' % } selected { % endif % } > 42< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 43 ' % } selected { % endif % } > 43< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 44 ' % } selected { % endif % } > 44< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 45 ' % } selected { % endif % } > 45< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 46 ' % } selected { % endif % } > 46< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 47 ' % } selected { % endif % } > 47< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 48 ' % } selected { % endif % } > 48< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 49 ' % } selected { % endif % } > 49< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 50 ' % } selected { % endif % } > 50< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 51 ' % } selected { % endif % } > 51< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 52 ' % } selected { % endif % } > 52< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 53 ' % } selected { % endif % } > 53< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 54 ' % } selected { % endif % } > 54< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 55 ' % } selected { % endif % } > 55< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 56 ' % } selected { % endif % } > 56< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 57 ' % } selected { % endif % } > 57< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 58 ' % } selected { % endif % } > 58< / option >
< option { % if scheduler_settings . brightness3 . minute = = ' 59 ' % } selected { % endif % } > 59< / option >
< / select >
Bright
2023-04-26 07:08:04 +00:00
< select class = "form-select b-minute-select" id = "brightness3-bright-select" >
2023-04-26 07:01:18 +00:00
< option { % if scheduler_settings . brightness3 . bright = = ' 1 ' % } selected { % endif % } > 1< / option >
< option { % if scheduler_settings . brightness3 . bright = = ' 2 ' % } selected { % endif % } > 2< / option >
< option { % if scheduler_settings . brightness3 . bright = = ' 3 ' % } selected { % endif % } > 3< / option >
< option { % if scheduler_settings . brightness3 . bright = = ' 4 ' % } selected { % endif % } > 4< / option >
< option { % if scheduler_settings . brightness3 . bright = = ' 5 ' % } selected { % endif % } > 5< / option >
< option { % if scheduler_settings . brightness3 . bright = = ' 6 ' % } selected { % endif % } > 6< / option >
< option { % if scheduler_settings . brightness3 . bright = = ' 7 ' % } selected { % endif % } > 7< / option >
< option { % if scheduler_settings . brightness3 . bright = = ' 8 ' % } selected { % endif % } > 8< / option >
< option { % if scheduler_settings . brightness3 . bright = = ' 9 ' % } selected { % endif % } > 9< / option >
< option { % if scheduler_settings . brightness3 . bright = = ' 10 ' % } selected { % endif % } > 10< / option >
< / select >
< label for = "inputTransitionZ" class = "col-form-label" > Enable< / label >
< input class = "scheduler-hour-select" type = "checkbox" value = "" id = "brightness3-enabled"
{% if scheduler_settings.brightness3.enabled %} checked {%endif%}/>
< / div >
< p id = "brightness-p" > Brightness 4 (Daily):< / p >
< div class = "col-auto" >
H
< select class = "form-select b-minute-select" id = "brightness4-hour1-select" >
< option { % if scheduler_settings . brightness4 . hour = = ' 00 ' % } selected { % endif % } > 00< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 01 ' % } selected { % endif % } > 01< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 02 ' % } selected { % endif % } > 02< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 03 ' % } selected { % endif % } > 03< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 04 ' % } selected { % endif % } > 04< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 05 ' % } selected { % endif % } > 05< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 06 ' % } selected { % endif % } > 06< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 07 ' % } selected { % endif % } > 07< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 08 ' % } selected { % endif % } > 08< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 09 ' % } selected { % endif % } > 09< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 10 ' % } selected { % endif % } > 10< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 11 ' % } selected { % endif % } > 11< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 12 ' % } selected { % endif % } > 12< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 13 ' % } selected { % endif % } > 13< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 14 ' % } selected { % endif % } > 14< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 15 ' % } selected { % endif % } > 15< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 16 ' % } selected { % endif % } > 16< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 17 ' % } selected { % endif % } > 17< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 18 ' % } selected { % endif % } > 18< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 19 ' % } selected { % endif % } > 19< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 20 ' % } selected { % endif % } > 20< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 21 ' % } selected { % endif % } > 21< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 22 ' % } selected { % endif % } > 22< / option >
< option { % if scheduler_settings . brightness4 . hour = = ' 23 ' % } selected { % endif % } > 23< / option >
< / select >
M
< select class = "form-select b-minute-select" id = "brightness4-minute1-select" >
< option { % if scheduler_settings . brightness4 . minute = = ' 00 ' % } selected { % endif % } > 00< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 01 ' % } selected { % endif % } > 01< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 02 ' % } selected { % endif % } > 02< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 03 ' % } selected { % endif % } > 03< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 04 ' % } selected { % endif % } > 04< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 05 ' % } selected { % endif % } > 05< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 06 ' % } selected { % endif % } > 06< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 07 ' % } selected { % endif % } > 07< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 08 ' % } selected { % endif % } > 08< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 09 ' % } selected { % endif % } > 09< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 10 ' % } selected { % endif % } > 10< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 11 ' % } selected { % endif % } > 11< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 12 ' % } selected { % endif % } > 12< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 13 ' % } selected { % endif % } > 13< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 14 ' % } selected { % endif % } > 14< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 15 ' % } selected { % endif % } > 15< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 16 ' % } selected { % endif % } > 16< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 17 ' % } selected { % endif % } > 17< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 18 ' % } selected { % endif % } > 18< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 19 ' % } selected { % endif % } > 19< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 20 ' % } selected { % endif % } > 20< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 21 ' % } selected { % endif % } > 21< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 22 ' % } selected { % endif % } > 22< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 23 ' % } selected { % endif % } > 23< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 24 ' % } selected { % endif % } > 24< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 25 ' % } selected { % endif % } > 25< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 26 ' % } selected { % endif % } > 26< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 27 ' % } selected { % endif % } > 27< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 28 ' % } selected { % endif % } > 28< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 29 ' % } selected { % endif % } > 29< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 30 ' % } selected { % endif % } > 30< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 31 ' % } selected { % endif % } > 31< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 32 ' % } selected { % endif % } > 32< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 33 ' % } selected { % endif % } > 33< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 34 ' % } selected { % endif % } > 34< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 35 ' % } selected { % endif % } > 35< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 36 ' % } selected { % endif % } > 36< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 37 ' % } selected { % endif % } > 37< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 38 ' % } selected { % endif % } > 38< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 39 ' % } selected { % endif % } > 39< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 40 ' % } selected { % endif % } > 40< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 41 ' % } selected { % endif % } > 41< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 42 ' % } selected { % endif % } > 42< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 43 ' % } selected { % endif % } > 43< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 44 ' % } selected { % endif % } > 44< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 45 ' % } selected { % endif % } > 45< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 46 ' % } selected { % endif % } > 46< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 47 ' % } selected { % endif % } > 47< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 48 ' % } selected { % endif % } > 48< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 49 ' % } selected { % endif % } > 49< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 50 ' % } selected { % endif % } > 50< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 51 ' % } selected { % endif % } > 51< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 52 ' % } selected { % endif % } > 52< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 53 ' % } selected { % endif % } > 53< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 54 ' % } selected { % endif % } > 54< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 55 ' % } selected { % endif % } > 55< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 56 ' % } selected { % endif % } > 56< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 57 ' % } selected { % endif % } > 57< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 58 ' % } selected { % endif % } > 58< / option >
< option { % if scheduler_settings . brightness4 . minute = = ' 59 ' % } selected { % endif % } > 59< / option >
< / select >
Bright
2023-04-26 07:08:04 +00:00
< select class = "form-select b-minute-select" id = "brightness4-bright-select" >
2023-04-26 07:01:18 +00:00
< option { % if scheduler_settings . brightness4 . bright = = ' 1 ' % } selected { % endif % } > 1< / option >
< option { % if scheduler_settings . brightness4 . bright = = ' 2 ' % } selected { % endif % } > 2< / option >
< option { % if scheduler_settings . brightness4 . bright = = ' 3 ' % } selected { % endif % } > 3< / option >
< option { % if scheduler_settings . brightness4 . bright = = ' 4 ' % } selected { % endif % } > 4< / option >
< option { % if scheduler_settings . brightness4 . bright = = ' 5 ' % } selected { % endif % } > 5< / option >
< option { % if scheduler_settings . brightness4 . bright = = ' 6 ' % } selected { % endif % } > 6< / option >
< option { % if scheduler_settings . brightness4 . bright = = ' 7 ' % } selected { % endif % } > 7< / option >
< option { % if scheduler_settings . brightness4 . bright = = ' 8 ' % } selected { % endif % } > 8< / option >
< option { % if scheduler_settings . brightness4 . bright = = ' 9 ' % } selected { % endif % } > 9< / option >
< option { % if scheduler_settings . brightness4 . bright = = ' 10 ' % } selected { % endif % } > 10< / option >
< / select >
< label for = "inputTransitionZ" class = "col-form-label" > Enable< / label >
< input class = "scheduler-hour-select" type = "checkbox" value = "" id = "brightness4-enabled"
{% if scheduler_settings.brightness4.enabled %} checked {%endif%}/>
< / div >
2023-04-21 10:50:28 +00:00
< p id = "reboots-p" > Timezone:< / p >
< div class = "col-auto" >
2023-04-22 10:13:23 +00:00
< select class = "form-select timezone-select" id = "timezone-select" >
2023-04-24 11:43:08 +00:00
< option { % if scheduler_settings . timezone = = ' US / Eastern ' % } selected { % endif % } > US/Eastern< / option >
< option { % if scheduler_settings . timezone = = ' US / Central ' % } selected { % endif % } > US/Central< / option >
< option { % if scheduler_settings . timezone = = ' US / Pacific ' % } selected { % endif % } > US/Pacific< / option >
< option { % if scheduler_settings . timezone = = ' GMT ' % } selected { % endif % } > GMT< / option >
< option { % if scheduler_settings . timezone = = ' CET ' % } selected { % endif % } > CET< / option >
< option { % if scheduler_settings . timezone = = ' GB ' % } selected { % endif % } > GB< / option >
< option { % if scheduler_settings . timezone = = ' NZ ' % } selected { % endif % } > NZ< / option >
< option { % if scheduler_settings . timezone = = ' Australia / ACT ' % } selected { % endif % } > Australia/ACT< / option >
< option { % if scheduler_settings . timezone = = ' Japan ' % } selected { % endif % } > Japan< / option >
< option { % if scheduler_settings . timezone = = ' Asia / Singapore ' % } selected { % endif % } > Asia/Singapore< / option >
< option { % if scheduler_settings . timezone = = ' Asia / Dubai ' % } selected { % endif % } > Asia/Dubai< / option >
2023-04-21 10:50:28 +00:00
< / select >
< / div >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-2" style = "display:block;margin: 0 auto;width: 30%;margin-top:8%;" >
2023-04-22 10:13:23 +00:00
< a id = "save-scheduler-btn" class = "btn btn-scheduler" onclick = "saveSchedulerSettings()" > Save Settings< / a >
2023-04-24 10:22:23 +00:00
< p align = "center" style = "display:none;color:red;" id = "saved" > Saved!< / p >
2023-04-21 10:50:28 +00:00
< / div >
< / div >
< / div >
2022-03-02 14:45:02 +00:00
<!-- 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 >
2023-03-08 06:32:57 +00:00
< li > IPO Calendar< / li >
2023-06-12 10:05:01 +00:00
< li > Economic Calendar< / li >
2023-07-12 08:01:51 +00:00
< li > Jokes< / li >
2023-08-08 09:01:46 +00:00
< li > Gainers, Losers, Active< / li >
2023-08-14 09:37:50 +00:00
< li > Sector Performance< / li >
2023-08-16 08:17:33 +00:00
< li > r/place (Reddit)< / 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 >
2023-06-12 10:05:01 +00:00
< option value = "17" > IPO Calendar< / option >
< option value = "18" > Economic Calendar< / option >
2023-07-12 08:01:51 +00:00
< option value = "19" > Jokes< / option >
2023-08-08 09:01:46 +00:00
< option value = "20" > Gainers, Losers, Active< / option >
2023-08-14 09:37:50 +00:00
< option value = "21" > Sector Performance< / option >
2023-08-16 08:17:33 +00:00
< option value = "22" > r/place (Reddit)< / 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 >
< option { % if stocks_settings . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
< 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 >
< option { % if stocks_settings . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
< 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 >
< option { % if stocks_settings . animation = = ' up ' % } selected { % endif % } > Up< / option >
< 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 >
2023-08-01 09:44:06 +00:00
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
< label for = "inputText" class = "col-form-label"
>Custom Logo:
< / label >
< / div >
2022-03-02 14:45:02 +00:00
2023-08-01 09:44:06 +00:00
< div class = "col-auto" >
< input
type="file"
id="stocks-logo-upload-browse"
class="form-control"
aria-describedby="TextHelpInline"
placeholder="Browse"
/>
< / div >
< div class = "col-auto" >
2023-08-01 09:48:18 +00:00
< button id = "stocks-logo-upload-btn" class = "btn set-btn" onclick = "uploadStockLogo()" >
2023-08-01 09:44:06 +00:00
Add
< / button >
< / div >
2023-08-02 13:17:00 +00:00
< p id = "stocklogoupload" style = "color:red; display: none;" > Stock logo uploaded.< / p >
2023-08-01 09:44:06 +00:00
< / div >
2022-03-02 14:45:02 +00:00
< 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"
2023-03-27 09:02:23 +00:00
>Pre-Market / After-Hours Prices
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input prepost-select"
type="checkbox"
value=""
id="flexCheckChecked-prepost"
{%if stocks_settings.prepost%}
checked
{%endif%} />
< / div >
< / div >
2022-03-02 14:45:02 +00:00
2023-03-27 09:02:23 +00:00
< div class = "row g-3 align-items-center left-div" >
< div class = "col-auto" >
< 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" >
2023-08-03 09:31:32 +00:00
< div class = "col-auto" >
< label for = "inputTransitionZ" class = "col-form-label"
>Day Lo, Hi, Vol
< / label >
< / div >
2022-03-02 14:45:02 +00:00
< div class = "col-auto" >
2023-08-03 09:31:32 +00:00
< input
class="form-check-input lohivol-select"
type="checkbox"
value=""
id="lohivol"
{%
if
stocks_settings.lohivol%}
checked
{%endif%}
/>
< / div >
< / div >
2022-03-02 14:45:02 +00:00
2023-08-03 09:31:32 +00:00
< 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 >
2023-03-16 09:23:38 +00:00
< div class = "row g-3 align-items-center left-div" >
2022-03-02 14:45:02 +00:00
< div class = "col-auto" >
2023-03-16 09:23:38 +00:00
< label for = "inputTransitionZ" class = "col-form-label"
2022-03-02 14:45:02 +00:00
2023-03-16 09:23:38 +00:00
>Display Feature Title
2022-03-02 14:45:02 +00:00
< / label >
< / div >
< div class = "col-auto" >
< input
2023-03-16 09:23:38 +00:00
class="form-check-input title-select"
2022-03-02 14:45:02 +00:00
type="checkbox"
value=""
2023-03-16 09:23:38 +00:00
id="flexCheckChecked5"
2022-03-02 14:45:02 +00:00
{%
if
2023-03-16 09:23:38 +00:00
stocks_settings.title%}
2022-03-02 14:45:02 +00:00
checked
{%endif%}
/>
< / div >
2023-03-16 09:23:38 +00:00
< / div >
2022-03-02 14:45:02 +00:00
< 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"
2023-03-16 09:23:38 +00:00
>Display Portfolio
2022-03-02 14:45:02 +00:00
< / label >
< / div >
< div class = "col-auto" >
< input
2023-03-16 09:23:38 +00:00
class="form-check-input portfolio-select"
2022-03-02 14:45:02 +00:00
type="checkbox"
value=""
2023-03-16 09:23:38 +00:00
id="flexCheckChecked4"
2022-03-02 14:45:02 +00:00
{%
if
2023-03-16 09:23:38 +00:00
stocks_settings.chart%}
checked
{%endif%}
onclick="portfolioValidate()"
/>
< / div >
< / div >
2022-03-02 14:45:02 +00:00
2023-03-16 10:05:04 +00:00
< p id = "demo-portfolio" style = "display: none" > < / p >
2023-03-16 09:23:38 +00:00
< div id = "stocks-portfolio" style = "display: none;" >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
< label for = "inputTextZ" class = "col-form-label"
>Shares:
< / label >
< / div >
2022-03-02 14:45:02 +00:00
2023-03-16 09:23:38 +00:00
< div class = "col-auto" >
< input
type="text"
id="inputText8"
class="form-control"
aria-describedby="TextHelpInline"
placeholder="e.g. 200" />
< / div >
2023-07-10 07:50:27 +00:00
< div class = "col-auto" >
< button id = "update-stock-port-btn" class = "btn set-btn" onclick = "updateStockPorftolio()" > Update Position< / button >
< / div >
2023-03-16 09:23:38 +00:00
< / div >
2022-03-02 14:45:02 +00:00
2023-03-16 09:23:38 +00:00
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
< label for = "inputTextZ" class = "col-form-label"
>Avg Cost:
< / label >
< / div >
2022-03-02 14:45:02 +00:00
2023-03-16 09:23:38 +00:00
< div class = "col-auto" >
< input
type="text"
id="inputText9"
class="form-control"
aria-describedby="TextHelpInline"
placeholder="e.g. 152.45" />
< / div >
< / div >
2022-03-02 14:45:02 +00:00
2023-03-16 09:23:38 +00:00
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
< label for = "inputTextZ" class = "col-form-label"
>Date:
< / label >
2022-03-02 14:45:02 +00:00
< / div >
2023-03-16 09:23:38 +00:00
< div class = "col-auto" >
< input
type="text"
id="inputText10"
class="form-control"
aria-describedby="TextHelpInline"
placeholder="e.g. YYYY-MM-DD" />
< / div >
2023-07-11 10:57:28 +00:00
< div class = "col-auto" >
< button id = "remove-stock-port-btn" class = "btn set-btn" onclick = "removeStockPorftolio()" > Remove Position< / button >
< / div >
2023-07-11 10:27:20 +00:00
< div id = "updated-stock-p" style = "display:none" > < p id = "stockupdated-p" style = "color: red;" > Stock Position Updated!< / p > < / div >
2023-07-11 10:57:28 +00:00
< div id = "removed-stock-p" style = "display:none" > < p id = "stockremoved-p" style = "color: red;" > Stock Position Removed!< / p > < / div >
2023-03-16 09:23:38 +00:00
< / div >
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="stocks-features"
2023-06-12 14:44:31 +00:00
class="display-features-list text-white symbol-list">
2022-03-02 14:45:02 +00:00
{% for f in stocks_settings.symbols %}
2023-07-10 08:20:33 +00:00
< li onclick = "getStockSymbol(this.innerText)" > {{f}}< / li >
2022-03-02 14:45:02 +00:00
{% 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 >
< option { % if crypto_settings . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
< 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 >
< option { % if crypto_settings . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
< 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 >
< option { % if crypto_settings . animation = = ' up ' % } selected { % endif % } > Up< / option >
< 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-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 >
2023-08-01 09:44:06 +00:00
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
< label for = "inputText" class = "col-form-label"
>Custom Logo:
< / label >
< / div >
2022-03-02 14:45:02 +00:00
2023-08-01 09:44:06 +00:00
< div class = "col-auto" >
< input
type="file"
id="crypto-logo-upload-browse"
class="form-control"
aria-describedby="TextHelpInline"
placeholder="Browse"
/>
< / div >
< div class = "col-auto" >
2023-08-01 09:48:18 +00:00
< button id = "crypto-logo-upload-btn" class = "btn set-btn" onclick = "uploadCryptoLogo()" >
2023-08-01 09:44:06 +00:00
Add
< / button >
< / div >
2023-08-02 13:17:00 +00:00
< p id = "cryptologoupload" style = "color:red; display: none;" > Crypto logo uploaded.< / p >
2023-08-01 09:44:06 +00:00
< / div >
2022-03-02 14:45:02 +00:00
< 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 >
2023-08-03 10:08:54 +00:00
< div class = "row g-3 align-items-center left-div" >
< div class = "col-auto" >
< label for = "inputTransitionZ" class = "col-form-label"
>Day Lo, Hi, Vol
< / label >
< / div >
2022-03-02 14:45:02 +00:00
2023-08-03 10:08:54 +00:00
< div class = "col-auto" >
< input
class="form-check-input lohivol-select"
type="checkbox"
value=""
id="lohivolcrypto"
{%
if
crypto_settings.lohivol%}
checked
{%endif%}
/>
< / div >
< / div >
2022-03-02 14:45:02 +00:00
< 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 >
2023-03-17 09:30:50 +00:00
< div class = "row g-3 align-items-center" >
2022-03-02 14:45:02 +00:00
< div class = "col-auto" >
2023-03-17 09:30:50 +00:00
< label for = "inputTransitionZ3" class = "col-form-label"
2022-03-02 14:45:02 +00:00
2023-03-17 09:30:50 +00:00
>Display Feature Title
2022-03-02 14:45:02 +00:00
< / label >
< / div >
< div class = "col-auto" >
< input
2023-03-17 09:30:50 +00:00
class="form-check-input title-select"
2022-03-02 14:45:02 +00:00
type="checkbox"
value=""
2023-03-17 09:30:50 +00:00
id="flexCheckChecked10"
2022-03-02 14:45:02 +00:00
{%
if
2023-03-17 09:30:50 +00:00
crypto_settings.title%}
2022-03-02 14:45:02 +00:00
checked
{%endif%}
/>
< / div >
2023-03-17 09:30:50 +00:00
< / div >
2022-03-02 14:45:02 +00:00
2023-03-17 09:30:50 +00:00
2022-03-02 14:45:02 +00:00
2023-03-17 09:30:50 +00:00
< div class = "row g-3 align-items-center left-div" >
2022-03-02 14:45:02 +00:00
< div class = "col-auto" >
2023-03-17 09:30:50 +00:00
< label for = "inputTransitionZ" class = "col-form-label"
>Display Portfolio
2022-03-02 14:45:02 +00:00
< / label >
< / div >
< div class = "col-auto" >
< input
2023-03-17 09:38:59 +00:00
class="form-check-input portfolio-select"
2022-03-02 14:45:02 +00:00
type="checkbox"
value=""
2023-03-17 09:30:50 +00:00
id="crypto_portfolio_checkbox"
2022-03-02 14:45:02 +00:00
{%
if
2023-03-17 09:30:50 +00:00
crypto_settings.chart%}
2022-03-02 14:45:02 +00:00
checked
{%endif%}
2023-03-17 09:30:50 +00:00
onclick="portfolioCryptoValidate()"
2022-03-02 14:45:02 +00:00
/>
2023-03-17 09:30:50 +00:00
< / div >
< / div >
< p id = "demo-portfolio-crypto" style = "display: none" > < / p >
< div id = "crypto-portfolio" style = "display: none;" >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
< label for = "inputTextZ" class = "col-form-label"
>Shares:
< / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="cryptoshares"
class="form-control"
aria-describedby="TextHelpInline"
placeholder="e.g. 200" />
< / div >
2023-07-10 07:50:27 +00:00
< div class = "col-auto" >
< button id = "update-crypto-port-btn" class = "btn set-btn" onclick = "updateCryptoPorftolio()" > Update Position< / button >
< / div >
2023-03-17 09:30:50 +00:00
< / div >
2022-03-02 14:45:02 +00:00
2023-03-17 09:30:50 +00:00
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
< label for = "inputTextZ" class = "col-form-label"
>Avg Cost:
< / label >
2022-03-02 14:45:02 +00:00
< / div >
2023-03-17 09:30:50 +00:00
< div class = "col-auto" >
< input
type="text"
id="cryptocost"
class="form-control"
aria-describedby="TextHelpInline"
placeholder="e.g. 152.45" />
< / div >
2022-03-02 14:45:02 +00:00
< / div >
2023-03-17 09:30:50 +00:00
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
< label for = "inputTextZ" class = "col-form-label"
>Date:
< / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="cryptodate"
class="form-control"
aria-describedby="TextHelpInline"
placeholder="e.g. YYYY-MM-DD" />
< / div >
2023-07-11 10:57:28 +00:00
< div class = "col-auto" >
< button id = "remove-crypto-port-btn" class = "btn set-btn" onclick = "removeCryptoPorftolio()" > Remove Position< / button >
< / div >
2023-07-11 10:42:06 +00:00
< div id = "updated-crypto-p" style = "display:none" > < p id = "cryptoupdated-p" style = "color: red;" > Crypto Position Updated!< / p > < / div >
2023-07-11 10:57:28 +00:00
< div id = "removed-crypto-p" style = "display:none" > < p id = "cryptoremoved-p" style = "color: red;" > Crypto Position Removed!< / p > < / div >
2023-07-11 10:42:06 +00:00
2023-03-17 09:30:50 +00:00
< / div >
< / div >
2022-03-02 14:45:02 +00:00
< / 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 %}
2023-07-10 08:20:33 +00:00
< li onclick = "getCryptoSymbol(this.innerText)" > {{f}}< / li >
2022-03-02 14:45:02 +00:00
{% 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" >
2023-06-12 07:37:47 +00:00
<!-- <input
2022-06-12 17:49:41 +00:00
type="text"
id="inputText20"
class="form-control"
aria-describedby="TextHelpInline"
2023-06-12 07:37:47 +00:00
placeholder="e.g. BRENTOIL"/> -->
< select id = "commodities-items" class = "form-select animation-select" >
< option > Aluminum< / option > < option > Brent Crude Oil< / option > < option > Coffee< / option > < option > Copper< / option > < option > Corn< / option >
< option > Cotton< / option > < option > Gold< / option > < option > Palladium< / option > < option > Platinum< / option > < option > Rice< / option >
< option > Silver< / option > < option > Soybean< / option > < option > Sugar< / option > < option > Wheat< / option > < option > WTI Crude Oil< / option >
< option > Ethanol< / option > < option > Natural Gas< / option > < option > Cocoa< / option > < option > Lumber< / option > < option > Live Cattle< / option >
< option > Lean Hog< / option >
< / select >
2022-06-12 17:49:41 +00:00
< / 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" >
2023-06-12 07:37:47 +00:00
<!--
2022-10-05 10:13:32 +00:00
< input
type="text"
id="inputText21"
class="form-control"
aria-describedby="TextHelpInline"
placeholder="e.g. ^DJI"
2023-06-12 07:37:47 +00:00
/> -->
< select id = "indices-items" class = "form-select animation-select" >
2023-07-06 06:54:47 +00:00
< option > Dow Jones - USA< / option > < option > E-Mini Dow Jones - USA< / option > < option > S& P 500 - USA< / option > < option > E-Mini S& P 500 - USA< / option >
< option > Nasdaq 100 - USA< / option > < option > E-Mini Nasdaq 100 - USA< / option >
< option > Nasdaq Composite - USA< / option > < option > Russell 2000 - USA< / option > < option > E-Mini Russell 2000 - USA< / option > < option > VIX - USA< / option >
2023-06-26 10:26:58 +00:00
< option > U.S. Dollar (DXY) - USA< / option >
2023-06-12 07:37:47 +00:00
< option > S& P/TSX - Canada< / option > < option > IPC - Mexico< / option > < option > Bovespa - Brazil< / option >
< option > Dax - Germany< / option > < option > FTSE 100 - UK< / option > < option > IBEX 35 - Spain< / option >
< option > CAC 40 - France< / option > < option > SSMI - Switzerland< / option > < option > BEL 20 - Brussels< / option >
< option > ATX - Austria< / option > < option > AEX - Amsterdam< / option > < option > OMXS30 - Stockholm< / option >
< option > OMXH25 - Helsinki< / option > < option > FTSE MIB - Italy< / option > < option > PSI 20 - Lisbon< / option >
< option > STOXX 600 - EU< / option > < option > STOXX 50 - EU< / option > < option > Euronext 100 - EU< / option >
< option > KOSPI - South Korea< / option > < option > NZX 50 - New Zealand< / option > < option > ASX 200 - Australia< / option >
< option > STI - Singapore< / option > < option > SSE - Shanghai< / option > < option > SZSE - Shenzhen< / option >
< option > Nikkei 225 - Japan< / option > < option > NIFTY 50 - India< / option > < option > SENSEX - India< / option >
< option > HSI - Hong Kong< / option > < option > TAIEX - Taiwan< / option > < option > JKSE - Jakarta< / option >
< option > PSEI - Philippines< / option > < option > SET - Bangkok< / option > < option > BIST 100 - Istanbul< / option >
< / select >
2022-10-05 10:13:32 +00:00
< / 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"
2023-06-12 07:29:20 +00:00
class="form-select speed-select">
2022-03-07 09:25:13 +00:00
< option { % if forex_settings . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if forex_settings . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
< 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"
2023-06-12 07:29:20 +00:00
class="form-select speed-select">
2022-03-08 07:03:02 +00:00
< option { % if forex_settings . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if forex_settings . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
< 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"
2023-06-12 07:29:20 +00:00
class="form-select animation-select">
2022-03-07 09:25:13 +00:00
< option { % if forex_settings . animation = = ' down ' % } selected { % endif % } > Down< / option >
< option { % if forex_settings . animation = = ' up ' % } selected { % endif % } > Up< / option >
< 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" >
2023-06-12 07:29:20 +00:00
<!-- <div class="col - auto">
2022-03-02 14:45:02 +00:00
< 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 >
2023-06-12 07:29:20 +00:00
< / div > -->
2022-03-02 14:45:02 +00:00
< div class = "col-auto" >
2023-06-12 07:29:20 +00:00
<!-- <input
2022-03-02 14:45:02 +00:00
type="text"
id="inputText5"
class="form-control"
aria-describedby="TextHelpInline"
2023-06-12 07:29:20 +00:00
placeholder="e.g. JPY,EUR"/> -->
< label for = "inputText" class = "col-form-label"
>Base:
< / label >
< select id = "base-select" class = "form-select animation-select" >
< option > USD< / option > < option > EUR< / option > < option > JPY< / option > < option > GBP< / option > < option > AUD< / option > < option > CAD< / option >
< option > CHF< / option > < option > CNY< / option > < option > HKD< / option > < option > NZD< / option > < option > SEK< / option > < option > KRW< / option >
< option > SGD< / option > < option > NOK< / option > < option > MXN< / option > < option > INR< / option > < option > RUB< / option > < option > ZAR< / option >
< option > TRY< / option > < option > BRL< / option > < option > TWD< / option > < option > DKK< / option > < option > PLN< / option > < option > THB< / option >
< option > IDR< / option > < option > HUF< / option > < option > ILS< / option > < option > CLP< / option > < option > PHP< / option > < option > AED< / option >
< option > CZK< / option > < option > COP< / option > < option > SAR< / option > < option > MYR< / option > < option > RON< / option > < option > CLP< / option >
< option > ARS< / option > < option > VND< / option > < option > QAR< / option > < option > KWD< / option >
< / select >
2022-03-02 14:45:02 +00:00
< / div >
< div class = "col-auto" >
2023-06-12 07:29:20 +00:00
< label for = "inputText" class = "col-form-label"
>Quote:
< / label >
< select id = "quote-select" class = "form-select animation-select" >
< option > AED< / option > < option > AFN< / option > < option > ALL< / option > < option > AMD< / option > < option > AOA< / option > < option > ARS< / option >
< option > AUD< / option > < option > AWG< / option > < option > AZN< / option > < option > BAM< / option > < option > BBD< / option > < option > BDT< / option >
< option > BGN< / option > < option > BHD< / option > < option > BMD< / option > < option > BND< / option > < option > BOB< / option > < option > BRL< / option >
< option > BSD< / option > < option > BTN< / option > < option > BWP< / option > < option > BYN< / option > < option > BZD< / option > < option > CAD< / option >
< option > CDF< / option > < option > CHF< / option > < option > CLP< / option > < option > CNY< / option > < option > COP< / option > < option > CRC< / option >
< option > CUC< / option > < option > CUP< / option > < option > CVE< / option > < option > CZK< / option > < option > DJF< / option > < option > DKK< / option >
< option > DOP< / option > < option > DZD< / option > < option > EGP< / option > < option > ERN< / option > < option > ETB< / option > < option > EUR< / option >
< option > FJD< / option > < option > FKP< / option > < option > FOK< / option > < option > GBP< / option > < option > GEL< / option > < option > GGP< / option >
< option > GHS< / option > < option > GIP< / option > < option > GMD< / option > < option > GNF< / option > < option > GTQ< / option > < option > GYD< / option >
< option > HKD< / option > < option > HNL< / option > < option > HRK< / option > < option > HTG< / option > < option > HUF< / option > < option > IDR< / option >
< option > ILS< / option > < option > IMP< / option > < option > INR< / option > < option > IQD< / option > < option > IRR< / option > < option > ISK< / option >
< option > JMD< / option > < option > JOD< / option > < option > JPY< / option > < option > KES< / option > < option > KGS< / option > < option > KHR< / option >
< option > KID< / option > < option > KMF< / option > < option > KRW< / option > < option > KWD< / option > < option > KYD< / option > < option > KZT< / option >
< option > LAK< / option > < option > LBP< / option > < option > LKR< / option > < option > LRD< / option > < option > LSL< / option > < option > LYD< / option >
< option > MAD< / option > < option > MDL< / option > < option > MGA< / option > < option > MKD< / option > < option > MMK< / option > < option > MNT< / option >
< option > MOP< / option > < option > MRU< / option > < option > MUR< / option > < option > MVR< / option > < option > MWK< / option > < option > MXN< / option >
< option > MYR< / option > < option > MZN< / option > < option > NAD< / option > < option > NGN< / option > < option > NIO< / option > < option > NOK< / option >
< option > NPR< / option > < option > NZD< / option > < option > OMR< / option > < option > PAB< / option > < option > PEN< / option > < option > PGK< / option >
< option > PHP< / option > < option > PKR< / option > < option > PLN< / option > < option > PYG< / option > < option > QAR< / option > < option > RON< / option >
< option > RSD< / option > < option > RUB< / option > < option > RWF< / option > < option > SAR< / option > < option > SBD< / option > < option > SCR< / option >
< option > SDG< / option > < option > SEK< / option > < option > SGD< / option > < option > SHP< / option > < option > SLL< / option > < option > SOS< / option >
< option > SRD< / option > < option > SSP< / option > < option > STN< / option > < option > SYP< / option > < option > SZL< / option > < option > THB< / option >
< option > TJS< / option > < option > TMT< / option > < option > TND< / option > < option > TOP< / option > < option > TRY< / option > < option > TTD< / option >
< option > TVD< / option > < option > TWD< / option > < option > TZS< / option > < option > UAH< / option > < option > UGX< / option > < option > USD< / option >
< option > UYU< / option > < option > UZS< / option > < option > VES< / option > < option > VND< / option > < option > VUV< / option > < option > WST< / option >
< option > YER< / option > < option > ZAR< / option >
< / select >
< / div >
2022-03-02 14:45:02 +00:00
2023-06-12 07:29:20 +00:00
< div class = "col-auto" style = "padding-top: 7%;" >
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 >
2023-05-23 08:32:51 +00:00
<!-- <div class="row g - 3 align - items - center mt - 3">
2022-03-02 14:45:02 +00:00
< 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 >
2023-05-23 08:32:51 +00:00
< / div > -->
2022-03-02 14:45:02 +00:00
< / 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"
2023-04-14 07:26:17 +00:00
{%if daily_weather.current_weather%} 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" >
< 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 >
2023-05-23 08:32:51 +00:00
<!-- <div class="row g - 3 align - items - center mt - 3">
2022-03-02 14:45:02 +00:00
< 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" >
< / div >
2023-05-23 08:32:51 +00:00
< / div > -->
2022-03-02 14:45:02 +00:00
< / 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"
>
2023-03-17 10:58:42 +00:00
< option { % if news_settings . country = = ' Worldwide ' % } selected { % endif % } > Worldwide< / option >
2022-03-07 09:25:13 +00:00
< option { % if news_settings . country = = ' United States ' % } selected { % endif % } > United States< / option >
< option { % if news_settings . country = = ' Australia ' % } selected { % endif % } > Australia< / option >
< option { % if news_settings . country = = ' Canada ' % } selected { % endif % } > Canada< / option >
< option { % if news_settings . country = = ' Great Britain ' % } selected { % endif % } > Great Britain< / option >
< option { % if news_settings . country = = ' New Zealand ' % } selected { % endif % } > New Zealand< / option >
< option { % if news_settings . country = = ' Ireland ' % } selected { % endif % } > Ireland< / option >
< option { % if news_settings . country = = ' Singapore ' % } selected { % endif % } > Singapore< / option >
< option { % if news_settings . country = = ' South Africa ' % } selected { % endif % } > South Africa< / option >
2023-03-17 10:58:42 +00:00
< option { % if news_settings . country = = ' Germany ' % } selected { % endif % } > Germany< / option >
< option { % if news_settings . country = = ' Hong Kong ' % } selected { % endif % } > Hong Kong< / option >
< option { % if news_settings . country = = ' Japan ' % } selected { % endif % } > Japan< / option >
< option { % if news_settings . country = = ' South Korea ' % } selected { % endif % } > South Korea< / option >
< option { % if news_settings . country = = ' China ' % } selected { % endif % } > China< / option >
< option { % if news_settings . country = = ' France ' % } selected { % endif % } > France< / option >
< option { % if news_settings . country = = ' India ' % } selected { % endif % } > India< / option >
< option { % if news_settings . country = = ' Italy ' % } selected { % endif % } > Italy< / option >
< option { % if news_settings . country = = ' Switzerland ' % } selected { % endif % } > Switzerland< / option >
< option { % if news_settings . country = = ' Netherlands ' % } selected { % endif % } > Netherlands< / option >
< option { % if news_settings . country = = ' Spain ' % } selected { % endif % } > Spain< / option >
< option { % if news_settings . country = = ' Brazil ' % } selected { % endif % } > Brazil< / option >
< option { % if news_settings . country = = ' Portugal ' % } selected { % endif % } > Portugal< / option >
2022-03-02 14:45:02 +00:00
< / select >
< / div >
< div class = "col-auto" >
< input
2023-03-03 11:56:26 +00:00
class="form-check-input news_check_class country-check"
2022-03-02 14:45:02 +00:00
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
2023-03-03 11:56:26 +00:00
class="form-check-input news_check_class category-check"
2022-03-02 14:45:02 +00:00
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 >
2023-03-23 07:49:16 +00:00
< option > LIV< / option >
2023-03-23 10:29:37 +00:00
< option > NASCAR< / option >
< option > F1< / option >
2023-04-17 09:54:27 +00:00
< option > UFC< / 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 >
2023-03-23 07:49:16 +00:00
< option > LIV< / option >
2023-04-17 09:54:27 +00:00
< option > UFC< / 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"
2023-05-05 08:12:53 +00:00
class="form-select speed-select">
2022-03-08 07:03:02 +00:00
< option { % if team_stats . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if team_stats . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
< 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"
2023-05-05 08:12:53 +00:00
class="form-select animation-select">
2022-03-02 14:45:02 +00:00
2022-03-07 09:25:13 +00:00
< option { % if team_stats . animation = = ' down ' % } selected { % endif % } > Down< / option >
< option { % if team_stats . animation = = ' up ' % } selected { % endif % } > Up< / option >
< 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 >
2023-05-05 08:12:53 +00:00
< option > PGA< / option >
< option > LPGA< / 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 >
2023-05-12 08:56:57 +00:00
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransition103Z" class = "col-form-label"
>Golf Rankings:
< / label >
< / div >
< div class = "col-auto" >
< select id = "golf-ranking-number" class = "form-select" >
2023-05-12 09:07:16 +00:00
< option { % if team_stats . top20 = = 20 % } selected { % endif % } > Top 20< / option >
2023-05-15 05:10:09 +00:00
< option { % if team_stats . top20 = = 10 % } selected { % endif % } > Top 10< / option >
2023-05-12 08:56:57 +00:00
< / select >
< / div >
< div class = "col-auto" >
2023-05-15 08:04:50 +00:00
< button id = "golf-ranking-set" class = "btn set-btn" onclick = "setTop20()" >
2023-05-12 08:56:57 +00:00
Set
< / button >
< / div >
< / div >
2022-03-02 14:45:02 +00:00
2023-05-12 08:56:57 +00:00
2022-03-02 14:45:02 +00:00
< 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"
2023-05-12 08:56:57 +00:00
{% if team_stats.title%}
2022-03-02 14:45:02 +00:00
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 >
2023-06-12 10:05:01 +00:00
<!-- Economic Calendar -->
< div class = "page" id = "Page18" style = "display: none" >
< div class = "row" >
< div class = "col-lg-6 col-md-6 col-sm-12" >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputScrollSpeedZ222" class = "col-form-label" > Scroll Speed:< / label >
< / div >
< div class = "col-auto" >
< select
2023-06-14 07:00:14 +00:00
id="inputScrollSpeed18"
2023-06-12 10:05:01 +00:00
class="form-select speed-select">
< option { % if economic_settings . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if economic_settings . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
< option { % if economic_settings . speed = = ' fast ' % } selected { % endif % } > Fast< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
< label for = "inputScrollSpeedRowZ222" class = "col-form-label" > Scroll Speed (Row 2):< / label >
< / div >
< div class = "col-auto" >
< select
2023-06-14 07:00:14 +00:00
id="inputScrollSpeedRow18"
2023-06-12 10:05:01 +00:00
class="form-select speed-select">
< option { % if economic_settings . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if economic_settings . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
< option { % if economic_settings . speed2 = = ' fast ' % } selected { % endif % } > Fast< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransitionZ222" class = "col-form-label" > Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
2023-06-14 07:00:14 +00:00
< select id = "inputTransition18" class = "form-select animation-select" >
2023-06-12 10:05:01 +00:00
< option { % if economic_settings . animation = = ' down ' % } selected { % endif % } > Down< / option >
< option { % if economic_settings . animation = = ' up ' % } selected { % endif % } > Up< / option >
< option { % if economic_settings . animation = = ' continuous ' % } selected { % endif % } > Continuous< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center left-div" style = "padding-top: 25px;" >
< div class = "col-auto" >
< label for = "inputTransitionZ222" class = "col-form-label" >
Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="economic_settings_title"
{% if economic_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" > Countries: < / label >
< / div >
< div class = "col-auto" >
< select id = "inputTransition2222" class = "form-select economic-countries-select" >
< option > United States< / option > < option > Canada< / option > < option > United Kingdom< / option > < option > China< / option >
< option > Germany< / option > < option > France< / option > < option > Italy< / option > < option > Singapore< / option > < option > South Korea< / option >
< option > Japan< / option > < option > Australia< / option > < option > New Zealand< / option > < option > India< / option > < option > Switzerland< / option >
< option > Spain< / option > < option > Hong Kong< / option > < option > Portugal< / option > < option > Netherlands< / option > < option > Belgium< / option >
< option > Austria< / option > < option > Denmark< / option > < option > Turkey< / option > < option > Brazil< / option > < option > Mexico< / option >
< option > Sweden< / option > < option > Finland< / option > < option > Norway< / option > < option > Taiwan< / option > < option > Indonesia< / option >
< option > Philippines< / option > < option > Thailand< / option > < option > South Africa< / option >
< / select >
< / div >
< div class = "col-auto" >
< button id = "economic-countries-btn" class = "btn set-btn" > Add< / button >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputText" class = "col-form-label" > Importance: < / label >
< / div >
< div class = "col-auto" >
< select id = "inputTransition2225" class = "form-select economic-importance-select" >
2023-06-14 08:54:49 +00:00
< option { % if economic_settings . importance = = ' Low - High ' % } selected { % endif % } > Low - High< / option >
< option { % if economic_settings . importance = = ' Med - High ' % } selected { % endif % } > Med - High< / option >
< option { % if economic_settings . importance = = ' High ' % } selected { % endif % } > High< / option >
2023-06-12 10:05:01 +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" > Timezone: < / label >
< / div >
< div class = "col-auto" >
< select id = "inputTransition22259" class = "form-select economic-tz-select" >
2023-06-12 10:21:27 +00:00
< option { % if economic_settings . timezone = = ' US / Eastern ' % } selected { % endif % } > US/Eastern< / option >
< option { % if economic_settings . timezone = = ' US / Central ' % } selected { % endif % } > US/Central< / option >
< option { % if economic_settings . timezone = = ' US / Pacific ' % } selected { % endif % } > US/Pacific< / option >
< option { % if economic_settings . timezone = = ' GMT ' % } selected { % endif % } > GMT< / option >
< option { % if economic_settings . timezone = = ' CET ' % } selected { % endif % } > CET< / option >
< option { % if economic_settings . timezone = = ' GB ' % } selected { % endif % } > GB< / option >
< option { % if economic_settings . timezone = = ' NZ ' % } selected { % endif % } > NZ< / option >
< option { % if economic_settings . timezone = = ' Australia / ACT ' % } selected { % endif % } > Australia/ACT< / option >
< option { % if economic_settings . timezone = = ' Japan ' % } selected { % endif % } > Japan< / option >
< option { % if economic_settings . timezone = = ' Asia / Singapore ' % } selected { % endif % } > Asia/Singapore< / option >
< option { % if economic_settings . timezone = = ' Asia / Dubai ' % } selected { % endif % } > Asia/Dubai< / option >
2023-06-12 10:05:01 +00:00
< / select >
< / 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="economic-list"
class="display-features-list text-white symbol-list"
>
2023-06-12 14:44:31 +00:00
{% for f in economic_settings.countries %}
< li > {{f}}< / li >
{% endfor%}
2023-06-12 10:05:01 +00:00
< / ul >
< / div >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-12" >
< div class = "icons-list" >
< i
id="economic-increase-btn"
class="upbutton fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="economic-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="economic-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
2023-03-08 06:32:57 +00:00
<!-- IPO Calendar -->
< div class = "page" id = "Page17" style = "display: none" >
< div class = "row" >
< div class = "col-lg-6 col-md-6 col-sm-12" >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputScrollSpeedZ222" class = "col-form-label" > Scroll Speed:< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed222"
class="form-select speed-select">
< option { % if ipo_settings . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if ipo_settings . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
< option { % if ipo_settings . speed = = ' fast ' % } selected { % endif % } > Fast< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
< label for = "inputScrollSpeedRowZ222" class = "col-form-label" > Scroll Speed (Row 2):< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow17"
class="form-select speed-select">
< option { % if ipo_settings . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if ipo_settings . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
< option { % if ipo_settings . speed2 = = ' fast ' % } selected { % endif % } > Fast< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransitionZ222" class = "col-form-label" > Intro Transition:< / label >
< / div >
< div class = "col-auto" >
< select id = "inputTransition222" class = "form-select animation-select" >
< option { % if ipo_settings . animation = = ' down ' % } selected { % endif % } > Down< / option >
< option { % if ipo_settings . animation = = ' up ' % } selected { % endif % } > Up< / option >
< option { % if ipo_settings . animation = = ' continuous ' % } selected { % endif % } > Continuous< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center left-div" style = "padding-top: 25px;" >
< div class = "col-auto" >
< label for = "inputTransitionZ222" class = "col-form-label" >
Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="flexCheckChecked41"
{% if ipo_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-ipo"
placeholder="IPO Calendar API Key"
class="form-control api-key"
aria-describedby="TextHelpInline"
value="{{ ipo_api_key }}"/>
< / div >
< div class = "col-auto" >
< button id = "ipo-api-btn" class = "btn set-btn" onClick = "showIpoP()" > Add< / button >
< / div >
< p id = "ipo-api-p" style = "display: none" > New IPO Calendar 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 = "ipo-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 = "ipo-increase-btn"
class="upbutton fa fa-chevron-up"
aria-hidden="true">< / i >
< br / >
< br / >
< i id = "ipo-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 = "ipo-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-07-12 08:01:51 +00:00
<!-- Jokes -->
< div class = "page" id = "Page19" style = "display: none" >
< div class = "row" >
< div class = "col-lg-6 col-md-6 col-sm-12" >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputScrollSpeedZ222" class = "col-form-label" > Scroll Speed:< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeed19"
class="form-select speed-select">
< option { % if jokes_settings . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if jokes_settings . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
< option { % if jokes_settings . speed = = ' fast ' % } selected { % endif % } > Fast< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
< label for = "inputScrollSpeedRowZ222" class = "col-form-label" > Scroll Speed (Row 2):< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow19"
class="form-select speed-select">
< option { % if jokes_settings . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if jokes_settings . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
< option { % if jokes_settings . speed2 = = ' fast ' % } selected { % endif % } > Fast< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransitionZ222" class = "col-form-label" > Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select id = "inputTransition19" class = "form-select animation-select" >
< option { % if jokes_settings . animation = = ' down ' % } selected { % endif % } > Down< / option >
< option { % if jokes_settings . animation = = ' up ' % } selected { % endif % } > Up< / option >
< option { % if jokes_settings . animation = = ' continuous ' % } selected { % endif % } > Continuous< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center left-div" style = "padding-top: 25px;" >
< div class = "col-auto" >
< label for = "inputTransitionZ222" class = "col-form-label" >
Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="jokes_settings_title"
{% if jokes_settings.title%}
checked
{%endif%}/>
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "jokes-categories" class = "col-form-label" > Categories: < / label >
< / div >
< div class = "col-auto" >
< select id = "jokes-categories" class = "form-select jokes-categories-select" >
< option > Any< / option > < option > Programming< / option > < option > Misc< / option > < option > Dark< / option > < option > Pun< / option >
< option > Spooky< / option > < option > Christmas< / option >
< / select >
< / div >
< div class = "col-auto" >
< button id = "jokes-categories-btn" class = "btn set-btn" > Add< / button >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputText" class = "col-form-label" > Blacklist: < / label >
< / div >
2023-07-12 08:49:54 +00:00
< div class = "col-auto blacklist-checkboxes" >
2023-07-12 08:30:28 +00:00
< input type = "checkbox" id = "nsfw-jokes" value = "nsfw"
{% if "nsfw" in jokes_settings.blacklist %} checked {% endif %}>
2023-07-12 08:01:51 +00:00
< label for = "nsfw-jokes" > NSFW< / label >
2023-07-12 08:30:28 +00:00
< input type = "checkbox" id = "religious-jokes" value = "religious"
{% if "religious" in jokes_settings.blacklist %} checked {% endif %}>
2023-07-12 08:01:51 +00:00
< label for = "religious-jokes" > Religious< / label >
2023-07-12 08:30:28 +00:00
< input type = "checkbox" id = "political-jokes" value = "political"
{% if "political" in jokes_settings.blacklist %} checked {% endif %}>
2023-07-12 08:01:51 +00:00
< label for = "political-jokes" > Political< / label > < br >
2023-07-12 08:30:28 +00:00
< input type = "checkbox" id = "racist-jokes" value = "racist"
{% if "racist" in jokes_settings.blacklist %} checked {% endif %}>
2023-07-12 08:01:51 +00:00
< label for = "racist-jokes" > Racist< / label >
2023-07-12 08:30:28 +00:00
< input type = "checkbox" id = "sexist-jokes" value = "sexist"
{% if "sexist" in jokes_settings.blacklist %} checked {% endif %}>
2023-07-12 08:01:51 +00:00
< label for = "sexist-jokes" > Sexist< / label >
2023-07-12 08:30:28 +00:00
< input type = "checkbox" id = "explicit-jokes" value = "explicit"
{% if "explicit" in jokes_settings.blacklist %} checked {% endif %}>
2023-07-12 08:01:51 +00:00
< label for = "explicit-jokes" > Explicit< / label >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "jokes-amount" class = "col-form-label" > Amount: < / label >
< / div >
< div class = "col-auto" >
< select id = "jokes-amount" class = "form-select jokes-amount-select" >
2023-07-12 08:26:31 +00:00
< option { % if jokes_settings . amount = = ' 1 ' % } selected { % endif % } > 1< / option >
< option { % if jokes_settings . amount = = ' 2 ' % } selected { % endif % } > 2< / option >
< option { % if jokes_settings . amount = = ' 3 ' % } selected { % endif % } > 3< / option >
< option { % if jokes_settings . amount = = ' 4 ' % } selected { % endif % } > 4< / option >
< option { % if jokes_settings . amount = = ' 5 ' % } selected { % endif % } > 5< / option >
< option { % if jokes_settings . amount = = ' 6 ' % } selected { % endif % } > 6< / option >
< option { % if jokes_settings . amount = = ' 7 ' % } selected { % endif % } > 7< / option >
< option { % if jokes_settings . amount = = ' 8 ' % } selected { % endif % } > 8< / option >
< option { % if jokes_settings . amount = = ' 9 ' % } selected { % endif % } > 9< / option >
< option { % if jokes_settings . amount = = ' 10 ' % } selected { % endif % } > 10< / option >
2023-07-12 08:01:51 +00:00
< / select >
< / div >
< / div >
2023-07-17 06:45:37 +00:00
< div class = "row g-3 align-items-center left-div" style = "padding-top: 25px;" >
< div class = "col-auto" >
< label for = "inputTransitionZ222" class = "col-form-label" >
Safe Jokes Only
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="jokes_settings_safe"
{% if jokes_settings.safe%}
checked
{%endif%}/>
< / div >
< / div >
2023-07-12 08:01:51 +00:00
< / 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="jokes-list"
class="display-features-list text-white symbol-list">
2023-07-12 08:26:31 +00:00
{% for f in jokes_settings.categories %}
< li > {{f}}< / li >
{% endfor%}
2023-07-12 08:01:51 +00:00
< / ul >
< / div >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-12" >
< div class = "icons-list" >
< i
id="jokes-increase-btn"
class="upbutton fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="jokes-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="jokes-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-08-08 09:01:46 +00:00
<!-- Gainers, Losers, Active -->
< div class = "page" id = "Page20" style = "display: none" >
< div class = "row" >
< div class = "col-lg-6 col-md-6 col-sm-12" >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputScrollSpeedZ222" class = "col-form-label" > Scroll Speed:< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedMarket"
class="form-select speed-select">
< option { % if market_settings . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if market_settings . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
< option { % if market_settings . speed = = ' fast ' % } selected { % endif % } > Fast< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
< label for = "inputScrollSpeedRowZ222" class = "col-form-label" > Scroll Speed (Row 2):< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow20"
class="form-select speed-select">
< option { % if market_settings . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if market_settings . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
< option { % if market_settings . speed2 = = ' fast ' % } selected { % endif % } > Fast< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransitionZ222" class = "col-form-label" > Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select id = "inputTransitionMarket" class = "form-select animation-select" >
< option { % if market_settings . animation = = ' down ' % } selected { % endif % } > Down< / option >
< option { % if market_settings . animation = = ' up ' % } selected { % endif % } > Up< / option >
< option { % if market_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 = "market-categories" class = "col-form-label" > Categories: < / label >
< / div >
< div class = "col-auto" >
< select id = "market-categories" class = "form-select market-categories-select" >
< option > Top Gainers< / option > < option > Top Losers< / option > < option > Most Active< / option >
< / select >
< / div >
< div class = "col-auto" >
< button id = "market-categories-btn" class = "btn set-btn" > Add< / button >
< / div >
< / div >
< div class = "row g-3 align-items-center left-div" style = "padding-top:25px;" >
< div class = "col-auto" >
< label for = "inputTransitionZ" class = "col-form-label"
>Percent Change
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input percent-select"
type="checkbox"
value=""
id="flexCheckCheckedMarket"
{%if market_settings.percent%}
checked
{%endif%}
/>
< / div >
< / div >
< div class = "row g-3 align-items-center left-div" >
< div class = "col-auto" >
< label for = "inputTransitionZ" class = "col-form-label"
>Point Change
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input point-select"
type="checkbox"
value=""
id="flexCheckCheckedMarket2"
{%
if
market_settings.point%}
checked
{%endif%}
/>
< / div >
< / div >
< div class = "row g-3 align-items-center left-div" >
< div class = "col-auto" >
< label for = "inputTransitionZ" class = "col-form-label"
>Day Lo, Hi, Vol
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input lohivol-select"
type="checkbox"
value=""
id="lohivolmarket"
{%
if
2023-08-08 09:24:34 +00:00
market_settings.lohivol%}
2023-08-08 09:01:46 +00:00
checked
{%endif%}
/>
< / div >
< / div >
< div class = "row g-3 align-items-center left-div" >
< div class = "col-auto" >
< label for = "inputTransitionZ" class = "col-form-label"
>Display Company Logos
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input logo-select"
type="checkbox"
value=""
id="flexCheckCheckedMarket3"
{%
if
market_settings.logos%}
checked
{%endif%}
/>
< / div >
< / div >
< div class = "row g-3 align-items-center left-div" >
< div class = "col-auto" >
< label for = "inputTransitionZ222" class = "col-form-label" >
Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="market_settings_title"
{% if market_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="market-list"
class="display-features-list text-white symbol-list">
{% for f in market_settings.categories %}
< li > {{f}}< / li >
{% endfor%}
< / ul >
< / div >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-12" >
< div class = "icons-list" >
< i
id="market-increase-btn"
class="upbutton fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="market-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="market-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-07-12 08:01:51 +00:00
2023-08-14 09:37:50 +00:00
<!-- Sector Performance -->
< div class = "page" id = "Page21" style = "display: none" >
< div class = "row" >
< div class = "col-lg-6 col-md-6 col-sm-12" >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputScrollSpeedZ222" class = "col-form-label" > Scroll Speed:< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedSector"
class="form-select speed-select">
< option { % if sector_settings . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if sector_settings . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
< option { % if sector_settings . speed = = ' fast ' % } selected { % endif % } > Fast< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
< label for = "inputScrollSpeedRowZ222" class = "col-form-label" > Scroll Speed (Row 2):< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow21"
class="form-select speed-select">
< option { % if sector_settings . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if sector_settings . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
< option { % if sector_settings . speed2 = = ' fast ' % } selected { % endif % } > Fast< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransitionZ222" class = "col-form-label" > Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select id = "inputTransitionSector" class = "form-select animation-select" >
< option { % if sector_settings . animation = = ' down ' % } selected { % endif % } > Down< / option >
< option { % if sector_settings . animation = = ' up ' % } selected { % endif % } > Up< / option >
< option { % if sector_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 = "sector-categories" class = "col-form-label" > Sectors: < / label >
< / div >
< div class = "col-auto" >
< select id = "sector-categories" class = "form-select sector-categories-select" >
< option > Energy< / option > < option > Health Care< / option > < option > Utilities< / option > < option > Financials< / option > < option > Real Estate< / option > < option > Industrials< / option > < option > Consumer Staples< / option > < option > Materials< / option > < option > Consumer Discretionary< / option > < option > Communication Services< / option > < option > Technology< / option >
< / select >
< / div >
< div class = "col-auto" >
< button id = "sector-categories-btn" class = "btn set-btn" > Add< / button >
< / div >
< / div >
< div class = "row g-3 align-items-center left-div" style = "padding-top:25px;" >
< div class = "col-auto" >
< label for = "inputTransitionZ" class = "col-form-label"
>Display Sector Logos
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input logo-select"
type="checkbox"
value=""
id="flexCheckCheckedSector3"
{%
if
sector_settings.logos%}
checked
{%endif%}
/>
< / div >
< / div >
< div class = "row g-3 align-items-center left-div" >
< div class = "col-auto" >
< label for = "inputTransitionZ222" class = "col-form-label" >
Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="sector_settings_title"
{% if sector_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="sector-list"
class="display-features-list text-white symbol-list">
2023-08-14 10:16:40 +00:00
{% for f in sector_settings.sectors %}
2023-08-14 09:37:50 +00:00
< li > {{f}}< / li >
{% endfor%}
< / ul >
< / div >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-12" >
< div class = "icons-list" >
< i
id="sector-increase-btn"
class="upbutton fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="sector-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="sector-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-08-16 08:17:33 +00:00
<!-- r/place (Reddit) -->
< div class = "page" id = "Page22" style = "display: none" >
< div class = "row" >
< div class = "col-lg-6 col-md-6 col-sm-12" >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputScrollSpeedZ222" class = "col-form-label" > Scroll Speed:< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedPlace"
class="form-select speed-select">
< option { % if place_settings . speed = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if place_settings . speed = = ' slow ' % } selected { % endif % } > Slow< / option >
< option { % if place_settings . speed = = ' fast ' % } selected { % endif % } > Fast< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
< label for = "inputScrollSpeedRowZ222" class = "col-form-label" > Scroll Speed (Row 2):< / label >
< / div >
< div class = "col-auto" >
< select
id="inputScrollSpeedRow22"
class="form-select speed-select">
< option { % if place_settings . speed2 = = ' medium ' % } selected { % endif % } > Medium< / option >
< option { % if place_settings . speed2 = = ' slow ' % } selected { % endif % } > Slow< / option >
< option { % if place_settings . speed2 = = ' fast ' % } selected { % endif % } > Fast< / option >
< / select >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransitionZ222" class = "col-form-label" > Intro Transition:
< / label >
< / div >
< div class = "col-auto" >
< select id = "inputTransitionPlace" class = "form-select animation-select" >
< option { % if place_settings . animation = = ' down ' % } selected { % endif % } > Down< / option >
< option { % if place_settings . animation = = ' up ' % } selected { % endif % } > Up< / option >
< option { % if place_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 = "place-categories" class = "col-form-label" > r/place Year: < / label >
< / div >
< div class = "col-auto" >
< select id = "place-categories" class = "form-select place-categories-select" >
< option > r/place 2017< / option >
< option > r/place 2022< / option >
< option > r/place 2023< / option >
< / select >
< / div >
< div class = "col-auto" >
< button id = "place-categories-btn" class = "btn set-btn" > Add< / button >
< / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransitionPlaceWidth" class = "col-form-label"
>Image Width:
< / label >
< / div >
< div class = "col-auto" >
< input type = "range" min = "128" max = "512" value = "{{place_settings.width}}" class = "slider" id = "myRange" style = "width: 200px;" >
< / div >
< div class = "col-auto" > < p style = "margin-top: 10px;" > < span id = "slider-value" > < / span > Px< / p > < / div >
< / div >
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
< label for = "inputTransitionPlacePause" class = "col-form-label"
>Pause on screen (Seconds)
< / label >
< / div >
< div class = "col-auto" >
< input
type="text"
id="place_pause"
class="form-control pause-select"
aria-describedby="TextHelpInline"
value="{{place_settings.pause}}"
/>
< / div >
< / div >
< div class = "row g-3 align-items-center left-div" style = "padding-top: 25px;" >
< div class = "col-auto" >
< label for = "inputTransitionZ222" class = "col-form-label" >
Display Feature Title
< / label >
< / div >
< div class = "col-auto" >
< input
class="form-check-input title-select"
type="checkbox"
value=""
id="place_settings_title"
{% if place_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="place-list"
class="display-features-list text-white symbol-list">
{% for f in place_settings.places %}
< li > {{f}}< / li >
{% endfor%}
< / ul >
< / div >
< / div >
< div class = "col-lg-2 col-md-2 col-sm-12" >
< div class = "icons-list" >
< i
id="place-increase-btn"
class="upbutton fa fa-chevron-up"
aria-hidden="true"
>< / i >
< br / >
< br / >
< i
id="place-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="place-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-08-14 09:37:50 +00:00
2023-07-12 08:01:51 +00:00
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" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< div class = "row" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< div class = "col-lg-6 col-md-6 col-sm-12" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< div class = "row g-3 align-items-center mt-3 left-div" >
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< label for = "inputText" class = "col-form-label"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
>Message Name:
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / label >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< input
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
type="text"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
id="inputText13"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
class="form-control"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
aria-describedby="TextHelpInline"
2023-07-07 10:13:12 +00:00
2022-06-10 10:11:20 +00:00
placeholder="Message Title"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
/>
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-06-11 16:28:46 +00:00
< button id = "inputTextBtn13" class = "btn set-btn" onclick = "customMsgValidate()" > Add< / button >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
2022-06-11 16:28:46 +00:00
< p id = "demo4" style = "display: none" > < / p >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< div id = "limit-msg" >
< / div >
< div class = "row g-3 align-items-center mt-3" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed13Z" class = "col-form-label"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
>Scroll Speed:
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / label >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< select
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
id="inputScrollSpeed13"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
class="form-select speed-select"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
>
2023-07-07 10:13:12 +00:00
2022-03-07 09:25:13 +00:00
< option { % if message_settings . speed = = ' Medium ' % } selected { % endif % } > Medium< / option >
2023-07-07 10:13:12 +00:00
2022-03-07 09:25:13 +00:00
< option { % if message_settings . speed = = ' Slow ' % } selected { % endif % } > Slow< / option >
2023-07-07 10:13:12 +00:00
2022-03-07 09:25:13 +00:00
< option { % if message_settings . speed = = ' Fast ' % } selected { % endif % } > Fast< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / select >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< div class = "row g-3 align-items-center mt-3 left-div" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeedRow13Z" class = "col-form-label"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
>Scroll Speed (Row 2):
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / label >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< select
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
id="inputScrollSpeedRow13"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
class="form-select speed-select"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
>
2023-07-07 10:13:12 +00:00
2022-03-08 07:03:02 +00:00
< option { % if message_settings . speed2 = = ' Medium ' % } selected { % endif % } > Medium< / option >
2023-07-07 10:13:12 +00:00
2022-03-08 07:03:02 +00:00
< option { % if message_settings . speed2 = = ' Slow ' % } selected { % endif % } > Slow< / option >
2023-07-07 10:13:12 +00:00
2022-03-08 07:03:02 +00:00
< option { % if message_settings . speed2 = = ' Fast ' % } selected { % endif % } > Fast< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / select >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
< div class = "row g-3 align-items-center mt-3" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-06-11 11:52:14 +00:00
< label for = "inputTransition13Z" class = "col-form-label"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
>Intro Transition:
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / label >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< select
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
id="inputTransition13"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
class="form-select animation-select"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
>
2023-07-07 10:13:12 +00:00
2022-03-07 09:25:13 +00:00
< option { % if message_settings . animation = = ' Down ' % } selected { % endif % } > Down< / option >
2023-07-07 10:13:12 +00:00
2022-03-07 09:25:13 +00:00
< option { % if message_settings . animation = = ' Up ' % } selected { % endif % } > Up< / option >
2023-07-07 10:13:12 +00:00
2022-03-07 09:25:13 +00:00
< option { % if message_settings . animation = = ' Continuous ' % } selected { % endif % } > Continuous< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / select >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
< div class = "row g-3 align-items-center mt-3" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-06-11 11:52:14 +00:00
< label for = "inputText14Z" class = "col-form-label"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
>Message:
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / label >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< input
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
type="text"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
id="inputText14"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
class="form-control message-input"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
aria-describedby="TextHelpInline"
2023-07-07 10:13:12 +00:00
2022-06-10 10:11:20 +00:00
placeholder="Custom Message"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
/>
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
2022-06-14 10:12:28 +00:00
< p id = "demo5" style = "display: none" > < / p >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
<!--
< 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 >
2022-03-02 14:45:02 +00:00
2023-07-07 10:13:12 +00:00
< 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 >
-->
2022-03-02 14:45:02 +00:00
< div class = "row g-3 align-items-center mt-3" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed16Z" class = "col-form-label"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
>Text Color:
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / label >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< select
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
id="inputScrollSpeed16"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
class="form-select text-colour"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
>
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< option > Black< / option >
2023-07-07 10:13:12 +00:00
2023-01-09 04:42:23 +00:00
< option > White< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< option > Red< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< option > Green< / option >
2023-07-07 10:13:12 +00:00
2023-01-09 04:42:23 +00:00
< option > Dark Green< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< option > Blue< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< option > Purple< / option >
2023-07-07 10:13:12 +00:00
2023-01-09 04:42:23 +00:00
< option > Pink< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< option > Yellow< / option >
2023-07-07 10:13:12 +00:00
2023-01-09 04:42:23 +00:00
< option > Orange< / option >
2023-07-07 10:13:12 +00:00
2023-01-09 04:42:23 +00:00
< option > Gold< / option >
2023-07-07 10:13:12 +00:00
2023-01-09 04:42:23 +00:00
< option > Gray< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< option > Cyan< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / select >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< div class = "row g-3 align-items-center mt-3" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed17Z" class = "col-form-label"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
>Text Size:
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / label >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< select
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
id="inputScrollSpeed17"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
class="form-select text-size"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
>
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< option > Large< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< option > Medium< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< option > Small< / option >
2023-07-07 10:13:12 +00:00
< / 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 >
2022-03-02 14:45:02 +00:00
< / select >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
-->
2022-03-02 14:45:02 +00:00
< div class = "row g-3 align-items-center mt-3" >
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-06-11 11:52:14 +00:00
< label for = "inputScrollSpeed19Z" class = "col-form-label"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
>Background Color:
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / label >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< select
2023-07-07 10:13:12 +00:00
2023-07-19 16:01:13 +00:00
id="inputScrollSpeed19BG"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
class="form-select back-colour"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
>
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< option > Black< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< option > White< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< option > Red< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< option > Green< / option >
2023-07-07 10:13:12 +00:00
2023-01-09 04:42:23 +00:00
< option > Dark Green< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< option > Blue< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< option > Purple< / option >
2023-07-07 10:13:12 +00:00
2023-01-09 04:42:23 +00:00
< option > Pink< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< option > Yellow< / option >
2023-07-07 10:13:12 +00:00
2023-01-09 04:42:23 +00:00
< option > Orange< / option >
2023-07-07 10:13:12 +00:00
2023-01-09 04:42:23 +00:00
< option > Gold< / option >
2023-07-07 10:13:12 +00:00
2023-01-09 04:42:23 +00:00
< option > Gray< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< option > Cyan< / option >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / select >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
< / div >
2023-07-07 10:47:30 +00:00
< div class = "row g-3 align-items-center mt-3" style = "margin-left: 15%;" >
< div class = "col-auto" >
< button id = "updatemsgbtn" class = "btn set-btn" onclick = "updateSelectedMsg()" > Update Msg< / button >
< / div >
< / div >
2023-07-07 10:13:12 +00:00
2023-07-07 15:16:37 +00:00
< div id = "updated-message-p" style = "display:none" > < p id = "msgupdated-p" style = "color: red;" > Message Updated!< / p > < / div >
2022-03-02 14:45:02 +00:00
< div class = "row g-3 align-items-center mt-3" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< label for = "inputTransition" class = "col-form-label"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
>Display Feature Title
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / label >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
< div class = "col-auto" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< input
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
class="form-check-input title-select"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
type="checkbox"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
value=""
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
id="flexCheckChecked29"
2023-07-07 10:13:12 +00:00
{%
if
message_settings.title%}
checked
{%endif%}
/>
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
< div class = "col-lg-4 col-md-4 col-sm-12" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< h6 class = "mt-3" > List:< / h6 >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< div class = "features-div-two" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< ul
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
id="messages-features"
2023-07-07 10:13:12 +00:00
class="display-features-list text-white message-list"
>
2022-03-02 14:45:02 +00:00
{%for f in message_settings.messages %}
2023-07-07 10:13:12 +00:00
2023-07-07 08:20:21 +00:00
< li onclick = "getCustomMsg(this.innerText)" > {{f.name}}< / li >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
{% endfor%}
< / ul >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
< div class = "col-lg-2 col-md-2 col-sm-12" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< div class = "icons-list" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< i
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
id="messages-increase-btn"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
class="fa fa-chevron-up"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
aria-hidden="true"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
>< / i >
< br / >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< br / >
< i
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
id="messages-decrease-btn"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
class="fa fa-chevron-down"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
aria-hidden="true"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
>< / i >
2023-07-07 10:13:12 +00:00
< a style = "position: relative; bottom: 30px; left: 10px"
>Sort Order< /a
>
2022-03-02 14:45:02 +00:00
< br / >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< br / >
< i
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
id="messages-remove-btn"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
class="fa fa-minus"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
aria-hidden="true"
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
>< / i >
2023-07-07 10:13:12 +00:00
< span style = "position: relative; bottom: 0; left: 10px"
>Remove< /span
>
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
< div class = "save-btn-div" >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< a href = "#" class = "btn save-btn" > Save< / a >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
2023-07-07 10:13:12 +00:00
2022-03-02 14:45:02 +00:00
< / div >
< / section >
< div class = "row-2" > < / div >
< section class = "stocks-features text-white row-3" >
2023-07-19 09:20:22 +00:00
< div class = "mx-auto my-5 d-flex align-items-center position-relative" style = "width: fit-content; margin-left:0;" >
< div class = "col-auto" >
< h6 class = "mt-3" > Networks List:< / h6 >
< div class = "features-div-two" style = "height: 280px; width: 200px;" >
< ul
id="networks-list"
class="display-features-list text-white symbol-list">
2023-07-19 11:08:19 +00:00
{% for key,value in networks_list.items() %}
< li onclick = "sendNetworkToSSID(this)" > {{key}}< / li >
{% endfor%}
2023-07-19 09:20:22 +00:00
< / ul >
< / div >
< / div >
2022-03-02 14:45:02 +00:00
2023-07-19 09:20:22 +00:00
< div class = "mr-5" style = "width: 200px; margin-left: 20px; margin-bottom:20px;" >
2022-03-02 14:45:02 +00:00
< div class = "mx-auto row g-3 align-items-center mb-2" >
2023-07-19 07:41:07 +00:00
< div class = "col-auto" style = "margin-top: 0;" >
2022-03-02 14:45:02 +00:00
< label
2022-06-11 11:52:14 +00:00
for="wifi-ssid-inputZ"
2023-07-19 07:35:54 +00:00
class="col-form-label text-left w-115-px"
2022-03-02 14:45:02 +00:00
>Wi-Fi SSID:
< / label >
< / div >
2023-07-19 07:35:54 +00:00
< div class = "col-auto" style = "margin-top: 0;" >
2022-03-02 14:45:02 +00:00
< 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"
2023-07-19 09:20:22 +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" >
2023-07-19 07:41:07 +00:00
< div class = "col-auto" style = "margin-top: 0;" >
2022-03-02 14:45:02 +00:00
< label
for="wi-fi-pass-input"
2023-07-19 07:35:54 +00:00
class="col-form-label text-left w-115-px"
2022-03-02 14:45:02 +00:00
>Wi-Fi password:
< / label >
< / div >
2023-07-19 07:35:54 +00:00
< div class = "col-auto" style = "margin-top: 0;" >
2022-03-02 14:45:02 +00:00
< 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"
2023-07-26 04:17:18 +00:00
value=""/>
2022-03-02 14:45:02 +00:00
< / div >
< / div >
2023-07-19 07:41:07 +00:00
< label style = "width:180px; margin-top:5%" > < input type = "checkbox" class = "form-check-input pass-toggle" onclick = "togglePass()" >
Show Password< / label >
2022-06-11 05:30:30 +00:00
2022-03-02 14:45:02 +00:00
< div class = "mx-auto row g-3 align-items-center mt-2" >
2023-07-19 07:41:07 +00:00
< div class = "col-auto" style = "margin-top: 0;" >
2022-03-02 14:45:02 +00:00
< label
2022-06-11 11:52:14 +00:00
for="country-code-inputZ"
2023-07-19 08:00:02 +00:00
class="col-form-label text-left w-120-px"
2023-07-19 07:35:54 +00:00
>2 Letter Country Code:
2022-03-02 14:45:02 +00:00
< / label >
< / div >
2023-07-19 07:35:54 +00:00
< div class = "col-auto" style = "margin-top: 0;" >
2022-03-02 14:45:02 +00:00
< 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 >
2023-07-19 09:20:22 +00:00
2022-03-02 14:45:02 +00:00
< / div >
2023-07-19 08:10:14 +00:00
< div class = "col-auto" >
< button class = "btn set-btn" id = "scan-network-btn" onClick = scanNetworks() style = "margin-bottom: 15%;" >
Scan Networks
< / button >
< br >
< button class = "btn set-btn" id = "join-network-btn" onClick = showDivTwo() >
Join Network
< / button >
< div class = "col-auto" style = "display: flex; flex-direction: row; justify-content: center; align-items: center; padding-top: 10%;" >
< 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 >
< / div >
2022-03-02 14:45:02 +00:00
< / 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-08-07 09:10:44 +00:00
< p > Data Provided by TradingView, IEX Cloud, Open-Meteo, CoinGecko, Exchangerate-API, TheSportsDB, Google News, < br > Yahoo Finance, ESPN, The Movie DB, Finnhub, Sv443 (JokeAPI), Reddit< / p >
2022-03-02 14:45:02 +00:00
2023-03-17 11:28:31 +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< / a > < / p >
2022-03-02 14:45:02 +00:00
2023-03-17 14:09:09 +00:00
< p > < br > DISCLAIMER: None of our products and services serve as financial advice, and we do not qualify as investment advisors. < br > Since data can be delayed, information may not always be accurate and should not be taken as any advice.< / p >
2023-03-17 11:28:31 +00:00
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-08-01 09:44:06 +00:00
< script type = 'text/javascript' src = '../static/app.js?ver=1.3.8' > < / 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 {
2023-06-30 11:57:12 +00:00
const online = await fetch("http://api.openweathermap.org/data");
2022-03-02 14:45:02 +00:00
console.log(online.status);
2023-06-30 11:57:12 +00:00
if ((online.status >= 200 & & online.status < 300 ) | | online . status = == 401 ) {
2022-03-02 14:45:02 +00:00
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();
}
2023-06-30 11:57:12 +00:00
}, 10000);
2022-03-02 14:45:02 +00:00
< / script >
< / body >
< / html >
