/** * ----------------------------------------------------------------------------- * @package smartVISU * @author Martin Gleiß * @copyright 2012 * @license GPL [http://www.gnu.de] * ----------------------------------------------------------------------------- */ {% extends "widget_basic.html" %} {% block example %} Use the slider to control the shifter
{{ basic.slider('slider1', 'bath_light_value', 0, 255, 1) }}
Examples .png-iconseries
1: default icons
{% filter trim|escape|nl2br %}{% verbatim %} {{ basic.shifter('shifter1', 'bath_light_switch', 'bath_light_value') }} {% endverbatim %}{% endfilter %}

2: without switch-function
{% filter trim|escape|nl2br %}{% verbatim %} {{ basic.shifter('shifter2', '', 'bath_light_value', icon1~'temp_temperature_00.png' ) }} {% endverbatim %}{% endfilter %}

3: with static 'off' icon
{% filter trim|escape|nl2br %}{% verbatim %} {{ basic.shifter('shifter3', 'bath_light_switch', 'bath_light_value', icon1~'fts_shutter_00.png', icon0~'fts_shutter_10.png' ) }} {% endverbatim %}{% endfilter %}

1: {{ basic.shifter('shifter1', 'bath_light_switch', 'bath_light_value') }} 2: {{ basic.shifter('shifter2', '', 'bath_light_value', icon1~'temp_temperature_00.png') }} 3: {{ basic.shifter('shifter3', 'bath_light_switch', 'bath_light_value', icon1~'fts_shutter_00.png', icon0~'fts_shutter_10.png' ) }} ... {{ basic.shifter('shifter4', 'bath_light_switch', 'bath_light_value', icon1~'fts_garage_door_00.png', icon0~'fts_garage.png') }} {{ basic.shifter('shifter5', 'bath_light_switch', 'bath_light_value', icon1~'status_bat_00.png', icon0~'status_bat_unknown.png') }}
Examples svg-icons
{% filter trim|escape|nl2br %}{% verbatim %} {{ basic.shifter('svg1', '...', '...', 'icon.arrow') }} {{ basic.shifter('svg2', '...', '...', 'icon.battery') }} {% endverbatim %}{% endfilter %}

{% import "icon.html" as icon %} {% set widgetlist = docu('widgets/icon.html') %} {% for widget in widgetlist %} {% set i = i + 1 %} {{ basic.shifter('svg' ~ i, 'bath_light_switch', 'bath_light_value', widget.command) }} {% endfor %}
{% endblock %}