0.0.76 upd range-slider

static/js/user_profile.js

@@ -229,16 +229,48 @@ function onblurInputField(event,el){
 // }
 
 function sliderInit() {
-     $('#id_weight').ionRangeSlider({
+
-                    skin: "round",
+     let $range = $("#id_weight"),
-                    type: "single",
+         $input = $(".js-input"),
-                    min: 0,
+         instance,
-                    max: 1000,
+         min = 0,
-                    from: 0,
+         max = 1000,
-                    step: 1,
+         start_value = document.querySelector(".range-slider")
-                    grid: true,
+
-                    grid_num: 5,
+    $range.ionRangeSlider({
-                });
+        skin: "round",
+        type: "single",
+        min: min,
+        max: max,
+        from: start_value,
+        step: 1,
+        grid: true,
+        grid_num: 5,
+        onStart: function(data) {
+            $input.prop("value", data.from);
+        },
+        onChange: function(data) {
+            $input.prop("value", data.from);
+        }
+    });
+
+    instance = $range.data("ionRangeSlider");
+
+    $input.on("change keyup", function() {
+        let val = $(this).prop("value");
+
+        // validate
+        if (val < min) {
+            val = min;
+        } else if (val > max) {
+            val = max;
+        }
+
+        instance.update({
+            from: val
+        });
+    });
+
 
 }
 

templates/blocks/profile/b_new_route.html

@@ -208,6 +208,10 @@
 
 <hr>
 
+  <div class="extra-controls">
+      <input type="text" class="js-input" value="0" />
+  </div>
+
   <div class="range-slider">
     <label for="id_weight">{{ form.fields.weight.label }}</label>
       <input
@@ -215,8 +219,9 @@
               id="id_weight"
               {% if form.fields.weight.required %} required{% endif %}
               name="weight"
-              value=""
+              {% if form.initial.weight %}
-              {% if form.initial.weight %}value="{{ form.initial.weight }}"{% endif %}
+                value="{{ form.initial.weight }}"
+              {% endif %}
       />
   {% if not errors_off and form.errors and form.errors.weight %}
       <span>{{ form.errors.weight }}</span>