/** * ----------------------------------------------------------------------------- * @package smartVISU * @author Martin Gleiß * @copyright 2012 - 2015 * @license GPL [http://www.gnu.de] * ----------------------------------------------------------------------------- */ {% extends "widget_basic.html" %} {% block example %}
Examples
Simple static icon
{% filter trim|escape|nl2br %}{% verbatim %} {{ basic.icon('light_light') }} {% endverbatim %}{% endfilter %}
{{ basic.icon('light_light.svg') }}
Colored icon
{% filter trim|escape|nl2br %}{% verbatim %} {{ basic.icon('light_light', '#0b0') }} {{ basic.icon(icon.light('','','bath.light.value'), 'icon1') }} {% endverbatim %}{% endfilter %}
{{ basic.icon('light_light', '#0b0') }} {{ basic.icon(icon.light('','','bath.light.value'), 'icon1') }}
Dynamically colored icon
{% filter trim|escape|nl2br %}{% verbatim %} {{ basic.icon('light_light', 'rgb', ['bath.color.r', 'bath.color.g', 'bath.color.b']) }} {{ basic.icon(icon.light('','','bath.light.value'), 'rgb', ['bath.color.r', 'bath.color.g', 'bath.color.b']) }} {% endverbatim %}{% endfilter %}
Use this color selector to change icon color.
{{ basic.color('', 'bath.color.r', 'bath.color.g', 'bath.color.b') }}
{{ basic.icon('light_light', 'rgb', ['bath.color.r', 'bath.color.g', 'bath.color.b']) }} {{ basic.icon(icon.light('','','bath.light.value'), 'rgb', ['bath.color.r', 'bath.color.g', 'bath.color.b']) }}
New in v3.0: icon sizes may be altered
{% filter trim|escape|nl2br %}{% verbatim %} {{ basic.icon('light_light', 'rgb', ['bath.color.r', 'bath.color.g', 'bath.color.b'], 'micro') }} {{ basic.icon('light_light', 'rgb', ['bath.color.r', 'bath.color.g', 'bath.color.b'], 'mini') }} {{ basic.icon('light_light', 'rgb', ['bath.color.r', 'bath.color.g', 'bath.color.b'], 'midi') }} {{ basic.icon('light_light', 'rgb', ['bath.color.r', 'bath.color.g', 'bath.color.b'], 'icon') }} {% endverbatim %}{% endfilter %}
{{ basic.icon('light_light', 'rgb', ['bath.color.r', 'bath.color.g', 'bath.color.b'], 'micro') }} {{ basic.icon('light_light', 'rgb', ['bath.color.r', 'bath.color.g', 'bath.color.b'], 'mini') }} {{ basic.icon('light_light', 'rgb', ['bath.color.r', 'bath.color.g', 'bath.color.b'], 'icon') }} {{ basic.icon('light_light', 'rgb', ['bath.color.r', 'bath.color.g', 'bath.color.b'], 'midi') }} {{ basic.icon(icon.light('','','bath.light.value'), 'rgb', ['bath.color.r', 'bath.color.g', 'bath.color.b'], 'micro') }} {{ basic.icon(icon.light('','','bath.light.value'), 'rgb', ['bath.color.r', 'bath.color.g', 'bath.color.b'], 'mini') }} {{ basic.icon(icon.light('','','bath.light.value'), 'rgb', ['bath.color.r', 'bath.color.g', 'bath.color.b'], 'icon') }} {{ basic.icon(icon.light('','','bath.light.value'), 'rgb', ['bath.color.r', 'bath.color.g', 'bath.color.b'], 'midi') }}
{% endblock %}