Hauptmenü

FTUI 2.6

Begonnen von setstate, 11 Februar 2017, 14:59:21

Vorheriges Thema - Nächstes Thema

lewej

Zitat von: setstate am 30 Oktober 2017, 10:23:11
Die Frage zum Popup verstehe ich nicht so recht.
Man kann aber auch Popup per FHEM Device öffnen und schließen

<div data-type="popup" data-device="ftuitest" data-get-on="on" data-get-off="(off|aus)" ...

Hallo state,

das benötige ich für meine Hue Lampen, die haben ja das reading reachable, jetzt möchte ich gerne wenn die Lampen nicht reachable sind, das sämtliche Einstellmöglichkeiten ausgeblendet werden. Mit dem Switch und Slider funktioniert es Super. Würde gerne auch das Popup Icon wegblenden.

Oder gibt es eine andere Möglichkeit es wegzublenden.

Grüsse und Danke

lewej


Leeloo_Dallas

@Eisix: leider funktioniert "compressed" nicht  :(
Greatz Leeloo

StephanFHEM

neben meinen bisherigen zwei Fragen hab ich jetzt noch folgende:

hab Longpoll vorher auf Ajax gehabt. Fully greift über basicAuth auf TabletUI zu.
Jetzt hab ich bei 2.6 Longpoll auf websocket gestellt. Bedeutet das, dass Fully nicht mehr auf die Seite zugreifen kann weil basicAuth nicht mehr unterstützt wird?

octek0815

#513
Hallo,

erstelle dir doch einfach ein zusätzliches FHEMWEB Device...


defmod WEBTABLET FHEMWEB 8084 global
attr WEBTABLET allowfrom 192.168.x.x|192.168.x.x
attr WEBTABLET csrfToken none
attr WEBTABLET longpoll websocket


und grenze den Zugriff auf bestimmte IPs (Dein Tablet...) im Netzwerk ein.
Dann kannst du hier auf auf basicAuth verzichten.

Grüße
Olli

Leeloo_Dallas

#514
Funktioniert diese Zugriffs- Einschränkung auch mit MAC-Adressen?
Das wäre zumindest was feines ;)

==> Update 1: ===================================>
Frage hat sich erledigt.
Laut CommandRef geht dies leider nicht.
Somit ist dieser Workaround für mich leider nur eingeschränkt nutzbar.
Dennoch Danke für die Info.

=> Update 2: ========================================>
zu Darstellung von "weather und kleinklima",... (siehe https://forum.fhem.de/index.php/topic,66879.msg706783.html#msg706783)

<div data-type="weather" data-device-type="YahooCode" data-device="Wetter" data-get="condition" data-imageset="kleinklima" [b]class="cell mini"[/b]></div>

Die Angabe mini wird wohl ignoriert und das Icon wird immer mit 100% Größe dargestellt.
Die Änderung in
Zitat<div data-type="weather" data-device-type="YahooCode" data-device="Wetter" data-get="condition" data-imageset="kleinklima" class="cell mini" style="width:50%"></div>
schafft Abhilfe.

Leider bekomme ich das Icon nicht mehr in die Mitte geschoben. Hab schon alles ausprobiert. Was jemand noch einen Rat?

Greatz Leeloo

tom2966

Leider keinen Rat, nur die Bemwerkung, das ich das Problem seit update heute Vormittag auch habe. Allerdings funktioniert die Einstellung der Größe bei den meteocons einwandfrei.

VG
Thomas

MKeY

class="center-align"

poste mal den rest, machst du es mit row, oder positionierst du nur so?
Wer Fehler findet, darf sie behalten!
RPi's, D1Mini
Homematic, Hue, Sonoff, Alexa, Xiaomi, ConBee
Prusa MK2.5, Prusa MK3S (MMU2S vorhanden, aber nervtötend)
Lowrider 2CNC

Leeloo_Dallas

#517
class="center-align"

Hatte ich auch schon probiert, leider ohne erfolgt.

Hier wie gewünscht der Rest:
Es sind 2-Sheets innerhalb eines Swipers.

<li data-row="3" data-col="1" data-sizex="19" data-sizey="11">
      <header style="background: rgb(96, 96, 96);" class="white big bold">08m_Sam</header>
      <div data-type="swiper"
            data-height="600px"
            data-width="1261px"
            class="noswipe navbuttons nopagination">
          <ul>
              <li>
                  <header style="background:#e67e22;" class="big white">Wetter</header>
                      <div class="container top-space">
                        <div class="sheet">
                          <div class="row">
                            <div class="col-1-4">
                              <div data-type="label" class="cell top-space narrow bold large bg-green">aktuell</div>
                              <div data-type="weather" data-device-type="YahooCode" data-device="Wetter" data-get="condition" data-imageset="kleinklima" class="cell mini" style="width:50%"></div>
                              <div class="container">
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" data-device="OTH_AussenfuehlerHM__EG_Donna" data-get="temperature" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" data-device="OTH_AussenfuehlerHM__EG_Donna" data-get="humidity" data-unit="%" class="cell bigger"></div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" data-device="Wetter" data-get="pressure" data-unit="mbar" class="cell bigger"></div>
                                    </div>
                              </div>
                              <div data-type="label" data-device="Wetter" data-get="wind_condition" class="cell large top-narrow"></div>
                              <div data-type="label" data-device="Wetter" data-get="condition" class="cell top-narrow large bold"></div>
                            </div>
                            <div class="col-1-4">
                              <div class="container top-space-2x">
                                    <div class="inline narrow">
                                      <div data-type="label" class="cell top-space narrow bold large">heute,</div>
                                    </div>
                                    <div class="inline narrow">
                                      <div data-type="label"
                                        class="cell right-narrow bold large"
                                        data-device="Wetter"
                                        data-get="fc1_day_of_week"
                                        data-unit="."></div>
                                    </div>
                                    <div class="inline narrow">
                                      <div data-type="label" class="cell left-narrow bold large" data-device="Wetter" data-get="fc1_date"></div>
                                    </div>
                              </div>
                              <div data-type="weather" data-device-type="YahooCode" data-device="Wetter" data-get="fc1_condition" data-imageset="kleinklima" class="cell mini"  style="width:50%"></div>
                              <div class="container">
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" class="cell small right-narrow">min.</div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" data-device="Wetter" data-get="fc1_low_c" data-unit="%B0C%0A" class="cell bigger left-narrow-2x" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" class="cell small right-narrow">max.</div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" data-device="Wetter" data-get="fc1_high_c" data-unit="%B0C%0A" class="cell bigger left-narrow-2x" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
                                    </div>
                              </div>
                              <div data-type="label" data-device="Wetter" data-get="fc1_condition" class="cell top-narrow normal bold"></div>
                            </div>
                            <div class="col-1-4">
                              <div class="container top-space-2x">
                                    <div class="inline narrow">
                                      <div data-type="label" class="cell top-space narrow bold large">morgen,</div>
                                    </div>
                                    <div class="inline narrow">
                                      <div data-type="label"
                                        class="cell right-narrow bold large"
                                        data-device="Wetter"
                                        data-get="fc2_day_of_week"
                                        data-unit="."></div>
                                    </div>
                                    <div class="inline narrow">
                                      <div data-type="label" class="cell left-narrow bold large" data-device="Wetter" data-get="fc2_date"></div>
                                    </div>
                              </div>
                              <div data-type="weather" data-device-type="YahooCode" data-device="Wetter" data-get="fc2_condition" data-imageset="kleinklima" class="cell mini"  style="width:50%"></div>
                              <div class="container">
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" class="cell small right-narrow">min.</div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" data-device="Wetter" data-get="fc2_low_c" data-unit="%B0C%0A" class="cell bigger left-narrow-2x" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" class="cell small right-narrow">max.</div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" data-device="Wetter" data-get="fc2_high_c" data-unit="%B0C%0A" class="cell bigger left-narrow-2x" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
                                    </div>
                              </div>
                              <div data-type="label" data-device="Wetter" data-get="fc2_condition" class="cell top-narrow normal bold"></div>
                            </div>
                            <div class="col-1-4">
                              <div class="container top-space-2x">
                                    <div class="inline narrow">
                                      <div data-type="label" class="cell top-space narrow bold large">übermorgen,</div>
                                    </div>
                                    <div class="inline narrow">
                                      <div data-type="label"
                                        class="cell right-narrow bold large"
                                        data-device="Wetter"
                                        data-get="fc3_day_of_week"
                                        data-unit="."></div>
                                    </div>
                                    <div class="inline narrow">
                                      <div data-type="label" class="cell left-narrow bold large" data-device="Wetter" data-get="fc3_date"></div>
                                    </div>
                              </div>
                              <div data-type="weather" data-device-type="YahooCode" data-device="Wetter" data-get="fc3_condition" data-imageset="kleinklima" class="cell mini"  style="width:50%"></div>
                              <div class="container">
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" class="cell small right-narrow">min.</div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" data-device="Wetter" data-get="fc3_low_c" data-unit="%B0C%0A" class="cell bigger left-narrow-2x" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" class="cell small right-narrow">max.</div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" data-device="Wetter" data-get="fc3_high_c" data-unit="%B0C%0A" class="cell bigger left-narrow-2x" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
                                    </div>
                              </div>
                              <div data-type="label" data-device="Wetter" data-get="fc3_condition" class="cell top-narrow normal bold"></div>
                            </div>
                          </div>
                        </div>
                        <div class="container top-space-3x">
                          <div data-type="label" class="cell small black">.</div>
                        </div>
                        <div class="sheet">
                          <div class="row">
                            <div class="col-1-4">
                              <div class="container top-space-2x">
                                    <div class="inline narrow">
                                      <div data-type="label"
                                        class="cell right-narrow bold large"
                                        data-device="Wetter"
                                        data-get="fc4_day_of_week"
                                        data-unit="."></div>
                                    </div>
                                    <div class="inline narrow">
                                      <div data-type="label" class="cell left-narrow bold large" data-device="Wetter" data-get="fc4_date"></div>
                                    </div>
                              </div>
                              <div data-type="weather" data-device-type="YahooCode" data-device="Wetter" data-get="fc4_condition" data-imageset="kleinklima" class="cell mini"  style="width:50%"></div>
                              <div class="container">
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" class="cell small right-narrow">min.</div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" data-device="Wetter" data-get="fc4_low_c" data-unit="%B0C%0A" class="cell bigger left-narrow-2x" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" class="cell small right-narrow">max.</div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" data-device="Wetter" data-get="fc4_high_c" data-unit="%B0C%0A" class="cell bigger left-narrow-2x" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
                                    </div>
                              </div>
                              <div data-type="label" data-device="Wetter" data-get="fc4_condition" class="cell top-narrow normal bold"></div>
                            </div>
                            <div class="col-1-4">
                                <div class="container top-space-2x">
                                      <div class="inline narrow">
                                        <div data-type="label"
                                          class="cell right-narrow bold large"
                                          data-device="Wetter"
                                          data-get="fc5_day_of_week"
                                          data-unit="."></div>
                                      </div>
                                      <div class="inline narrow">
                                        <div data-type="label" class="cell left-narrow bold large" data-device="Wetter" data-get="fc5_date"></div>
                                      </div>
                                </div>
                              <div data-type="weather" data-device-type="YahooCode" data-device="Wetter" data-get="fc5_condition" data-imageset="kleinklima" class="cell mini" style="width:50%"></div>
                              <div class="container">
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" class="cell small right-narrow">min.</div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" data-device="Wetter" data-get="fc5_low_c" data-unit="%B0C%0A" class="cell bigger left-narrow-2x" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" class="cell small right-narrow">max.</div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" data-device="Wetter" data-get="fc5_high_c" data-unit="%B0C%0A" class="cell bigger left-narrow-2x" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
                                    </div>
                              </div>
                              <div data-type="label" data-device="Wetter" data-get="fc5_condition" class="cell top-narrow normal bold"></div>
                            </div>
                            <div class="col-1-4">
                              <div class="container top-space-2x">
                                    <div class="inline narrow">
                                      <div data-type="label"
                                        class="cell right-narrow bold large"
                                        data-device="Wetter"
                                        data-get="fc6_day_of_week"
                                        data-unit="."></div>
                                    </div>
                                    <div class="inline narrow">
                                      <div data-type="label" data-device-type="YahooCode" class="cell left-narrow bold large" data-device="Wetter" data-get="fc6_date"></div>
                                    </div>
                              </div>
                              <div data-type="weather" data-device="Wetter" data-get="fc6_condition" data-imageset="kleinklima" class="cell mini" style="width:50%"></div>
                              <div class="container">
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" class="cell small right-narrow">min.</div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" data-device="Wetter" data-get="fc6_low_c" data-unit="%B0C%0A" class="cell bigger left-narrow-2x" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" class="cell small right-narrow">max.</div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" data-device="Wetter" data-get="fc6_high_c" data-unit="%B0C%0A" class="cell bigger left-narrow-2x" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
                                    </div>
                              </div>
                              <div data-type="label" data-device="Wetter" data-get="fc6_condition" class="cell top-narrow normal bold"></div>
                            </div>
                            <div class="col-1-4">
                              <div class="container top-space-2x">
                                    <div class="inline narrow">
                                      <div data-type="label"
                                        class="cell right-narrow bold large"
                                        data-device="Wetter"
                                        data-get="fc7_day_of_week"
                                        data-unit="."></div>
                                    </div>
                                    <div class="inline narrow">
                                      <div data-type="label" data-device-type="YahooCode" class="cell left-narrow bold large" data-device="Wetter" data-get="fc7_date"></div>
                                    </div>
                              </div>
                              <div data-type="weather" data-device="Wetter" data-get="fc7_condition" data-imageset="kleinklima" class="cell mini"  style="width:50%"></div>
                              <div class="container">
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" class="cell small right-narrow">min.</div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" data-device="Wetter" data-get="fc7_low_c" data-unit="%B0C%0A" class="cell bigger left-narrow-2x" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" class="cell small right-narrow">max.</div>
                                    </div>
                                    <div class="inline narrow top-narrow-2x">
                                      <div data-type="label" data-device="Wetter" data-get="fc7_high_c" data-unit="%B0C%0A" class="cell bigger left-narrow-2x" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
                                    </div>
                              </div>
                              <div data-type="label" data-device="Wetter" data-get="fc7_condition" class="cell top-narrow normal bold"></div>
                            </div>
                          </div>
                        </div>
                      </div>
              </li>
          </ul>
      </div>
</li>
Greatz Leeloo

MKeY

#518
bei mir geht dein code mit <div data-type="weather" data-device-type="YahooCode" data-device="Wetter" data-get="condition" data-imageset="kleinklima" class="mini centered" style="width:50%"></div>
Wer Fehler findet, darf sie behalten!
RPi's, D1Mini
Homematic, Hue, Sonoff, Alexa, Xiaomi, ConBee
Prusa MK2.5, Prusa MK3S (MMU2S vorhanden, aber nervtötend)
Lowrider 2CNC

Leeloo_Dallas

Ich hätte wetten können, dass ich diese Variante bereits getestet hatte   ???,.... scheinbar nicht,......
:oclass="cell centered" hatte ich zumindest, aber ohne den gewünschten Effekt. 

Aber egal, jetzt sieht es wieder schick aus.

DANKE für Deine Hilfe !!!
Greatz Leeloo

niklas

Moin zusammen,

ich habe das Problem, dass meine Darstellung fast aller mit "row" und "col" sortierten Inhalte von version 2.6.16 zu 2.6.43 komplett zerschossen wurde. Die Abstände haben sich komplett verändert. Könnt ihr das nachvollziehen?

VG,
Niklas