basic.tank
Displays a (partly) filled tank
Parameters
{{basic.tank(id, item_pos, min, max, step, mode, color) }}
id
unique id for this widget
item_pos
a item for the actual position of filled tank
min
the minimum value for empty (optional, default 0, for future use)
max
the maximum value for full (optional, default 255)
step
step between two values (optional, default 5, for future use)
mode
the mode: 'none', 'cylinder', 'water', 'pallets' (optional, default 'none')
color
the color of the filling e. g. '#f00' for red (optional, default grey)
Examples
{{ 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') }}
Use the slider to control the filling of the tanks
From left to right: 'none', 'cylinder', 'cylinder' orange, 'water', 'water' green, '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:
#widget_basic_tank-tank6 {
width: 60px;
}
Author:Martin Gleiß and others