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 --> <!-- Custom Messages -->
<div class="page" id="Page13" style="display: none"> <div class="page" id="Page13" style="display: none">
<div class="row"> <div class="row">
<div class="col-lg-6 col-md-6 col-sm-12"> <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="row g-3 align-items-center mt-3 left-div">
<div class="col-auto"> <div class="col-auto">
<label for="inputText" class="col-form-label" <label for="inputText" class="col-form-label"
>Message Name: >Message Name:
</label> </label>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<input <input
type="text" type="text"
id="inputText13" id="inputText13"
class="form-control" class="form-control"
aria-describedby="TextHelpInline" aria-describedby="TextHelpInline"
placeholder="Message Title" placeholder="Message Title"
/> />
</div> </div>
<div class="col-auto"> <div class="col-auto">
<button id="inputTextBtn13" class="btn set-btn" onclick="customMsgValidate()">Add</button> <button id="inputTextBtn13" class="btn set-btn" onclick="customMsgValidate()">Add</button>
</div> </div>
<p id="demo4" style="display: none"></p> <p id="demo4" style="display: none"></p>
</div> </div>
<div id="limit-msg"> <div id="limit-msg">
</div> </div>
@ -7710,242 +7732,573 @@
<div class="row g-3 align-items-center mt-3"> <div class="row g-3 align-items-center mt-3">
<div class="col-auto"> <div class="col-auto">
<label for="inputScrollSpeed13Z" class="col-form-label" <label for="inputScrollSpeed13Z" class="col-form-label"
>Scroll Speed: >Scroll Speed:
</label> </label>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<select <select
id="inputScrollSpeed13" id="inputScrollSpeed13"
class="form-select speed-select" class="form-select speed-select"
> >
<option {%if message_settings.speed == 'Medium' %} selected {% endif %}>Medium</option> <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 == 'Slow' %} selected {% endif %}>Slow</option>
<option {%if message_settings.speed == 'Fast' %} selected {% endif %}>Fast</option> <option {%if message_settings.speed == 'Fast' %} selected {% endif %}>Fast</option>
</select> </select>
</div> </div>
</div> </div>
<div class="row g-3 align-items-center mt-3 left-div"> <div class="row g-3 align-items-center mt-3 left-div">
<div class="col-auto"> <div class="col-auto">
<label for="inputScrollSpeedRow13Z" class="col-form-label" <label for="inputScrollSpeedRow13Z" class="col-form-label"
>Scroll Speed (Row 2): >Scroll Speed (Row 2):
</label> </label>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<select <select
id="inputScrollSpeedRow13" id="inputScrollSpeedRow13"
class="form-select speed-select" class="form-select speed-select"
> >
<option {%if message_settings.speed2 == 'Medium' %} selected {% endif %}>Medium</option> <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 == 'Slow' %} selected {% endif %}>Slow</option>
<option {%if message_settings.speed2 == 'Fast' %} selected {% endif %}>Fast</option> <option {%if message_settings.speed2 == 'Fast' %} selected {% endif %}>Fast</option>
</select> </select>
</div> </div>
</div> </div>
<div class="row g-3 align-items-center mt-3"> <div class="row g-3 align-items-center mt-3">
<div class="col-auto"> <div class="col-auto">
<label for="inputTransition13Z" class="col-form-label" <label for="inputTransition13Z" class="col-form-label"
>Intro Transition: >Intro Transition:
</label> </label>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<select <select
id="inputTransition13" id="inputTransition13"
class="form-select animation-select" class="form-select animation-select"
> >
<option {%if message_settings.animation == 'Down' %} selected {% endif %}>Down</option> <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 == 'Up' %} selected {% endif %}>Up</option>
<option {%if message_settings.animation == 'Continuous' %} selected {% endif %}>Continuous</option> <option {%if message_settings.animation == 'Continuous' %} selected {% endif %}>Continuous</option>
</select> </select>
</div> </div>
</div> </div>
<div class="row g-3 align-items-center mt-3"> <div class="row g-3 align-items-center mt-3">
<div class="col-auto"> <div class="col-auto">
<label for="inputText14Z" class="col-form-label" <label for="inputText14Z" class="col-form-label"
>Message: >Message:
</label> </label>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<input <input
type="text" type="text"
id="inputText14" id="inputText14"
class="form-control message-input" class="form-control message-input"
aria-describedby="TextHelpInline" aria-describedby="TextHelpInline"
placeholder="Custom Message" placeholder="Custom Message"
/> />
</div> </div>
<p id="demo5" style="display: none"></p> <p id="demo5" style="display: none"></p>
</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="row g-3 align-items-center mt-3">
<div class="col-auto"> <div class="col-auto">
<label for="inputScrollSpeed19Z" class="col-form-label"
>Background Color: <label for="inputText15" class="col-form-label"
>Optional Message (row 2):
</label> </label>
</div> </div>
<div class="col-auto"> <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 <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" class="form-check-input title-select"
type="checkbox" type="checkbox"
value="" value=""
id="flexCheckChecked29" id="flexCheckChecked29"
{% if message_settings.title%}checked{%endif%} />
{%
if
message_settings.title%}
checked
{%endif%}
/>
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-4 col-sm-12"> <div class="col-lg-4 col-md-4 col-sm-12">
<h6 class="mt-3">List:</h6> <h6 class="mt-3">List:</h6>
<div class="features-div-two"> <div class="features-div-two">
<ul <ul
id="messages-features" 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 %} {%for f in message_settings.messages %}
<li onclick="getCustomMsg(this.innerText)">{{f.name}}</li> <li onclick="getCustomMsg(this.innerText)">{{f.name}}</li>
{% endfor%} {% endfor%}
</ul> </ul>
</div> </div>
</div> </div>
<div class="col-lg-2 col-md-2 col-sm-12"> <div class="col-lg-2 col-md-2 col-sm-12">
<div class="icons-list"> <div class="icons-list">
<i <i
id="messages-increase-btn" id="messages-increase-btn"
class="fa fa-chevron-up" class="fa fa-chevron-up"
aria-hidden="true" aria-hidden="true"
></i> ></i>
<br /> <br />
<br /> <br />
<i <i
id="messages-decrease-btn" id="messages-decrease-btn"
class="fa fa-chevron-down" class="fa fa-chevron-down"
aria-hidden="true" aria-hidden="true"
></i> ></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 />
<br /> <br />
<i <i
id="messages-remove-btn" id="messages-remove-btn"
class="fa fa-minus" class="fa fa-minus"
aria-hidden="true" aria-hidden="true"
></i> ></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>
</div> </div>
<div class="save-btn-div"> <div class="save-btn-div">
<a href="#" class="btn save-btn">Save</a> <a href="#" class="btn save-btn">Save</a>
</div> </div>
</div> </div>
</div> </div>
</section> </section>