openhab-webui/bundles/org.openhab.ui.basic/snippets-src/rollerblind.html

36 lines
1.2 KiB
HTML

<div class="mdl-form__row mdl-cell mdl-cell--%cells%-col mdl-cell--%cells_tablet%-col-tablet %visibility_class%">
<span class="mdl-form__icon">
%icon_snippet%
</span>
<span class="mdl-form__label">
%label%
</span>
<span class="mdl-form__value mdl-form__value--rollerblind">
%value%
</span>
<div
class="mdl-form__control mdl-form__rollerblind"
data-control-type="rollerblind"
data-item="%item%"
data-has-value="%has_value%"
data-widget-id="%widget_id%"
data-icon-with-state="%icon_with_state%"
data-label-color="%label_color%"
data-value-color="%value_color%"
data-icon-color="%icon_color%"
>
<button class="mdl-button mdl-button--raised mdl-js-button mdl-js-ripple-effect mdl-form__rollerblind--up">
<!-- keyboard_arrow_up -->
<i class="material-icons">&#xE316;</i>
</button>
<button class="mdl-button mdl-button--raised mdl-js-button mdl-js-ripple-effect mdl-form__rollerblind--stop">
<!-- close -->
<i class="material-icons">&#xE5CD;</i>
</button>
<button class="mdl-button mdl-button--raised mdl-js-button mdl-js-ripple-effect mdl-form__rollerblind--down">
<!-- keyboard_arrow_down -->
<i class="material-icons">&#xE313;</i>
</button>
</div>
</div>