/**
* -----------------------------------------------------------------------------
* @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 %}