aboutsummaryrefslogtreecommitdiffstats
path: root/view/tpl/contact_slider.tpl
diff options
context:
space:
mode:
Diffstat (limited to 'view/tpl/contact_slider.tpl')
-rwxr-xr-xview/tpl/contact_slider.tpl20
1 files changed, 20 insertions, 0 deletions
diff --git a/view/tpl/contact_slider.tpl b/view/tpl/contact_slider.tpl
new file mode 100755
index 000000000..550abc147
--- /dev/null
+++ b/view/tpl/contact_slider.tpl
@@ -0,0 +1,20 @@
+<div id="contact-slider" class="slider form-group"><input id="contact-range" type="text" name="fake-closeness" value="{{$val}}" /></div>
+<script>
+$(document).ready(function() {
+ // The slider does not render correct if width is given in % and
+ // the slider container is hidden (display: none) during rendering.
+ // So let's unhide it to render and hide again afterwards.
+ if(!$("#affinity-tool-collapse").hasClass("in")) {
+ $("#affinity-tool-collapse").addClass("in");
+ makeContactSlider();
+ $("#affinity-tool-collapse").removeClass("in");
+ }
+ else {
+ makeContactSlider();
+ }
+});
+
+function makeContactSlider() {
+ $("#contact-range").jRange({ from: {{$min|default:'0'}}, to: 99, step: 1, scale: [{{$labels}}], width:'98%', showLabels: false, onstatechange: function(v) { $("#contact-closeness-mirror").val(v); } });
+}
+</script>