Autor Thema: FTUI version 3  (Gelesen 42882 mal)

Offline octek0815

  • Sr. Member
  • ****
  • Beiträge: 538
Antw:FTUI version 3
« Antwort #990 am: 21 Februar 2021, 17:50:25 »
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.

    <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.

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...
      <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

Offline mr_petz

  • Full Member
  • ***
  • Beiträge: 234
Antw:FTUI version 3
« Antwort #991 am: 21 Februar 2021, 18:15:16 »
@Reinhart
Probiere mal so:
<ftui-button [(value)]="Eingang">on,off</ftui-button>
mfg Thomas

Offline Reinhart

  • Hero Member
  • *****
  • Beiträge: 2233
Antw:FTUI version 3
« Antwort #992 am: 21 Februar 2021, 18:30:20 »
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
FHEM auf Raspy4 mit Buster + SSD, mit FS20, Homematic, ESP8266, Sonoff, Electrodragon, eBus, RPi mit COC,NanoCUL, MapleCUL, HM-CFG-LAN Adapter, MQTT2, Alexa

Offline octek0815

  • Sr. Member
  • ****
  • Beiträge: 538
Antw:FTUI version 3
« Antwort #993 am: 21 Februar 2021, 18:45:49 »
@Reinhart
Probiere mal so:
<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...
      <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

Offline Reinhart

  • Hero Member
  • *****
  • Beiträge: 2233
Antw:FTUI version 3
« Antwort #994 am: 21 Februar 2021, 18:47:11 »
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
FHEM auf Raspy4 mit Buster + SSD, mit FS20, Homematic, ESP8266, Sonoff, Electrodragon, eBus, RPi mit COC,NanoCUL, MapleCUL, HM-CFG-LAN Adapter, MQTT2, Alexa

Offline Reinhart

  • Hero Member
  • *****
  • Beiträge: 2233
Antw:FTUI version 3
« Antwort #995 am: 21 Februar 2021, 18:50:59 »
@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
FHEM auf Raspy4 mit Buster + SSD, mit FS20, Homematic, ESP8266, Sonoff, Electrodragon, eBus, RPi mit COC,NanoCUL, MapleCUL, HM-CFG-LAN Adapter, MQTT2, Alexa

Offline OdfFhem

  • Sr. Member
  • ****
  • Beiträge: 722
Antw:FTUI version 3
« Antwort #996 am: 22 Februar 2021, 06:03:35 »
@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:
  <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:
<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:
<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.

Offline moonsorrox

  • Hero Member
  • *****
  • Beiträge: 3837
  • Online
Antw:FTUI version 3
« Antwort #997 am: 22 Februar 2021, 11:52:43 »
sehr interessant... habe ich mich noch nie mit beschäftigt solch eine Einkaufliste  ;)
Intel-NUC i3: FHEM-Server 5.9 :: Perl v5.18.2

Homematic: HM-USB-CFG2,HM-CFG-LAN Adapter, HM-LC-BL1-FM, HM-LC-Sw1PBU-FM, HM-LC-Sw1-PI-2, HM-WDS10-TH-O, HM-CC-TC, HM-LC-SW2-FM

Offline roman1528

  • Sr. Member
  • ****
  • Beiträge: 749
    • ueberueck.com
Antw:FTUI version 3
« Antwort #998 am: 22 Februar 2021, 19:44:03 »
@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:
<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^^
Intel Atom 2x2,13GHz;4GB RAM;60GB SSD;8TB als NAS: FHEM 6.0,FTUI,AMAD,8" Tablet's+Fully;HUE;ESPRGBWW;HM;ESP8266;CUL433;CUL868;Duofern;ASC;MQTT;mySensors
RPi3+: FHEM 6.0;I²C;GPIO;WigandRFID;G-Tag;XiaomiBTLESens
RPi3: FHEM 6.0;DIY Relais-Board;I²C;GPIO;600W Solar;smart-me
FHEM&FTUI: www.ueberueck.com

Offline rallye

  • Full Member
  • ***
  • Beiträge: 106
Antw:FTUI version 3
« Antwort #999 am: 23 Februar 2021, 18:40:53 »
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:
<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
RaspiPi v4, Funkmodul: HM-LGW, 3x HM-TC-IT-WM-W-EU, 11x HM-CC-RT-DN, 1x HUE Bridge, 4x HUE RemoteControl, 5x Hue White and Color Ambiance, 15xHue White Ambiance, 3xHM-LC-SW1-FM, 1xHM-LC-SW2-FM, 1x ConBeeII, 11x Shelly

Offline grossmaggul

  • Full Member
  • ***
  • Beiträge: 489
    • Mein Blog
Antw:FTUI version 3
« Antwort #1000 am: 23 Februar 2021, 18:53:05 »
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.
FHEM auf Debian Buster Server, 2 x nanoCUL868, 1xnanoCUL465; Homematic, MAX, MiLight, HUE,  2 x Gosund SP1, 1 x IT-3000

Offline rallye

  • Full Member
  • ***
  • Beiträge: 106
Antw:FTUI version 3
« Antwort #1001 am: 23 Februar 2021, 18:57:30 »

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.
RaspiPi v4, Funkmodul: HM-LGW, 3x HM-TC-IT-WM-W-EU, 11x HM-CC-RT-DN, 1x HUE Bridge, 4x HUE RemoteControl, 5x Hue White and Color Ambiance, 15xHue White Ambiance, 3xHM-LC-SW1-FM, 1xHM-LC-SW2-FM, 1x ConBeeII, 11x Shelly

Offline rallye

  • Full Member
  • ***
  • Beiträge: 106
Antw:FTUI version 3
« Antwort #1002 am: 23 Februar 2021, 19:28:13 »
Jetzt bekomme ich die Fehlermeldung
File not found: ./www/ftui//images/station-clock.svgIch weiss nicht wie ich den Doppel-Slash weg bekomme. Ich hab's auch voll qualifiziert versucht
<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
RaspiPi v4, Funkmodul: HM-LGW, 3x HM-TC-IT-WM-W-EU, 11x HM-CC-RT-DN, 1x HUE Bridge, 4x HUE RemoteControl, 5x Hue White and Color Ambiance, 15xHue White Ambiance, 3xHM-LC-SW1-FM, 1xHM-LC-SW2-FM, 1x ConBeeII, 11x Shelly

Offline grossmaggul

  • Full Member
  • ***
  • Beiträge: 489
    • Mein Blog
Antw:FTUI version 3
« Antwort #1003 am: 23 Februar 2021, 20:15:39 »
Du musst den Pfad relativ zum ftui Verzeichnis angeben.

<object data="images/station-clock.svg" ...
FHEM auf Debian Buster Server, 2 x nanoCUL868, 1xnanoCUL465; Homematic, MAX, MiLight, HUE,  2 x Gosund SP1, 1 x IT-3000
Gefällt mir Gefällt mir x 1 Liste anzeigen

Offline Nighthawk

  • Full Member
  • ***
  • Beiträge: 245
Antw:FTUI version 3
« Antwort #1004 am: 24 Februar 2021, 09:41:36 »
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

 

decade-submarginal