[widget_uwz] widget für UWZ Unwetterzentrale.

[AlexSchley]

Jap hab gerade nochmal Widget über den Link von Seite 1 gezogen und die Rechte nochmal neu vergeben. Hat sich aber leider nix getan.

[ChrisW]

hier sind ja einige codes aber ich suche eine Platzsparende Lösung für die Startseite. Hat da jemadn etwas schönes gebaut ? Bei klick darauf dann ein Popup mit mehr Infos ?

[moonsorrox]

ich habe in der Header Menüleiste ein Warn Icon, klicke ich drauf kommt ein Popup mit mehr infos.
Ist ein <td></td> aus einer Tabelle mußt du dir anpassen, da meines nur ganz schmal (6%)oben in der Leiste ist

Aber hier habe ich es ja auch schon beschrieben.

Code Auswählen Erweitern

<td width="6%" style="border-left:1px solid black;">
<div class="top-narrow" data-type="popup" data-mode="fade" data-width="1000px" data-height="710px">
<div data-type="symbol"
data-device="Unwetterzentrale"
data-get="WarnCount"
data-states='["^[1-9][0-9]|[1-9]","0"]'
data-icons='["fa-cloud warn","fa-cloud warn"]'
data-colors='["darkorange","white"]'>
</div>
<div class="dialog">
<div class="col-1-2 inline cell">
<div style="font-size:150%" class="dialog">
<header><div class="thin crimson" style="font-size:140%">Warnungen Unwetterzentrale</div></header>
<div class="top-space">
<div class="hbox center">
<div data-type="uwz"
data-device="Unwetterzentrale"
data-imgsize="50" data-detail='["IconURL","uwzLevel","LongText","WarnTime"]'
data-max="5" class="left-space-2x col-1-1">
</div>
<div class="top-space col-1-1"
data-type="image"
data-refresh="900"
data-width="415"
data-height="415"
data-url="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png">
</div>
</div>
<br>
<div class="inline top-space" style="color:lightgrey">
<div data-type="link" class="round"
data-color="lightgrey"
data-border-color="#505050"
data-text-align="center"
data-width="135px"
onclick="$('.dialog-close').trigger('click');">Schließen
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>

[ChrisW]

ok cool Danke. Kann man das so hinbekommen das die Farbe sich je nach Warnstufe ändert? Gelb = gelb rot = rot??

[moonsorrox]

Kann man das so hinbekommen das die Farbe sich je nach Warnstufe ändert? Gelb = gelb rot = rot??

das muss setstate beantworten ich wüßte nicht das es schon geht

[setstate]

Wenn Warn ein Reading des Device ist, einfach ReadingName und und die zu erwartenden Werte des Reading in data-states ändern

Code Auswählen Erweitern


data-get="Warn"
data-states='["gelb","rot"]'


Oder habe ich Rot=rot und Gelb=gelb falsch verstanden?

Wie beim Strom: rot ist blau und plus ist minus 

[octek0815]

Hallo,

wie bekomme ich es wieder hin, das dass Icon vor dem Text steht. Früher ging das.

Code Auswählen Erweitern


<div class="hbox center">
<div data-type="uwz"
data-device="Unwetterzentrale"
data-imgsize="50"
data-detail='["uwzLevel","IconURL","ShortText","WarnTime"]'
data-textdivider="<br>"
data-max="4" class="left-space-2x col-1-1">
</div>
<div class="top-space col-1-1"
data-type="image"
data-refresh="900"
data-width="415"
data-height="415"
data-url="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png">
</div>
</div>


Grüße
Oliver

[chris1284]

nimm mal die hbox weg

[octek0815]

Klappt trotzdem nicht. Habe den Code komplett entschlackt:

Code Auswählen Erweitern


<div class="dialog">
<div data-type="uwz"
data-device="Unwetterzentrale"
data-imgsize="50"
data-detail='["uwzLevel","IconURL","ShortText","WarnTime"]'
data-textdivider="<br>"
data-max="4">
</div>
</div>


Kann es sein das es in Dialog nicht richtig funktioniert?

[chris1284]

kannst du mehr code zeigen? ggf. die ganze seite

[Nuems]

Bei mir tritt das Problem leider auch auf. Ich habe mal versuchshalber von "gridster" auf "flex" umgestellt (wobei natürlich alles andere verrutscht), aber dort wird das Icon links vom Text dargestellt, während es in "gridster" (bei ansonsten gleichem html) über dem Text steht (wie in den Screenshots von octek0815).

[octek0815]

Her der Gesamtcode (ist ein Template):

Code Auswählen Erweitern


<div data-type="popup" id="wetterwarung" data-height="523px" data-width="1000px">
<div class="center">
<div style="font-size:175%; margin-left:-10px;" data-type="symbol"
data-device="Unwetterzentrale"
data-get="WarnUWZLevel"
data-states='["0","1","2","3","4","5"]'
data-icons='["mf1-cloud-alert","mf1-cloud-alert","mf1-cloud-alert","mf1-cloud-alert","mf1-cloud-alert blink","mf1-cloud-alert blink"]'
data-colors='["white","SeaGreen","yellow","Orange","Crimson","#CC00FF"]'
data-warn-color="#ffffff"
data-warn="Unwetterzentrale:WarnCount"
data-hide="WarnCount"
data-hide-on="0"
data-hide-off="!0"></div>
</div>
<div class="dialog">
<header style="background-color:#202020;">
<div class="sheet">
<div data-type="label"
class="left"
style="margin-left:15px; margin-top:17px; margin-bottom:15px; font-size:20px; color:white;">WETTERWARNUNG</div>
<div data-type="link"
data-color="white"
data-icon-left="fa-times"
class="right"
style="margin-top:10px; font-size:150%;"
onclick="$('.dialog-close').trigger('click');"></div>
</div>
</header>
<div class="top-space">
<div class="hbox center">
<div data-type="uwz"
data-device="Unwetterzentrale"
data-imgsize="50"
data-detail='["uwzLevel","IconURL","ShortText","WarnTime"]'
data-textdivider="<br>"
data-max="4" class="left-space-2x col-1-1">
</div>
<div class="top-space col-1-1"
data-type="image"
data-refresh="900"
data-width="415"
data-height="415"
data-url="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png">
</div>
</div>
</div>
</div>
</div>


[moonsorrox]

ich habe das Icon ebenfalls oben drüber, aber das muss wohl schon seit einer Version vorher sein.
Denn ich habe die Tage noch gar nichts aktualisiert...

Code Auswählen Erweitern

<div class="top-narrow" data-type="popup" data-mode="fade" data-width="1000px" data-height="710px">
<div data-type="symbol"
data-device="Unwetterzentrale"
data-get="WarnCount"
data-states='["^[1-9][0-9]|[1-9]","0"]'
data-icons='["fa-cloud warn","fa-cloud warn"]'
data-colors='["darkorange","white"]'>
</div>
<div class="dialog">
<div class="col-1-2 inline cell">
<div style="font-size:150%" class="dialog">
<header><div class="thin crimson" style="font-size:140%">Warnungen Unwetterzentrale</div></header>
<div class="top-space">
<div class="hbox center">
<div data-type="uwz"
data-device="Unwetterzentrale"
data-imgsize="50" data-detail='["IconURL","uwzLevel","LongText","WarnTime"]'
data-max="5" class="left-space-2x col-1-1">
</div>
<div class="top-space col-1-1"
data-type="image"
data-refresh="900"
data-width="415"
data-height="415"
data-url="http://www.unwetterzentrale.de/images/map/niedersachsen_index.png">
</div>
</div>
<br>
<div class="inline top-space" style="color:lightgrey">
<div data-type="link" class="round"
data-color="lightgrey"
data-border-color="#505050"
data-text-align="center"
data-width="135px"
onclick="$('.dialog-close').trigger('click');">Schließen
</div>
</div>
</div>
</div>
</div>
</div>
</div>

[octek0815]

Ja, ist auch schon länger so, nur jetzt wollte ich das mal endlich angehen.
Früher hatte das geklappt mit dem Icon vor dem Text.

[moonsorrox]

Früher hatte das geklappt mit dem Icon vor dem Text.

ja das weiß ich da ich das ja mal vor einiger Zeit von dir übernommen hatte
Naja wird bestimmt noch