/** * ----------------------------------------------------------------------------- * @package smartVISU * @author Martin Gleiß, Martin Sinn * @copyright 2012 - 2016 * @license GPL [http://www.gnu.de] * ----------------------------------------------------------------------------- */ {% extends "widget_basic.html" %} {% block example %}
Examples
{{ basic.dual('dual0', 'bath.light.switch') }}
{{ basic.dual('dual0', 'bath.light.switch') }}
Dual-button with two pics 'mini' and 'midi'
{% filter trim|escape|nl2br %}{% raw %} {{ basic.dual('dual1', '...', 'control_arrow_up.svg', 'control_arrow_down.svg', '', '', 'micro') }} {{ basic.dual('dual2', '...', 'control_arrow_up.svg', 'control_arrow_down.svg') }} {{ basic.dual('dual3', '...', 'control_arrow_up.svg', 'control_arrow_down.svg', '', '', 'midi') }} {{ basic.dual('dual4', '...', 'control_arrow_up.svg', 'control_arrow_down.svg', '', '', 'midi', '#25ea4e', '#4176a9') }} {% endraw %}{% endfilter %}
{{ basic.dual('dual1', 'bath.light.switch', 'control_arrow_up.svg', 'control_arrow_down.svg', '', '', 'micro') }} {{ basic.dual('dual2', 'bath.light.switch', 'control_arrow_up.svg', 'control_arrow_down.svg') }} {{ basic.dual('dual3', 'bath.light.switch', 'control_arrow_up.svg', 'control_arrow_down.svg', '', '', 'midi') }} {{ basic.dual('dual4', 'bath.light.switch', 'control_arrow_up.svg', 'control_arrow_down.svg', '', '', 'midi', '#25ea4e', '#4176a9') }}
Some Buttons grouped together. You may mix buttons and duals.
{% filter trim|escape|nl2br %}{% raw %} ... {% endraw %}{% endfilter %}
{{ basic.button('cg11', 'bath.light.switch', 'Up', '', '', 'micro') }} {{ basic.button('cg12', 'bath.light.switch', 'Dw', '', 0, 'micro') }} {{ basic.dual('cg13', 'bath.light.switch', 'control_arrow_up.svg', 'control_arrow_down.svg', '', '', 'micro') }} {{ basic.button('cg21', 'bath.light.switch', 'Up', 'plus') }} {{ basic.button('cg22', 'bath.light.switch', 'Down', 'minus', 0) }} {{ basic.dual('cg23', 'bath.light.switch', 'control_arrow_up.svg', 'control_arrow_down.svg') }} {{ basic.button('cg31', 'bath.light.switch', 'Up', 'plus', '', 'midi') }} {{ basic.button('cg32', 'bath.light.switch', 'Down', 'minus', 0, 'midi') }} {{ basic.dual('cg33', 'bath.light.switch', 'control_arrow_up.svg', 'control_arrow_down.svg', '', '', 'midi') }} {{ basic.button('cg41', 'bath.light.switch', 'Up', 'plus', '', 'midi') }} {{ basic.button('cg42', 'bath.light.switch', 'Down', 'minus', 0, 'midi') }} {{ basic.dual('cg43', 'bath.light.switch', 'control_arrow_up.svg', 'control_arrow_down.svg', '', '', 'midi', '#25ea4e', '#4176a9') }}
{% endblock %}