r/place frontend
This commit is contained in:
Justin
GitHub
parent
1e6fbddb59
commit
636f08a11c
@ -1246,6 +1246,7 @@
|
|||||||
<li>Jokes</li>
|
<li>Jokes</li>
|
||||||
<li>Gainers, Losers, Active</li>
|
<li>Gainers, Losers, Active</li>
|
||||||
<li>Sector Performance</li>
|
<li>Sector Performance</li>
|
||||||
|
<li>r/place (Reddit)</li>
|
||||||
|
|
||||||
{%endif%}
|
{%endif%}
|
||||||
|
|
||||||
@ -1360,6 +1361,7 @@
|
|||||||
<option value="19">Jokes</option>
|
<option value="19">Jokes</option>
|
||||||
<option value="20">Gainers, Losers, Active</option>
|
<option value="20">Gainers, Losers, Active</option>
|
||||||
<option value="21">Sector Performance</option>
|
<option value="21">Sector Performance</option>
|
||||||
|
<option value="22">r/place (Reddit)</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -7455,6 +7457,173 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 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>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Custom Images -->
|
<!-- Custom Images -->
|
||||||
|
|
||||||
<div class="page" id="Page11" style="display: none">
|
<div class="page" id="Page11" style="display: none">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user