aboutsummaryrefslogtreecommitdiffstats
path: root/view/tpl/rating_slider.tpl
diff options
context:
space:
mode:
authorMario Vavti <mario@mariovavti.com>2015-07-14 12:46:40 +0200
committerMario Vavti <mario@mariovavti.com>2015-07-14 12:46:40 +0200
commit7f712973831212694de824a2e63961b98ef53959 (patch)
tree7b135e84ecf2439e93105adda5ac01c2e374948f /view/tpl/rating_slider.tpl
parent86633bda48af77483a082d79c1bec7abc3febab3 (diff)
downloadvolse-hubzilla-7f712973831212694de824a2e63961b98ef53959.tar.gz
volse-hubzilla-7f712973831212694de824a2e63961b98ef53959.tar.bz2
volse-hubzilla-7f712973831212694de824a2e63961b98ef53959.zip
cleanup connedit
Diffstat (limited to 'view/tpl/rating_slider.tpl')
-rw-r--r--view/tpl/rating_slider.tpl19
1 files changed, 17 insertions, 2 deletions
diff --git a/view/tpl/rating_slider.tpl b/view/tpl/rating_slider.tpl
index 4702fc65b..4c36504e6 100644
--- a/view/tpl/rating_slider.tpl
+++ b/view/tpl/rating_slider.tpl
@@ -1,4 +1,19 @@
-<div id="rating-slider" class="slider" style="height: 32px; position: relative; left: 5%; width: 90%;"><input id="rating-range" type="text" name="fake-rating" value="{{$val}}" /></div>
+<div id="rating-slider" class="slider form-group"><input id="rating-range" type="text" name="fake-rating" value="{{$val}}" /></div>
<script>
- $("#rating-range").jRange({ from: -10, to: 10, step: 1, width:'100%', showLabels: false, showScale: true, scale : [ '-10','-8','-6','-4','-2','0','2','4','6','8','10' ], onstatechange: function(v) { $("#contact-rating-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(!$("#rating-tool-collapse").hasClass("in")) {
+ $("#rating-tool-collapse").addClass("in");
+ makeRatingSlider();
+ $("#rating-tool-collapse").removeClass("in");
+ }
+ else {
+ makeRatingSlider();
+ }
+});
+function makeRatingSlider() {
+ $("#rating-range").jRange({ from: -10, to: 10, step: 1, width:'98%', showLabels: false, showScale: true, scale : [ '-10','-8','-6','-4','-2','0','2','4','6','8','10' ], onstatechange: function(v) { $("#contact-rating-mirror").val(v); } });
+}
</script>