/** * ----------------------------------------------------------------------------- * @package smartVISU * @author Martin Gleiß * @copyright 2012 * @license GPL [http://www.gnu.de] * ----------------------------------------------------------------------------- */ {% extends "index.html" %} {% import "basic.html" as basic %} {% import "icon.html" as icon %} {% block content %}

Widget-Overview

Here are some widgets working together. This is not a complete list!

Basic

{{ basic.value('value1', 'bath_light_switch', 'Unit') }}, {{ basic.float('float1', 'bath_light_switch', '°') }}, Formula: {{ basic.formula('formula1', ['bath_p1', 'bath_p2', 'bath_p3'], 'W', '( VAR ) / 1000 * 230') }}
{{ basic.flip('flip1', 'bath_light_switch') }} {{ basic.switch('switch1', 'bath_light_switch') }} {{ basic.shifter('shifter2', 'bath_light_switch', 'bath_light_value') }} {{ basic.button('button1', 'bath_light_switch', '1') }} {{ basic.dual('dual1', 'bath_light_switch') }} {{ basic.rgb('rgb1', 'bath_color_r', 'bath_color_g', 'bath_color_b') }} {{ basic.colordisc('colordisc1', 'bath_color_r', 'bath_color_g', 'bath_color_b') }} {{ basic.symbol('symbol1', 'bath_light_switch') }} {{ basic.checkbox('checkbox1', 'bath_light_switch', 'Checkbox') }} {{ basic.slider('slider1', 'bath_light_value', 0, 255, 1) }}
{{ basic.slider('slider2', 'bath_light_value2', 0, 255, 1, 'vertical') }}
{{ basic.slider('slider3', 'bath_blind_angle', 0, 255, 1, 'semicircle') }}
{{ basic.shutter('shutter1', 'bath_light_value2', 'bath_blind_angle') }}
{{ basic.tank('tank1', 'bath_light_value', 0, 255, 5, 'water') }}

Icons

Static Icon PNG: SVG:
Dynamic Icon PNG: {{ basic.shifter('svg1', 'bath_light_switch', 'bath_light_value', icon1~'light_light_dim_00.png') }} SVG: {{ basic.shifter('svg1', 'bath_light_switch', 'bath_light_value', 'icon.shutter') }} {{ icon.windrose('icon1', 'bath_light_switch', 'bath_light_value') }}

Plots

Plot

{{ plot.period('p1', ['bath_plot_value', 'bath_plot_value2'], 'avg', '5i', 0, 0, 255, 50) }}

Plot

{{ plot.period('p2', ['bath_plot_value2', 'bath_blind_angle'] , 'avg' , '5i', 0, 0, 255, 50, '', '', ['spline', 'area']) }}

{% endblock %}