This commit is contained in:
Justin 2023-07-07 18:13:12 +08:00 committed by GitHub
parent 9d189fb9a2
commit 4d1f636a44
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -7676,33 +7676,55 @@
<!-- Custom Messages -->
<div class="page" id="Page13" style="display: none">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="row g-3 align-items-center mt-3 left-div">
<div class="col-auto">
<label for="inputText" class="col-form-label"
>Message Name:
</label>
</div>
<div class="col-auto">
<input
type="text"
id="inputText13"
class="form-control"
aria-describedby="TextHelpInline"
placeholder="Message Title"
/>
</div>
<div class="col-auto">
<button id="inputTextBtn13" class="btn set-btn" onclick="customMsgValidate()">Add</button>
</div>
<p id="demo4" style="display: none"></p>
</div>
<div id="limit-msg">
</div>
@ -7710,242 +7732,573 @@
<div class="row g-3 align-items-center mt-3">
<div class="col-auto">
<label for="inputScrollSpeed13Z" class="col-form-label"
>Scroll Speed:
</label>
</div>
<div class="col-auto">
<select
id="inputScrollSpeed13"
class="form-select speed-select"
>
<option {%if message_settings.speed == 'Medium' %} selected {% endif %}>Medium</option>
<option {%if message_settings.speed == 'Slow' %} selected {% endif %}>Slow</option>
<option {%if message_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="inputScrollSpeedRow13Z" class="col-form-label"
>Scroll Speed (Row 2):
</label>
</div>
<div class="col-auto">
<select
id="inputScrollSpeedRow13"
class="form-select speed-select"
>
<option {%if message_settings.speed2 == 'Medium' %} selected {% endif %}>Medium</option>
<option {%if message_settings.speed2 == 'Slow' %} selected {% endif %}>Slow</option>
<option {%if message_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="inputTransition13Z" class="col-form-label"
>Intro Transition:
</label>
</div>
<div class="col-auto">
<select
id="inputTransition13"
class="form-select animation-select"
>
<option {%if message_settings.animation == 'Down' %} selected {% endif %}>Down</option>
<option {%if message_settings.animation == 'Up' %} selected {% endif %}>Up</option>
<option {%if message_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="inputText14Z" class="col-form-label"
>Message:
</label>
</div>
<div class="col-auto">
<input
type="text"
id="inputText14"
class="form-control message-input"
aria-describedby="TextHelpInline"
placeholder="Custom Message"
/>
</div>
<p id="demo5" style="display: none"></p>
</div>
<!--
<div class="row g-3 align-items-center mt-3">
<div class="col-auto">
<label for="inputText15" class="col-form-label"
>Optional Message (row 2):
</label>
</div>
<div class="col-auto">
<input
type="text"
id="inputText15"
class="form-control"
aria-describedby="TextHelpInline"
/>
</div>
</div>
<div class="row g-3 align-items-center mt-3">
<div class="col-auto">
<label for="inputScrollSpeed14" class="col-form-label"
>Border Color:
</label>
</div>
<div class="col-auto">
<select id="inputScrollSpeed14" class="form-select">
<option>Rainbow</option>
<option></option>
<option></option>
</select>
</div>
</div>
<div class="row g-3 align-items-center mt-3">
<div class="col-auto">
<label for="inputScrollSpeed15" class="col-form-label"
>Border:
</label>
</div>
<div class="col-auto">
<select id="inputScrollSpeed15" class="form-select">
<option>Dotted</option>
<option></option>
<option></option>
</select>
</div>
</div>
-->
<div class="row g-3 align-items-center mt-3">
<div class="col-auto">
<label for="inputScrollSpeed16Z" class="col-form-label"
>Text Color:
</label>
</div>
<div class="col-auto">
<select
id="inputScrollSpeed16"
class="form-select text-colour"
>
<option>Black</option>
<option>White</option>
<option>Red</option>
<option>Green</option>
<option>Dark Green</option>
<option>Blue</option>
<option>Purple</option>
<option>Pink</option>
<option>Yellow</option>
<option>Orange</option>
<option>Gold</option>
<option>Gray</option>
<option>Cyan</option>
</select>
</div>
</div>
<div class="row g-3 align-items-center mt-3">
<div class="col-auto">
<label for="inputScrollSpeed17Z" class="col-form-label"
>Text Size:
</label>
</div>
<div class="col-auto">
<select
id="inputScrollSpeed17"
class="form-select text-size"
>
<option>Large</option>
<option>Medium</option>
<option>Small</option>
</select>
</div>
</div>
<!--
<div class="row g-3 align-items-center mt-3">
<div class="col-auto">
<label for="inputScrollSpeed18" class="col-form-label"
>Font:
</label>
</div>
<div class="col-auto">
<select id="inputScrollSpeed18" class="form-select">
<option>Arial</option>
<option></option>
<option></option>
</select>
</div>
</div>
-->
<div class="row g-3 align-items-center mt-3">
<div class="col-auto">
<label for="inputScrollSpeed19Z" class="col-form-label"
>Background Color:
</label>
</div>
<div class="col-auto">
<select
id="inputScrollSpeed19"
class="form-select back-colour"
>
<option>Black</option>
<option>White</option>
<option>Red</option>
<option>Green</option>
<option>Dark Green</option>
<option>Blue</option>
<option>Purple</option>
<option>Pink</option>
<option>Yellow</option>
<option>Orange</option>
<option>Gold</option>
<option>Gray</option>
<option>Cyan</option>
</select>
</div>
</div>
<div class="row g-3 align-items-center mt-3">
<div class="col-auto">
<label for="inputTransition" class="col-form-label"
>Display Feature Title
</label>
</div>
<div class="col-auto">
<input
class="form-check-input title-select"
type="checkbox"
value=""
id="flexCheckChecked29"
{% if message_settings.title%}checked{%endif%} />
{%
if
message_settings.title%}
checked
{%endif%}
/>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<h6 class="mt-3">List:</h6>
<div class="features-div-two">
<ul
id="messages-features"
class="display-features-list text-white message-list" >
class="display-features-list text-white message-list"
>
{%for f in message_settings.messages %}
<li onclick="getCustomMsg(this.innerText)">{{f.name}}</li>
{% endfor%}
</ul>
</div>
</div>
<div class="col-lg-2 col-md-2 col-sm-12">
<div class="icons-list">
<i
id="messages-increase-btn"
class="fa fa-chevron-up"
aria-hidden="true"
></i>
<br />
<br />
<i
id="messages-decrease-btn"
class="fa fa-chevron-down"
aria-hidden="true"
></i>
<a style="position: relative; bottom: 30px; left: 10px">Sort Order</a>
<a style="position: relative; bottom: 30px; left: 10px"
>Sort Order</a
>
<br />
<br />
<i
id="messages-remove-btn"
class="fa fa-minus"
aria-hidden="true"
></i>
<span style="position: relative; bottom: 0; left: 10px">Remove</span>
<span style="position: relative; bottom: 0; left: 10px"
>Remove</span
>
</div>
</div>
</div>
<div class="save-btn-div">
<a href="#" class="btn save-btn">Save</a>
</div>
</div>
</div>
</section>