/** * ----------------------------------------------------------------------------- * @package smartVISU * @author Martin Gleiß * @copyright 2012 * @license GPL [http://www.gnu.de] * ----------------------------------------------------------------------------- */ {% extends "widget_basic.html" %} {% block example %}
Examples
{% filter trim|escape|nl2br %}{% verbatim %} {{ basic.tank('tank1', 'bath_value') }} {{ basic.tank('tank2', 'bath_value', 0, 255, 5, 'cylinder') }} {{ basic.tank('tank3', 'bath_value', 0, 255, 5, 'cylinder', '#f90' ) }} {{ basic.tank('tank4', 'bath_value', 0, 255, 5, 'water') }} {{ basic.tank('tank5', 'bath_value', 0, 255, 5, 'water', '#0c0') }} {{ basic.tank('tank6', 'bath_value', 0, 255, 5, 'pallets') }} {% endverbatim %}{% endfilter %}

Use the slider to control the filling of the tanks
{{ basic.slider('slider1', 'bath_value', 0, 255, 5) }}
From left to right: 'none', 'cylinder', 'cylinder' orange, 'water', 'water' green, 'pallets'
{{ basic.tank('tank1', 'bath_value') }} {{ basic.tank('tank2', 'bath_value', 0, 255, 5, 'cylinder') }} {{ basic.tank('tank3', 'bath_value', 0, 255, 5, 'cylinder', '#f90' ) }} {{ basic.tank('tank4', 'bath_value', 0, 255, 5, 'water') }} {{ basic.tank('tank5', 'bath_value', 0, 255, 5, 'water', '#0c0') }} {{ basic.tank('tank6', 'bath_value', 0, 255, 5, 'pallets') }}
If you want a individual width of the tank add a line to your "visu.css" with #PAGE-ID (current pagename, hyphen, id of the tank-widget). For example for tank 6:
{% filter trim|escape|nl2br %}{% raw %} #widget_basic_tank-tank6 { width: 60px; } {% endraw %}{% endfilter %}
{% endblock %}