diff options
| author | redmatrix <redmatrix@redmatrix.me> | 2015-07-14 17:10:13 -0700 |
|---|---|---|
| committer | redmatrix <redmatrix@redmatrix.me> | 2015-07-14 17:10:13 -0700 |
| commit | e8f19c1e15f9ba728ca19222a62da602b862c77c (patch) | |
| tree | b1434ba4eea81d9ad0e951a9acd9e5f83ebafd20 /view/tpl/contact_slider.tpl | |
| parent | da5cec24e018cded947f931e2398ea43e052caed (diff) | |
| parent | 3687fef53c5eeef7153306f45c5f187d5bfca68c (diff) | |
| download | volse-hubzilla-e8f19c1e15f9ba728ca19222a62da602b862c77c.tar.gz volse-hubzilla-e8f19c1e15f9ba728ca19222a62da602b862c77c.tar.bz2 volse-hubzilla-e8f19c1e15f9ba728ca19222a62da602b862c77c.zip | |
Merge branch 'master' of https://github.com/redmatrix/redmatrix
Conflicts:
mod/connedit.php
Diffstat (limited to 'view/tpl/contact_slider.tpl')
| -rwxr-xr-x | view/tpl/contact_slider.tpl | 20 |
1 files changed, 18 insertions, 2 deletions
diff --git a/view/tpl/contact_slider.tpl b/view/tpl/contact_slider.tpl index 5c15e1c2c..550abc147 100755 --- a/view/tpl/contact_slider.tpl +++ b/view/tpl/contact_slider.tpl @@ -1,4 +1,20 @@ -<div id="contact-slider" class="slider" style="height: 32px; position: relative; left: 5%; width: 90%;"><input id="contact-range" type="text" name="fake-closeness" value="{{$val}}" /></div> +<div id="contact-slider" class="slider form-group"><input id="contact-range" type="text" name="fake-closeness" value="{{$val}}" /></div> <script> - $("#contact-range").jRange({ from: {{$min|default:'0'}}, to: 99, step: 1, scale: [{{$labels}}], width:'100%', showLabels: false, onstatechange: function(v) { $("#contact-closeness-mirror").val(v); } }); +$(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> |