senaduka/old-web
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

Sliders now returning to correct range if they go beyond allowed value

Browse Source
This commit is contained in:
Nedim Uka
2019-06-11 11:44:59 +02:00
parent 62bf3380cd
commit f0e8a72756
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/views/partials/range.ejs
View File

@@ -15,7 +15,7 @@
<h6>Do</h6>
</div>
<div class="row center-align">
<h6 id="to-value"><%= rangeTo.value %> <%= unit %></h12>
<h6 id="to-value"><%= rangeTo.value %> <%= unit %></h12>
</div>
<p class="range-field">
<input name="to" id="to" type="range" value="<%= rangeTo.value %>" min="<%= rangeTo.min %>"
@@ -34,11 +34,19 @@
$(document).ready(() => {
$("#from").change(function () {
if (Number($("#from").val()) >= Number($("#to").val())) {
$("#from").val(Number($("#to").val()) - Number(<%= rangeFrom.step %>) )
}
$('#from-value').text($("#from").val() + "<%= unit %>");
});
$("#to").change(function () {
$('#to-value').text($("#to").val() + "<%= unit %>" );
if (Number($("#to").val()) <= Number($("#from").val())) {
$("#to").val(Number($("#from").val()) + Number(<%= rangeTo.step %>) )
}
$('#to-value').text($("#to").val() + "<%= unit %>");
});
@@ -57,5 +65,7 @@
$("#form-range").submit();
});
});
</script>