aboutsummaryrefslogtreecommitdiffstats
path: root/view/tpl/contact_slider.tpl
blob: 0848df6739dcca21887900c6fb87918a08475037 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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("show")) {
		$("#affinity-tool-collapse").addClass("show");
		makeContactSlider();
		$("#affinity-tool-collapse").removeClass("show");
	}
	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>