INFORMACJA : Strona oraz Forum Smart'ny Dom zostały przeniesione na nowy serwer. W razie zauważenia problemów z działaniem, proszę zgłaszać je tutaj. W ciągu kilku następnych dni serwer będzie "podkręcany" i mogą występować chwilowe przerwy w jego działaniu.
Za niedogodności z góry przepraszam, admin
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)
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>
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 😉
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
A gdzie wrzucać ścieżki dźwiękowe ? albo może ktoś wie jak to odpalić na ALexa ?? 🙂