Autor Thema: FTUI version 3 (Gelesen 42882 mal)

octek0815 · « **Antwort #990 am:** 21 Februar 2021, 17:50:25 »

Zitat von: Reinhart am 21 Februar 2021, 16:26:08

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]
<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]
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:Ausein 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]

      <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 · « **Antwort #991 am:** 21 Februar 2021, 18:15:16 »

@Reinhart
Probiere mal so:

Code: [Auswählen]

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

mfg Thomas

Reinhart · « **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

octek0815 · « **Antwort #993 am:** 21 Februar 2021, 18:45:49 »

Zitat von: mr_petz am 21 Februar 2021, 18:15:16

@Reinhart
Probiere mal so:
Code: [Auswählen]
<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]

      <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 · « **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

Reinhart · « **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

OdfFhem · « **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:

Code: [Auswählen]

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

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

<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 · « **Antwort #997 am:** 22 Februar 2021, 11:52:43 »

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

roman1528 · « **Antwort #998 am:** 22 Februar 2021, 19:44:03 »

Zitat von: OdfFhem 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.

Danke Danke Danke

Ich habe das jetzt so gelöst:

Code: [Auswählen]

		<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 · « **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:

Code: [Auswählen]

<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 · « **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.

rallye · « **Antwort #1001 am:** 23 Februar 2021, 18:57:30 »

Danke, werd mich gleich dran machen und sorry wg.

Zitat von: grossmaggul am 23 Februar 2021, 18:53:05

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 · « **Antwort #1002 am:** 23 Februar 2021, 19:28:13 »

Jetzt bekomme ich die Fehlermeldung

Code: [Auswählen]

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

Code: [Auswählen]

<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

grossmaggul · « **Antwort #1003 am:** 23 Februar 2021, 20:15:39 »

Du musst den Pfad relativ zum ftui Verzeichnis angeben.

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

Nighthawk · « **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

FHEM Forum

Neuigkeiten:

Autor Thema: FTUI version 3 (Gelesen 42882 mal)

octek0815

Antw:FTUI version 3

mr_petz

Antw:FTUI version 3

Reinhart

Antw:FTUI version 3

octek0815

Antw:FTUI version 3

Reinhart

Antw:FTUI version 3

Reinhart

Antw:FTUI version 3

OdfFhem

Antw:FTUI version 3

moonsorrox

Antw:FTUI version 3

roman1528

Antw:FTUI version 3

rallye

Antw:FTUI version 3

grossmaggul

Antw:FTUI version 3

rallye

Antw:FTUI version 3

rallye

Antw:FTUI version 3

grossmaggul

Antw:FTUI version 3

Nighthawk

Antw:FTUI version 3