HabPanel Widgets
 
Powiadomienia
Wyczyść wszystko

HabPanel Widgets

5 Wpisów
2 Użytkownicy
1 Reactions
6,093 Wyświetleń
(@tomaszraszowski)
Wpisów: 162
Pomocny Zasłużony dla Forum Donator 2K19, Donator 2K18, Donator 2K17
Autor tematu
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 
[#62]

 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 8:38 am
adrian zareagował
(@tomaszraszowski)
Wpisów: 162
Pomocny Zasłużony dla Forum Donator 2K19, Donator 2K18, Donator 2K17
Autor tematu
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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 9:05 am
(@booster)
Wpisów: 234
Weteran
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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 10:41 am
(@tomaszraszowski)
Wpisów: 162
Pomocny Zasłużony dla Forum Donator 2K19, Donator 2K18, Donator 2K17
Autor tematu
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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 12:50 pm
(@booster)
Wpisów: 234
Weteran
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

A gdzie wrzucać ścieżki dźwiękowe ? albo może ktoś wie jak to odpalić na ALexa ?? 🙂


 
Dodane : 17/06/2017 2:16 pm
Udostępnij: