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