/** * ----------------------------------------------------------------------------- * @package smartVISU * @author WIDMER Stefan * @copyright 2017 * @license GPL [http://www.gnu.de] * ----------------------------------------------------------------------------- */ {% extends "index.html" %} {% block content %}
Replacing removed widgets from smartVISU v2.9 and older
Users upgrading to smartVISU version v3.0 and above from versions below v3.0 will not be able to use some widgets deprecated in v2.9 and removed in v3.0. The templatechecker helps to replace these widgets. If you check your pages it will report usage of removed widgets as errors and give a replacement suggestion. Here are some common examples on how to replace these widgets.

Click button (replacement of deprecated basic.button)
{% filter trim|escape|nl2br %}{% verbatim %} {{ basic.button('', 'bath.light.switch') }} {{ basic.stateswitch('', 'bath.light.switch', '', 1) }} {{ basic.button('', 'bath.light.switch', 'Off', 'grid', 0, 'midi', 'icon1') }} {{ basic.stateswitch('', 'bath.light.switch', 'midi', 0, 'grid', 'Off', 'icon1') }} new: icon instead of button {{ basic.stateswitch('', 'bath.light.switch', 'icon', 1) }} {% endverbatim %}{% endfilter %}
{{ basic.stateswitch('', 'bath.light.switch', '', 1) }} {{ basic.stateswitch('', 'bath.light.switch', 'midi', 0, 'grid', 'Off', 'icon1') }} {{ basic.stateswitch('', 'bath.light.switch', 'icon', 1) }}
Switch button (replacement of deprecated basic.dual)
{% filter trim|escape|nl2br %}{% verbatim %} {{ basic.dual('', 'bath.light.switch') }} {{ basic.stateswitch('', 'bath.light.switch') }} {{ basic.dual('', 'bath.light.switch', 'control_arrow_up.svg', 'control_arrow_down.svg', 0, 1, 'midi', '#f00', 'icon1') }} {{ basic.stateswitch('', 'bath.light.switch', 'midi', [1,0], ['control_arrow_down.svg', 'control_arrow_up.svg'], '', ['icon1', '#f00']) }} new: text on dual {{ basic.stateswitch('', 'bath.light.switch', '', '', '', ['Off', 'On']) }} {% endverbatim %}{% endfilter %}
{{ basic.stateswitch('', 'bath.light.switch') }} {{ basic.stateswitch('', 'bath.light.switch', 'midi', [1,0], ['control_arrow_down.svg', 'control_arrow_up.svg'], '', ['icon1', '#f00']) }} {{ basic.stateswitch('', 'bath.light.switch', '', '', '', ['Off', 'On']) }}
Switching icon (replacement of deprecated basic.switch)
{% filter trim|escape|nl2br %}{% verbatim %} {{ basic.switch('', 'bath.light.switch') }} {{ basic.stateswitch('', 'bath.light.switch', 'icon') }}; {{ basic.switch('', 'bath.light.switch', 'control_arrow_up.svg', 'control_arrow_down.svg', 0, 1, '#f00', 'icon1') }} {{ basic.stateswitch('', 'bath.light.switch', 'icon', [1,0], ['control_arrow_down.svg', 'control_arrow_up.svg'], '', ['icon1', '#f00']) }} new: jQuery icons {{ basic.stateswitch('', 'bath.light.switch', 'icon', '', ['user', 'grid'], '', ['#f00', 'icon1']) }} new: text switch {{ basic.stateswitch('', 'bath.light.switch', 'text', '', '', ['On', 'Off']) }} {% endverbatim %}{% endfilter %}
{{ basic.stateswitch('', 'bath.light.switch', 'icon') }} {{ basic.stateswitch('', 'bath.light.switch', 'icon', [1,0], ['control_arrow_down.svg', 'control_arrow_up.svg'], '', ['icon1', '#f00'], 'green') }} {{ basic.stateswitch('', 'bath.light.switch', 'icon', '', ['user', 'grid'], '', ['#f00', 'icon1']) }} {{ basic.stateswitch('', 'bath.light.switch', 'text', '', '', ['On', 'Off']) }}
Multistate (replacement of deprecated basic.multistate)
{% filter trim|escape|nl2br %}{% verbatim %} {{ basic.multistate('', 'bath.multistate', [5,6,7], ['control_arrow_down.svg', 'control_arrow_left.svg', 'control_arrow_up.svg']) }} {{ basic.stateswitch('', 'bath.multistate', '', [5,6,7], ['control_arrow_down.svg', 'control_arrow_left.svg', 'control_arrow_up.svg']) }} {{ basic.multistate('', 'bath.multistate', [5,6,7], ['control_arrow_down.svg', 'control_arrow_left.svg', 'control_arrow_up.svg'], 'midi', ['icon0', 'icon1', '#f00']) }} {{ basic.stateswitch('', 'bath.multistate', 'midi', [5,6,7], ['control_arrow_down.svg', 'control_arrow_left.svg', 'control_arrow_up.svg'], '', ['icon0', 'icon1', '#f00']) }} new: add text {{ basic.stateswitch('', 'bath.multistate', '', [5,6,7], ['control_arrow_down.svg', 'control_arrow_left.svg', 'control_arrow_up.svg'], ['Down', 'Left', 'Up'], ['icon0', 'icon1', '#f00']) }} new: show as icon {{ basic.stateswitch('', 'bath.multistate', 'icon', [5,6,7], ['control_arrow_down.svg', 'control_arrow_left.svg', 'control_arrow_up.svg'], '', ['icon0', 'icon1', '#f00']) }} {% endverbatim %}{% endfilter %}
{{ basic.stateswitch('', 'bath.multistate', '', [5,6,7], ['control_arrow_down.svg', 'control_arrow_left.svg', 'control_arrow_up.svg']) }} {{ basic.stateswitch('', 'bath.multistate', 'midi', [5,6,7], ['control_arrow_down.svg', 'control_arrow_left.svg', 'control_arrow_up.svg'], '', ['icon0', 'icon1', '#f00']) }} {{ basic.stateswitch('', 'bath.multistate', '', [5,6,7], ['control_arrow_down.svg', 'control_arrow_left.svg', 'control_arrow_up.svg'], ['Down', 'Left', 'Up'], ['icon0', 'icon1', '#f00']) }} {{ basic.stateswitch('', 'bath.multistate', 'icon', [5,6,7], ['control_arrow_down.svg', 'control_arrow_left.svg', 'control_arrow_up.svg'], '', ['icon0', 'icon1', '#f00']) }}
Hiding switch (replacement of never released basic.hiddenswitch)
{% filter trim|escape|nl2br %}{% verbatim %} {{ basic.hiddenswitch('', 'bath.light.switch') }} {{ basic.stateswitch('', 'bath.light.switch', 'icon', '', '', '', ['blank', 'icon1']) }} {{ basic.hiddenswitch('', 'bath.light.switch', 'text', 'light_light.svg', 0, 1, 'icon1') }} {{ basic.stateswitch('', 'bath.light.switch', 'icon', [1,0], ['', 'light_light.svg'], ['', 'text'], ['blank', 'icon0']) }} new: show as button {{ basic.stateswitch('', 'bath.light.switch', '', '', '', '', ['blank', '']) }} {% endverbatim %}{% endfilter %}
{{ basic.stateswitch('', 'bath.light.switch', 'icon', '', '', '', ['blank', 'icon1']) }} {{ basic.stateswitch('', 'bath.light.switch', 'icon', [1,0], ['', 'light_light.svg'], ['', 'text'], ['blank', '']) }} {{ basic.stateswitch('', 'bath.light.switch', '', '', '', '', ['blank', '']) }}
{% endblock %}