Powiadomienia
Wyczyść wszystko
OpenHAB
5
Wpisów
2
Użytkownicy
1
Reactions
5,560
Wyświetleń
Autor tematu
Witam, postanowiłem zrobić osobny wątek z widgetami do HabPanelu. Będę tu udostępniał gotowe kody, może się komuś przyda 🙂
BUTTONS
<div ng-if="itemValue('SB02')=='OFF'">
<button type="label" class="btn" style="background: transparent; color: grey" ng-click="sendCmd('SB02', 'ON')">
<img src="/static/habicons/LED-off.png" height="80" width="80" alt="Off" />
LIVING LIGHTS
</button>
</div>
<div ng-if="itemValue('SB02')=='ON'">
<button type="label" class="btn" style="background: transparent; color: DarkOrange " ng-click="sendCmd('SB02', 'OFF')">
<img src="/static/habicons/LED-on.png" height="80" width="80" alt="On" />
LIVING LIGHTS
</button>
</div>
Ikony wgrywamy
/etc/openhab2/html/habicons/
IKONY DO POBRANIA: (narazie niewiele, ale z czasem będą się pojawiały nowe, sugestie mile widziane)
, 
, 
, 
, 
, 
, 
, 
,
Dodane : 14/05/2017 7:38 am
adrian reacted
Autor tematu
MENU ROZWIJANE (Modyfikejszyn dowolny)
<!-- <h4>TU MOZNA WPISAC NAZWE MENU</h4> -->
<div class="btn-group" uib-dropdown>
<button id="single-button" type="button" class="btn btn-warning" uib-dropdown-toggle>
<!-- {{itemValue('MOZNA_ZASTOSOWAC_ZAMIAST_NAZWY')}} -->iQ MENU <span class="caret"></span>
</button>
<ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
<li role="menuitem"><a ng-click="XXX = !show; YYY = show; ZZZ = show;">1XXX</a></li>
<li role="menuitem"><a ng-click="XXX = show; YYY = !show; ZZZ = show;">2YYY</a></li>
<li role="menuitem"><a ng-click="XXX = show; YYY = show; ZZZ = !show;">3ZZZ</a></li>
<!-- MENU 2 -->
<!--
<li class="divider"></li>
<li role="menuitem"><a ng-click="">A</a></li>
<li role="menuitem"><a ng-click="">B</a></li>
<li role="menuitem"><a ng-click="">C</a></li>
-->
</ul>
</div>
<!-- LUB PRZYCISKI ZAMIAST ROZWIJANEGO MENU -->
<!--
<div id="menu" class="table">
<button style="width: 2em; height: 2em; border: 0; color: white; background: #666666" ng-click="XXX = !show; YYY = show; ZZZ = show;">1</button>
<button style="width: 2em; height: 2em; border: 0; color: white; background: #666666" ng-click="XXX = show; YYY = !show; ZZZ = show;">2</button>
<button style="width: 2em; height: 2em; border: 0; color: white; background: #666666" ng-click="XXX = show; YYY = show; ZZZ = !show;">3</button>
</div>
-->
<div id="iqmenu" class="table" ng-show="XXX">
<div class="row">
1 xxx
</div>
</div>
<div id="iqmenu" class="table" ng-show="YYY">
<div class="row">
2 yyy
</div>
</div>
<div id="iqmenu" class="table" ng-show="ZZZ">
<div class="row">
3 zzz
</div>
</div>
Dodane : 14/05/2017 8:05 am
Bardzo fajne ikony, sam robiłeś czy pobierasz? 🙂 ja się również przyłączę jak dokończę Pogodę, może ktoś będzie chętny.
Czy masz może pomysł na odtworzenie dźwięku przy zmianie statusu buttona?
np. jeśli przez alexa lub mobilną zmienię status to na Tablecie w HabPanel będzie dźwięk 😉
Dodane : 17/06/2017 9:41 am
Autor tematu
Ze mnie żaden programista 🙂 raczej modyfikator 🙂 szukam kodu i zmieniam pod siebie, a nad dźwiękiem sie nie zastanawiałem bo nie czułem takiej potrzeby 🙂 Ale kiedys to testowalem, w rulsach musisz costam wklepać, poniżej jeden z przykladow ode mnie:
rule "Say STH10-01"
when
Item STH10-01_status changed
then
if (STH10-01_status.state==ON) {
say("Kamery włączone.")
} else {
say("Kamery wyłączone.")
}
end
Dodane : 17/06/2017 11:50 am
A gdzie wrzucać ścieżki dźwiękowe ? albo może ktoś wie jak to odpalić na ALexa ?? 🙂
Dodane : 17/06/2017 1:16 pm
