FTUI version 3

[setstate]

Das ist drin.

properties: default
provider: 'proplanta',
iconSet: 'meteocons',

Änderbar per Attribute:

Code Auswählen Erweitern

<ftui-weather icon-set="kleinklima" provider="proplanta" [condition]="Wetter:fc0_weatherDay"></ftui-weather>


In der Map gibt es aktuell nur:

- proplanta > meteocons
- proplanta > kleinklima


kleinklima sucht die Icons unter ./icons/weather/kleinklima/*
Das wird aber nicht mitgeliefert und muss sich jeder selber dorthin kopieren

[grossmaggul]

Vielleicht kann es ja jemand gebrauchen, mein Machwerk einer Windrose:

Code Auswählen Erweitern

<ftui-grid-tile row="7" col="2" height="2" width="2" shape="round">
        <header>Wind</header>
            <ftui-row class="w-60 h-80">
                <ftui-label text="W"></ftui-label>
                    <ftui-column>
                    <ftui-label text="N"></ftui-label>
                    <ftui-knob [(value)]="proplanta:windDir" min="0" max="360" start-angle="-90" end-angle="270" offset-y="0" height="80" width="80" has-scale has-needle></ftui-knob>
                    <ftui-label text="S"></ftui-label>
                    </ftui-column>
                <ftui-label text="O"></ftui-label>
             </ftui-row>
      </ftui-grid-tile>

[SirMarco]

Hallo zusammen

Hat jemand Lust mit mir zusammen ein Slideout Navigation Menu in V3 einzubauen?
Finde das Mega, aber bin aber mit dem einbinden noch nicht so weit vom wissen
https://slideout.js.org/


Grüsse

[torte]

Hallo zusammen,

gibt es schon die Möglichkeit ein icon etc. per hide verschwinden zu lassen?

grüße

[setstate]

Hallo zusammen,

gibt es schon die Möglichkeit ein icon etc. per hide verschwinden zu lassen?

grüße

ja

Code Auswählen Erweitern


      <ftui-icon name="exclamation-triangle"
            [hidden]="ftuitest | map('on:false, off:true')">
      </ftui-icon>


[octek0815]

Moin zusammen,

das ist super was hier wieder auf die Beine gestellt wird, endlich schneller Bildaufbau!
Ich bin schon sehr frustriert mit der Speed von FTUI 2.

Hier mein erster Versuch im Anhang.

Ich habe noch Fragen (will nicht hetzen):

- Ist es möglich beim Label die Anzahl Nachkommastellen zu definieren?
- Kommt das Popup Modul irgendwann (Das vermisse ich derzeit schmerzlich)?
- Ich bekomme derzeit nicht hin mein Kamerabild (bewegt von motionEye) via Image Modul anzeigen zulassen. Hat das einer von euch schon geschafft?
- Wie kann ich die Grundfarben (Iconfarbe, Schriftfarbe, Hintergrund) ändern?
- Ist es möglich die Rahmen zwischen den "ftui-grid-tile" zu verkleinern bzw. ganz zu entfernen?

Und nochmals vielen Dank für eure Mühen!

Grüße
Olli

[setstate]

- Kommt das Popup Modul irgendwann (Das vermisse ich derzeit schmerzlich)?

ja, werde ich auch noch bauen

- Wie kann ich die Grundfarben (Iconfarbe, Schriftfarbe, Hintergrund) ändern?

mit dem color Attribute

Geht bei ftui-grid-tile, ftui-icon, ftui-label, ftui-column, ftui-row, usw.

Code Auswählen Erweitern


    <ftui-grid-tile row="3" col="1" height="1" width="1"
                    [color]="ftuitest | map('0=dark,70=medium,100=light')">
    </ftui-grid-tile>


Welcher Farbwert dahinter steht, ist im Theme-css definiert. ftui-theme.css und bright-theme.css. Du könntest dein eigenes Theme anlegen.
Da gibt es aber bestimmt noch viele Baustellen, wichtige Teile zur Individualisierung der Komponenten als Variable im Theme verfügbar zu haben.

- Ist es möglich die Rahmen zwischen den "ftui-grid-tile" zu verkleinern bzw. ganz zu entfernen?

ja, mit margin

Code Auswählen Erweitern

<ftui-grid base-width="150" base-height="120" margin="1">

- Ist es möglich beim Label die Anzahl Nachkommastellen zu definieren?

ja, mit round()

Code Auswählen Erweitern

<ftui-label [text]="FritzBox:box_rateDown | round(1)"></ftui-label>

[octek0815]

Hallo setstate,

vielen Dank für Deine schelle Antwort.

Das mit round(1) z.B. funktioniert nur bedingt.
Wenn die gelieferte Temperatur z.B. genau 21 Grad beträgt, wird mit round(1) leider auch nur 21 Grad angezeigt.
Ich hätte aber gern das dann mit round(1) 21.0 Grad zurück geliefert wird.
Ist das umsetzbar? In FTUI 2 war das so.

Anbei ein Beispiel.

Danke und Grüße
Olli

[octek0815]

ja

Code Auswählen Erweitern


      <ftui-icon name="exclamation-triangle"
            [hidden]="ftuitest | map('on:false, off:true')">
      </ftui-icon>


Wenn aber hidden angewendet wird, wird der Platz aber in einer Row trotzdem weiter belegt und die Icons rücken nicht zusammen.
Kann man das Verhalten verändern?

[grossmaggul]

Gut fände ich wenn man eine "unit" beim Label angeben könnte.

[octek0815]

Gut fände ich wenn man eine "unit" beim Label angeben könnte.

Moin,

das geht wie folgt (Beispiel)...

Pretext:
<span slot="start">Temperatur:</span>

Posttext:
<span slot="end">°C</span>

Kannst Du auch mit style und class dann noch in Größe und Form anpassen.

Grüße
Olli

[setstate]

Wenn aber hidden angewendet wird, wird der Platz aber in einer Row trotzdem weiter belegt und die Icons rücken nicht zusammen.
Kann man das Verhalten verändern?

Müsste aber, ich nehme extra display: none;  anstatt visibility: hidden;

Ist noch etwas anderes in der Row? Evtl. die Row mit hidden=. ausblenden

[grossmaggul]

das geht wie folgt (Beispiel)...

Danke, aber viel zuviel Tipperei.

[octek0815]

Müsste aber, ich nehme extra display: none;  anstatt visibility: hidden;

Ist noch etwas anderes in der Row? Evtl. die Row mit hidden=. ausblenden

es liegt vermutlich am "cell" was ich darum gepackt habe.
Wie kann ich mehrere Icons (zum Teil mit Badge)  in einer Reihe zentriert platzieren, so das wenn ein Icon ausgeblendet wird, die übrigen zusammenrücken.
In FTUI 2 war das in einer "li" mit "class="center" recht einfach zu bewerkstelligen.

[octek0815]

Danke, aber viel zuviel Tipperei.

ja, war vorher einfacher, kommt aber bestimmt noch.
Wir sollten nicht vergessen das hier ist noch "beta", aber dafür schon Top!
Da hilft im Moment nur Copy/Paste...