/** * ----------------------------------------------------------------------------- * @package smartVISU * @author Martin Gleiß and others * @copyright 2012 - 2021 * @license GPL [http://www.gnu.de] * ----------------------------------------------------------------------------- */ /** * displays a shutter control full sized for a box * * @param {id=} unique id for this widget * @param {text=} name of the shutter (optional) * @param {item(bool,num)} the item for the up- and down- movement * @param {item(bool,num)=} the item for stopping the movement (optional) * @param {item(num)=} the item for the actual position of the shutters * @param {item(num)=} the item to move the shutters to the shade position (optional) */ {% macro one(id, txt, gad_move, gad_stop, gad_pos, gad_shade ) %} {% import "@widgets/basic.html" as basic %} /** Design */
{% if txt %} {{ txt }} {% endif %} | {{ basic.slider('', gad_pos, 0, 255, 5, 'vertical') }} | {{ basic.shutter('', gad_pos, '', 0, 255) }} | |
{{ basic.stateswitch('', gad_move, 'mini', 0, 'control_arrow_up.svg', '', 'icon0') }} {{ basic.stateswitch('', gad_move, 'mini', 1, 'control_arrow_down.svg', '', 'icon0') }} | |||
{% if gad_stop %} {{ basic.stateswitch('', gad_stop, 'mini', 1, 'audio_stop.svg', '', 'icon0') }} {% endif %} {% if gad_shade %} {{ basic.stateswitch('', gad_shade, 'mini', 1, 'fts_shutter_50.svg', '', 'icon0') }} {% endif %} |
{{ txt }} | {{ basic.slider('', gad_pos, 0, 255, 5, 'vertical') }} |
{{ basic.stateswitch('', gad_move, 'mini', 0, 'control_arrow_up.svg', '', 'icon0') }} {{ basic.stateswitch('', gad_move, 'mini', 1, 'control_arrow_down.svg', '', 'icon0') }} | |
{% if gad_stop %} {{ basic.stateswitch('', gad_stop, 'mini', 1, 'audio_stop.svg', '', 'icon0') }} {% endif %} {% if gad_shade %} {{ basic.stateswitch('', gad_shade, 'mini', 1, 'fts_shutter_50.svg', '', 'icon0') }} {% endif %} |
{{ basic.slider('', gad_pos, 0, 255, 5, 'vertical') }} | |
{{ txt }} | |
{% if gad_shade %} {{ basic.stateswitch('', gad_shade, 'mini', 1, 'fts_shutter_50.svg', 'Beschatten', 'icon0') }} {% endif %} |