/
answer_row.twig
107 lines (102 loc) · 4.27 KB
/
answer_row.twig
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
{#
/**
* Multiple short texts question, item input text Html
* @var $tip
* @var $alert
* @var $maxlength
* @var $tiwidth
* @var $extraclass
* @var $sDisplayStyle
* @var $prefix
* @var $myfname
* @var $labelText
* @var $prefix
* @var $kpclass
* @var $rows
* @var $checkconditionFunction
* @var $dispVal
* @var $suffix
* @var $sUnformatedValue
* @var $slider_min
* @var $slider_max
* @var $slider_step
* @var $slider_default
* @var $slider_orientation
* @var $slider_handle
* @var $slider_reset
* @var $slider_reversed
* @var $sSeparator
*/
#}
<li id='javatbd{{ myfname }}' class="question-item answer-item numeric-item text-item slider-item form-group {{ extraclass }}{% if alert %} ls-error-mandatory has-error {% endif %}">
<label id="label-{{ myfname }}" class='control-label col-xs-12 col-sm-{{ sLabelWidth }}{% if sLabelWidth == 0 %} hidden{% endif %}' for="answer{{myfname}}">
{{ processString(labelText) }}
</label>
<div class="col-xs-12 col-sm-{{ sInputContainerWidth }} container-fluid">
{% if sliderleft is not empty %}
<div class='col-xs-12 col-sm-2 slider-left text-right'>{{ sliderleft }}</div>
{% endif %}
<div class="slider-container slider-{{slider_orientation}} ls-input-group col-xs-12 col-sm-{{sliderWidth}}" id="answer{{myfname}}slid-container">
{{ C.Html.textField( myfname ~ 'slid', dispVal ,{
'class': 'form-control answer-item numeric-item hidden',
'id' : "answer" ~ myfname ~ "slid",
})
}}
{{ C.Html.textField( myfname, dispVal ,{
'class': 'form-control answer-item numeric-item ls-js-hidden slider-untouched',
'id' : "answer" ~ myfname,
'aria-labelledby' : 'label-' ~ myfname
})
}}
{% if slider_showminmax %}
<div class="slider-min-max-container">
<div class='help-block slider-min-block'> {{ slider_reversed == 'false' ? slider_min : slider_max}}</div>
<div class='help-block slider-max-block'> {{ slider_reversed == 'false' ? slider_max : slider_min}}</div>
</div>
{% endif %}
{% if slider_reset %}
<div class="ls-input-group-extra ls-no-js-hidden ls-input-group-reset">
<button id="answer{{ myfname }}_resetslider" class='btn btn-default btn-sm btn-slider-reset'>
<i class='fa fa-times slider-reset-icon' aria-hidden='true'></i><span class="slider-reset-text"> {{ gT("Reset") }}</span>
</button>
</div>
{% endif %}
</div>
{% if sliderright is not empty %}
<div class='col-xs-12 col-sm-2 slider-right text-left'>{{ sliderright }}</div>
{% endif %}
</div>
</li>
{% set script %}
window.activeSliders = window.activeSliders || {};
if(window.activeSliders.s{{myfname}}){
window.activeSliders.s{{myfname}}.unsetSlider();
delete window.activeSliders.s{{myfname}};
}
window.activeSliders.s{{myfname}} = new LSSlider({
'qid': "{{qid}}",
'element': "{{myfname}}slid",
'rootElement': "{{myfname}}",
'labelElement': "label-{{ myfname }}",
'value' : '{{slider_value}}',
'min' : {{slider_min}},
'max' : {{slider_max}},
'step' : {{slider_step}},
'orientation' : "{{slider_orientation}}",
'handle' : "{{slider_handle}}",
'tooltip' : 'always',
'reset' : "{{slider_reset}}",
'prefix' : "{{ processString(prefix,1) }}",
'suffix' : "{{ processString(suffix,1) }}",
'separator' : "{{sSeparator}}",
'number' : true,
'integer' : {{integeronly}},
'position' : parseInt({{slider_position}}),
'custom_handle' : "{{slider_custom_handle}}",
'setPosition' : "{{slider_default_set}}",
'reversed' : {{slider_reversed}},
});
window.activeSliders.s{{myfname}}.init();
{% endset %}
{{ registerScript( 'SliderQuestion'~myfname, script, 'POS_POSTSCRIPT') }}
<!-- end of answer_row -->