FTUI version 3

[octek0815]

Button und FS20 ?

hat von euch jemand Erfahrung mit FS20 Komponenten? Ich kann diese einschalten aber nicht mehr aus, es wird dann immer nur der "on" Befehl gesendet. Schalte ich in Fhem um ändert sich das Icon in Blau, also wird der Status richtig erkannt. Der selbe Code bei einem HM oder MQTT funktioniert fehlerfrei.

Code Auswählen Erweitern

    <ftui-grid-tile row="6" col="1" height="4" width="1" shape="round">
      <div class="cell">
      <ftui-button [(value)]="Eingang"
                 [fill]="Eingang:state | map('on|set_on:solid, off|set_off:outline')"
                 [color]="Eingang:state | map('on|set_on:primary, off|set_off:medium')"
                 shape="circle" states="on,off" class="size-3">
                 <ftui-icon path="../images/openautomation/"
                 [name]="Eingang:state | map('on|set_on:light_outdoor, off|set_off:light_outdoor')"
                 [class-name]="Eingang:state | map('set_on|set_off:blink, on|off:')"></ftui-icon>
      </ftui-button>
      </div> 
    </ftui-grid-tile>

Ich habe schon vieles probiert, komme aber da nicht weiter.

Code Auswählen Erweitern

Internals:
   BTN        05
   DEF        eb6e 05
   FUUID      5c44db9c-f33f-27bd-69cd-1b770ae89a29cfcf
   IODev      mapleCUN
   NAME       Eingang
   NR         475
   STATE      Ein
   TYPE       FS20
   XMIT       eb6e
   CODE:
     1          eb6e 05
   READINGS:
     2021-02-21 16:15:44   state           on
Attributes:
   IODev      mapleCUN
   alexaName  eingangslicht
   alexaRoom  alexaroom
   alias      Eingangslicht
   devStateIcon Aus:rc_RED:Ein Ein:rc_GREEN:Aus
   eventMap   on:Ein off:Aus
   fp_Garten  171,837,1,Eingang,
   fp_Grundriss 596,366,1,Eingang
   group      Licht
   icon       light_outdoor
   model      fs20st
   room       Licht,_Garten,_Wohnzimmer,alexaroom
   webCmd     Ein:Aus
ein List des FS20 Devices, es ist egal ob sich um einen Wandschalter oder einer Steckdose handelt, der Fehler ist bei beiden da. In der FTUI V2 funktioniert das.

LG

Hallo Reinhart,

in der Example Datei button.html

Ist ein gutes Beispiel für die Umsetzung hier ein Ausschnitt...

Code Auswählen Erweitern


      <div class="cell">
        <ftui-button [value]="Stehlampe | map('on|dim.*: on, off|0: off')" (value)="set dummy1 $value; set Stehlampe $value">
          on,off
        </ftui-button>
      </div>

      <div class="cell">
        <ftui-button fill="outline" shape="circle"
          [value]="Sonos_Kueche:transportState | map('PLAYING: play, PAUSED_PLAYBACK|STOPPED: pause')"
          (value)="Sonos_Kueche" states="play, pause">
          <ftui-icon [name]="Sonos_Kueche:transportState  | map('PLAYING: stop, PAUSED_PLAYBACK|STOPPED: play');
              Sonos_Kueche:state | map('play: stop, pause: play')">
          </ftui-icon>
        </ftui-button>
      </div>


VG
Olli

[mr_petz]

@Reinhart
Probiere mal so:

Code Auswählen Erweitern


<ftui-button [(value)]="Eingang">on,off</ftui-button>

mfg Thomas

[Reinhart]

Bedanke mich für eure Vorschläge!

Mit dem obigen Beispiel des Sonos habe ich schon experimentiert aber auch keine vollständigen Ergebnisse bekommen.

Auch der wirklich einfache Vorschlag von mr_petz liefert exakt mein Ergebnis, also nur einschalten und das wars.

Ich habs jetzt auch noch mit einem alten IT Schalter vom Bauhaus versucht, das gleiche Ergebnis wie bei FS20, nur einschalten geht.

LG

[octek0815]

@Reinhart
Probiere mal so:

Code Auswählen Erweitern


<ftui-button [(value)]="Eingang">on,off</ftui-button>

mfg Thomas

Hallo Reinhard,

ich habe das mal eben mit einem Dummy nachgebaut. Die Ursache ist dein eventMap.
Wenn du mit eventMap weitermachen möchtest, musst du bei [value] "Eingange:state" auslesen, da STATE bei dir auf Ein oder Aus gemappt wird.

Also wie folgt...

Code Auswählen Erweitern


      <ftui-button [value]="Eingang:state" (value)="Eingang" states="off, on"
                 [fill]="Eingang:state | map('on|set_on:solid, off|set_off:outline')"
                 [color]="Eingang:state | map('on|set_on:primary, off|set_off:medium')"
                 shape="circle" states="on,off" class="size-3">
                 <ftui-icon path="../images/openautomation/"
                 [name]="Eingang:state | map('on|set_on:light_outdoor, off|set_off:light_outdoor')"
                 [class-name]="Eingang:state | map('set_on|set_off:blink, on|off:')"></ftui-icon>
      </ftui-button>


LG
Olli

[Reinhart]

so wie ich das sehe, treten diese Probleme bei mir bei allen Devices auf die keinen Rückkanal haben.

Man kann einmal einschalten, das Icon ändert sich korrekt und färbt sich blau. Wir erneut geklickt, dann kommt immer der gleiche Befehl "set Eingang on", siehe Bild. Ändere ich den Devicenamen auf einen mit Rückkanal (HM oder Kasa) dann funktioniert der gleiche Code.

LG

[Reinhart]

@octek0815

das wars, dein Vorschlag funktioniert!!!
Warum das so ist muss ich jetzt in Ruhe durchdenken, aber das funktioniert nun auch bei der IT Steckdose!

Danke für deine Bemühungen!

LG

[OdfFhem]

@roman1528

Ich habe mal ein wenig mit dem PostMe-Modul rumprobiert und über ein (individuelles) Reading namens userRead_selectedName (bei Dir vermutlich list1) die Sichtbarkeit einer Liste gesteuert. Sich wiederholende Inhalte habe ich entsprechend ausgelagert und es ergeben sich folgende HTML-Teile.


Ausschnitt aus dem Inhalt von index.html oder tab-view_postme.html:

Code Auswählen Erweitern


  <ftui-grid-tile row="4" col="3" height="31" width="10" shape="round">
    <header>Einkaufsliste</header>

    <ftui-content file="content_postme.html" device="PostIt" list-num="01" list-name="ALDI"   list-bg-color="green"></ftui-content>
    <ftui-content file="content_postme.html" device="PostIt" list-num="02" list-name="LIDL"   list-bg-color="yellow"></ftui-content>
    <ftui-content file="content_postme.html" device="PostIt" list-num="03" list-name="markt3" list-bg-color="orange"></ftui-content>
    <ftui-content file="content_postme.html" device="PostIt" list-num="04" list-name="markt4" list-bg-color="violet"></ftui-content>
  </ftui-grid-tile>


Inhalt von content_postme.html:

Code Auswählen Erweitern


<ftui-row [hidden]="{{device}}:userRead_selectedName | map('`{{list-name}}`:false,.*:true')" class="{{list-bg-color}}">
  <ftui-column class="w-90">
    <ftui-row height="10%" margin="5px 5px 0 5px">
      <ftui-label [text]="{{device}}:postme{{list-num}}Name" class="blue w-100 size-3 text-center"></ftui-label>
    </ftui-row>

    <ftui-row height="5%" margin="5px">
      <input type="text" id="newEntry{{list-num}}" class="w-80">
      <ftui-icon name="plus" color="black" size="0" onclick="ftuiApp.fhemService.updateFhem('set {{device}} add {{list-name}} ' + newEntry{{list-num}}.value)"></ftui-icon>
    </ftui-row>

    <ftui-content file="content_postme_entry.html" device="{{device}}" list-num="{{list-num}}" list-name="{{list-name}}" entry-num="1"  entry-bg-color="black-80"></ftui-content>
    <ftui-content file="content_postme_entry.html" device="{{device}}" list-num="{{list-num}}" list-name="{{list-name}}" entry-num="2"  entry-bg-color="black-75"></ftui-content>
    <ftui-content file="content_postme_entry.html" device="{{device}}" list-num="{{list-num}}" list-name="{{list-name}}" entry-num="3"  entry-bg-color="black-80"></ftui-content>
    <ftui-content file="content_postme_entry.html" device="{{device}}" list-num="{{list-num}}" list-name="{{list-name}}" entry-num="4"  entry-bg-color="black-75"></ftui-content>
    <ftui-content file="content_postme_entry.html" device="{{device}}" list-num="{{list-num}}" list-name="{{list-name}}" entry-num="5"  entry-bg-color="black-80"></ftui-content>
    <ftui-content file="content_postme_entry.html" device="{{device}}" list-num="{{list-num}}" list-name="{{list-name}}" entry-num="6"  entry-bg-color="black-75"></ftui-content>
    <ftui-content file="content_postme_entry.html" device="{{device}}" list-num="{{list-num}}" list-name="{{list-name}}" entry-num="7"  entry-bg-color="black-80"></ftui-content>
    <ftui-content file="content_postme_entry.html" device="{{device}}" list-num="{{list-num}}" list-name="{{list-name}}" entry-num="8"  entry-bg-color="black-75"></ftui-content>
    <ftui-content file="content_postme_entry.html" device="{{device}}" list-num="{{list-num}}" list-name="{{list-name}}" entry-num="9"  entry-bg-color="black-80"></ftui-content>
    <ftui-content file="content_postme_entry.html" device="{{device}}" list-num="{{list-num}}" list-name="{{list-name}}" entry-num="10" entry-bg-color="black-75"></ftui-content>

    <ftui-row height="5%" margin="5px 0 0 0">
    </ftui-row>
  </ftui-column>
</ftui-row>


Inhalt von content_postme_entry.html:

Code Auswählen Erweitern


<ftui-row [hidden]="{{device}}:postme{{list-num}}Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true,{{entry-num}}:false')"
          class="{{entry-bg-color}}">
  <ftui-column width="75%">
    <ftui-label [text]="{{device}}:postme{{list-num}}Cont | replace(/.*/,function (x) { return x.split(',')[{{entry-num}}-1] })"
                id="oldEntry{{list-num}}_{{entry-num}}"></ftui-label>
  </ftui-column>
  <ftui-column>
    <ftui-icon name="minus" onclick="ftuiApp.fhemService.updateFhem('set {{device}} remove {{list-name}} ' + oldEntry{{list-num}}_{{entry-num}}.text)"></ftui-icon>
  </ftui-column>
</ftui-row>



Eine mögliche Darstellung sieht dann ungefähr so aus wie auf den angehängten Screenshots.

[moonsorrox]

sehr interessant... habe ich mich noch nie mit beschäftigt solch eine Einkaufliste 

[roman1528]

@roman1528

Ich habe mal ein wenig mit dem PostMe-Modul rumprobiert und über ein (individuelles) Reading namens userRead_selectedName (bei Dir vermutlich list1) die Sichtbarkeit einer Liste gesteuert. Sich wiederholende Inhalte habe ich entsprechend ausgelagert und es ergeben sich folgende HTML-Teile.

Danke Danke Danke 

Ich habe das jetzt so gelöst:

Code Auswählen Erweitern

<ftui-grid-tile row="2" col="3" height="1.5" width="10" shape="round">
<header>Liste</header>
<ftui-dropdown
  [value]="PostMe:list"
  (value)="setreading PostMe:list">
  <option value="LIDL">LIDL</option>
  <option value="EDEKA">EDEKA</option>
  <option value="Andere">Andere</option>
  <option value="To-Do-Liste">To-Do-Liste</option>
</ftui-dropdown>
</ftui-grid-tile>

<!-- #### LIDL #### -->

<ftui-grid-tile row="3.5" col="3" height="9.5" width="10" shape="round" [hidden]="PostMe:list | map ('LIDL:false, .*:true')" is-row>
<header>Eintr&auml;ge</header>
<ftui-column width="90%" align-items="top">
<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 1:false')" style="background-color: var(--gray15); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[1-1] })" id="oldEntry1_1"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_1.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 2:false')" style="background-color: var(--gray20); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[2-1] })" id="oldEntry1_2"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_2.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 3:false')" style="background-color: var(--gray15); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[3-1] })" id="oldEntry1_3"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_3.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 4:false')" style="background-color: var(--gray20); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[4-1] })" id="oldEntry1_4"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_4.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 5:false')" style="background-color: var(--gray15); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[5-1] })" id="oldEntry1_5"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_5.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 6:false')" style="background-color: var(--gray20); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[6-1] })" id="oldEntry1_6"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_6.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 7:false')" style="background-color: var(--gray15); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[7-1] })" id="oldEntry1_7"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_7.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 8:false')" style="background-color: var(--gray20); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[8-1] })" id="oldEntry1_8"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_8.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 9:false')" style="background-color: var(--gray15); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[9-1] })" id="oldEntry1_9"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_9.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 10:false')" style="background-color: var(--gray20); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[10-1] })" id="oldEntry1_10"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_10.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 11:false')" style="background-color: var(--gray15); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[11-1] })" id="oldEntry1_11"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_11.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 12:false')" style="background-color: var(--gray20); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[12-1] })" id="oldEntry1_12"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_12.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 13:false')" style="background-color: var(--gray15); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[13-1] })" id="oldEntry1_13"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_13.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 14:false')" style="background-color: var(--gray20); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[14-1] })" id="oldEntry1_14"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_14.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 15:false')" style="background-color: var(--gray15); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[15-1] })" id="oldEntry1_15"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_15.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 16:false')" style="background-color: var(--gray15); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[16-1] })" id="oldEntry1_16"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_16.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 17:false')" style="background-color: var(--gray15); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[17-1] })" id="oldEntry1_17"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_17.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 18:false')" style="background-color: var(--gray15); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[18-1] })" id="oldEntry1_18"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_18.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 19:false')" style="background-color: var(--gray15); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[19-1] })" id="oldEntry1_19"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_19.text)"></ftui-icon>
</ftui-column>
</ftui-row>

<ftui-row [hidden]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',').length }) | map('0:true, 20:false')" style="background-color: var(--gray15); min-height:8%; max-height:8%;">
<ftui-column width="80%">
<ftui-label [text]="PostMe:postme01Cont | replace(/.*/,function (x) { return x.split(',')[20-1] })" id="oldEntry1_20"></ftui-label>
</ftui-column>
<ftui-column>
<ftui-icon name="check" onclick="ftuiApp.fhemService.updateFhem('set PostMe remove LIDL ' + oldEntry1_20.text)"></ftui-icon>
</ftui-column>
</ftui-row>
</ftui-column>
</ftui-grid-tile>

<ftui-grid-tile row="13" col="3" height="1" width="10" shape="round" [hidden]="PostMe:list | map ('LIDL:false, .*:true')" is-row>
<ftui-column width="90%">
<ftui-row>
<ftui-column width="80%">
<input type="text" id="newEntry01">
</ftui-column>
<ftui-column>
<ftui-icon name="cart-plus" size="2" onclick="ftuiApp.fhemService.updateFhem('set PostMe add LIDL ' + newEntry01.value); newEntry01.value='';"></ftui-icon>
</ftui-column>
</ftui-row>
</ftui-column>
</ftui-grid-tile>

aus dem einfachen grund, weil es bei mir ewigkeiten gedauert hat wenn er 4x (postme) mal 30x (postme_entry) geholt hat um dann festzustellen dass 90% davon hidden sind.

hab tausend dank dafür!!!

Grüße^^

[rallye]

Ich würde mir gerne eine Bahnhofsuhr nach diesemhttps://forum.fhem.de/index.php/topic,115259.msg1110167.html#msg1110167 thread bauen, bin aber noch blutiger Anfänger im FTUI. Die Seite habe ich, wo ich die Uhr konfigurieren kann. Sieht so aus:

Code Auswählen Erweitern

<object data="station-clock.svg" type="image/svg+xml"
        width="200" height="200">
  <param name="dial"               value="din 41091.1"/>
  <param name="hourHand"           value="siemens"/>
  <param name="minuteHand"         value="siemens"/>
  <param name="secondHand"         value="din 41071.1"/>
  <param name="minuteHandBehavior" value="stepping"/>
  <param name="secondHandBehavior" value="swinging"/>
  <param name="secondHandStopToGo" value="yes"/>
  <param name="secondHandStopTime" value="1.5"/>
  <param name="backgroundColor"    value="rgba(0,0,0,0)"/>
  <param name="dialColor"          value="rgb(40,40,40)"/>
  <param name="hourHandColor"      value="rgb(20,20,20)"/>
  <param name="minuteHandColor"    value="rgb(20,20,20)"/>
  <param name="secondHandColor"    value="rgb(160,50,40)"/>
  <param name="axisCoverColor"     value="rgb(20,20,20)"/>
  <param name="axisCoverRadius"    value="7"/>
  <param name="updateInterval"     value="50"/>
</object>
Wie bekomme ich das in ein station-clock.svg ? Also was muss vor bzw nach dem obigen Codeschnipsel stehen und wo kommt das dann hin ? In die /opt/fhem/www/images ?

Danke

[grossmaggul]

Hallo,

Du baust Dir auf dieser Seite Deine Wunschuhr zusammen und lädst sie dann in Form des station-clock.svg herunter, diese Datei legst Du dann in Deinem ftui/images Ordner ab.

Ansonsten steht alles was Du wissen musst in dem von Dir verlinkten Post.

Eine Bitte noch für die Zukunft, bitte Links auch als solche in Postings einstellen, so muss man sich den kopieren und in den Browser einsetzen um dahin zu gelangen.
Einen Link kannst Du mit dem Icon oben unter der "B" erstellen.

[rallye]

Danke, werd mich gleich dran machen und sorry wg.

Eine Bitte noch für die Zukunft, bitte Links auch als solche in Postings einstellen, so muss man sich den kopieren und in den Browser einsetzen um dahin zu gelangen.
Einen Link kannst Du mit dem Icon oben unter der "B" erstellen.

[rallye]

Jetzt bekomme ich die Fehlermeldung

Code Auswählen Erweitern

File not found: ./www/ftui//images/station-clock.svg
Ich weiss nicht wie ich den Doppel-Slash weg bekomme. Ich hab's auch voll qualifiziert versucht

Code Auswählen Erweitern

<object data="/opt/fhem/www/images/station-clock.svg" type="image/svg+xml" width="100" height="100"> und ende damit, dass mir das FHEM-Home-Icon angezeigt wird, das ich auch anklicken kann und ins "normale" FHEM WEB IF führt.
Heruntergeladen habe ich das hier => http://www.3quarks.com/images/svg/station-clock.svg (ftp://www.3quarks.com/images/svg/station-clock.svg)

[grossmaggul]

Du musst den Pfad relativ zum ftui Verzeichnis angeben.

<object data="images/station-clock.svg" ...

[Nighthawk]

Hallo zusammen,

gibt es eigentlich mittlerweile ein Thread mit Beispielen analog dem vom FTUI2?
Ich versuche gerade ein komplett neues ftui bei mir aufzubauen, das gelingt mir leider nur bedingt, da ich in HTML/CSS nicht sonderlich tief stecke und mir alles irgendwie zusammensuchen muss.
Beispiele würden (vermutlich nicht nur mich) wirklich weiterbringen.


Gruß
Alex