Neuer Style: flex. Flexibel für alle Geräte

[kaihs]

Mir ist gerade aufgefallen, dass bei dem Kopieren der Ausgabe z. B. eines List Kommandos hinter jeder Zeile eine Leerzeile eingefügt wird.

Also

Code Auswählen Erweitern


list global


Die Ausgabe markieren und in die Zwischenablage kopieren, dann z. B. in einen Texteditor einfügen.
Es erscheint überflüssige Leerzeilen.

Mit einem anderen Style (z. B. f18) ist das nicht so.

[xanker]

Wenn man dort "get showShuttersInformation"'aufruft, so wird das Dialogfenster falsch formatiert angezeigt. Die Spalten sind vermutlich recht schmal und es passt nur ein Buchstabe in die Spalte. Der Text läuft somit nach unten.

Danke, Problem gelöst.

Die Ausgabe markieren und in die Zwischenablage kopieren, dann z. B. in einen Texteditor einfügen.
Es erscheint überflüssige Leerzeilen.

Das kann ich nicht nachstellen. Habe es gerade mit "list global" getestet, den Output habe ich in Notepad++ eingefügt -> keine Leerzeichen am Ende.
Welchen Browser nutzt du?

[FunkOdyssey]

Vielen Dank.

Folgendes ist mir noch aufgefallen. Die Beschriftung "Plot Control" bricht um.

[xanker]

Folgendes ist mir noch aufgefallen. Die Beschriftung "Plot Control" bricht um.

Das dürfte eigentlich nur passieren, wenn eine Gruppe schmäler wird als sie sein darf (300px)...was sie ja aber nicht sein darf 
Oder wird das bei dir umgebrochen obwohl in der Zeile noch genug Platz ist? Auf Chrome und Firefox passiert das bei mir nämlich nicht.

Ich habe den Zeilenumbruch für Plotcontrol nun mal grundlegend unterbunden, wobei das eigentlich nicht nötig sein sollte

[binford6000]

Sonos sieht jetzt auch wieder top aus. Danke 

VG Sebastian

Hallo,
die Steuerung von Sonos ist wieder etwas verrutscht, die Abstände zwischen den Buttons sind zu groß
und damit fehlen dann ein paar Steuerelemente. Habs heute erst bemerkt, müsste aber mit den letzten beiden Updates
gekommen sein... 

VG Sebastian

[xanker]

Hallo,
die Steuerung von Sonos ist wieder etwas verrutscht, die Abstände zwischen den Buttons sind zu groß
und damit fehlen dann ein paar Steuerelemente. Habs heute erst bemerkt, müsste aber mit den letzten beiden Updates
gekommen sein... 

VG Sebastian

Danke, damit das korrekt aussieht muss ein CSS Parameter gesetzt werden, welcher aber einen Konflikt mit "Tabellenverhalten beibehalten" verursacht. Ist jetzt gefixed.

[kaihs]

Das kann ich nicht nachstellen. Habe es gerade mit "list global" getestet, den Output habe ich in Notepad++ eingefügt -> keine Leerzeichen am Ende.
Welchen Browser nutzt du?

Firefox 68.0.1 unter Linux.

Mit Chromium tritt das Problem in der Tat nicht auf.

Muss wohl irgendeine Kombination aus deinem Style und dem Browser sein, mit f18 tritt es wie gesagt nicht auf.
Ist aber auch nicht so tragisch als dass du da jetzt lange nach suchen müsstest.

[xanker]

Firefox 68.0.1 unter Linux.

Mit Chromium tritt das Problem in der Tat nicht auf.

Muss wohl irgendeine Kombination aus deinem Style und dem Browser sein, mit f18 tritt es wie gesagt nicht auf.
Ist aber auch nicht so tragisch als dass du da jetzt lange nach suchen müsstest.

Habe es auch mal mit Firefox getestet, da passiert das bei mir auch. Das lag daran, dass ich jede Ausgabezeile in ein <p> Tag gekapselt habe um sie formatieren zu können. Firefox hängt bei p-Tags dann aber wohl jeweils eine zusätzliche Leerzeile hinten an. Habe es nun auf ein <span> Tag geändert, damit passiert das nicht mehr.

[schwatter]

@xanker

Wegen dir wurde viel in letzter Zeit gefixt oder geändert. Deshalb frage ich hier, vielleicht hast du die Antwort parat.
Ich habe nicht nur in deinem Skin seit neusten das Problem, das der fhemlog-Teil nicht richtig dargestellt wird.
Div-Elemente tauchen auf.

Code Auswählen Erweitern

2019.08.16 20:40:30 2 : backup include:
2019.08.16 20:40:30 2 : backup include:
2019.08.16 20:40:30 2 : Backup with command: tar czf ./backup/FHEM-20190816_204030.tar.gz "./www" "./MSwitch_backup.cfg" "./script" "./docs" "./divoom1" "./configDB.pm" "./demolog" "./95_WebViewControl.pm" "./FileLog_ThermoHygro_KU.log" "./nanoCUL" "./hm_tc_it_wm_w_eu_update_V1_4_002_170213.eq3" "./hm_cc_rt_dn_update_V1_5_003_171004.eq3" "./cache" "./README_DEMO.txt" "./restoreDir" "./MAINTAINER.txt" "./fhem.cfg.debug" "./log" "./WebStreams.txt" "./audio" "./FHEM" "./contrib" "./fhem.pl" "./certs" "./divoom" "./CHANGED" "./Holzofen" "./fhem.cfg.demo" "./regSave.cfg" "./fhem.cfg" "./unused"
2019.08.16 20:40:30 1 : backup tar (child): ./backup/FHEM-20190816_204030.tar.gz: Cannot open: Permission denied tar (child): Error is not recoverable: exiting now tar: ./backup/FHEM-20190816_204030.tar.gz: Cannot write: Broken pipe tar: Child returned status 2 tar: Error is not recoverable: exiting now
2019.08.16 20:40:30 1 : Something went wrong during backup: tar (child): ./backup/FHEM-20190816_204030.tar.gz: Cannot open: Permission denied tar (child): Error is not recoverable: exiting now tar: ./backup/FHEM-20190816_204030.tar.gz: Cannot write: Broken pipe tar: Child returned status 2 tar: Error is not recoverable: exiting now
2019.08.16 20:40:30 1 : update was canceled. Please check manually!
2019.08.16 20:40:30 1 :
2019.08.16 20:40:30 1 : fhem-flex
2019.08.16 20:40:31 1 : RMDIR: ./restoreDir/update/2019-08-05
2019.08.16 20:40:31 1 : UPD www/pgm2/flex.js
2019.08.16 20:40:31 1 : UPD www/pgm2/dashboard_flex.css
2019.08.16 20:40:32 1 : UPD www/pgm2/flexstyle.css
2019.08.16 20:40:32 1 : saving fhem.cfg
2019.08.16 20:40:32 1 : saving ./log/fhem.save
2019.08.16 20:40:32 1 :
2019.08.16 20:40:32 1 : New entries in the CHANGED file:
2019.08.16 20:40:32 1 : - 2019-08-14: wrapping log lines in span-tags instead of p-tags
2019.08.16 20:40:32 1 : - 2019-08-13: optimized sonos player
2019.08.16 20:40:32 1 : - 2019-08-13: optimized sonos player
2019.08.16 20:40:32 1 : - 2019-08-13: fixed: some scrollable containers had too wide width
2019.08.16 20:40:32 1 : - 2019-08-13: changed word-break of svgZoomControl to keep-all
2019.08.16 20:40:32 1 : - 2019-08-13: fixed word-break of svgZoomControl
2019.08.16 20:40:32 1 : - 2019-08-13: fixed word-break of FW_okDialog
2019.08.16 20:40:32 1 : - 2019-08-10: new color: plotBGgradient
2019.08.16 20:40:32 1 : - 2019-08-10: fixed table behaviour
2019.08.16 20:40:32 1 : - 2019-08-09: fixed todoist draghandler width
2019.08.16 20:40:32 1 : - 2019-08-09: removed margin of grouped todoist lists
2019.08.16 20:40:32 1 : - 2019-08-09: added border to block tables which are not within group
2019.08.16 20:40:32 1 : - 2019-08-09: fixed plex player layout
2019.08.16 20:40:32 1 : - 2019-08-09: fixed gradients of plots with plotEmbed 1
2019.08.16 20:40:32 1 : - 2019-08-09: fixed some caused due to the loading screen
<div class='fhemlog'>2019.08.16 20:40:32 1 :  - 2019-08-08: fixed loop on change option of select</div><div class='fhemlog'>2019.08.16 20:40:32 1 :  - 2019-08-08: fixed svg plot issues</div><div class='fhemlog'>2019.08.16 20:40:32 1 :  - 2019-08-08: changed background of loading screen to gray</div><div class='fhemlog'>2019.08.16 20:40:32 1 :  - 2019-08-08: optimized: set defs of plots within javascript to be independet of svg_defs.svg</div><div class='fhemlog'>2019.08.16 20:40:32 1 :  - 2019-08-08: optimized: independently scroll grouped module html output. fixed cropped content of callist</div><div class='fhemlog'>2019.08.16 20:40:32 1 :  - 2019-08-08: added loading screen</div><div class='fhemlog'>2019.08.16 20:40:32 1 :  - 2019-08-08: fixed: edit mode also started on click</div><div class='fhemlog'>2019.08.16 20:40:32 1 :  - 2019-08-08: optimized: avoid rearrange of webcmds on page load</div><div class='fhemlog'>2019.08.16 20:40:32 1 :  - 2019-08-08: some performance improvements</div><div class='fhemlog'>2019.08.16 20:40:32 1 :  - 2019-08-06: minor bug fix</div><div class='fhemlog'>2019.08.16 20:40:32 1 :  - 2019-08-06: removed word-break from custom module output</div><div class='fhemlog'>2019.08.16 20:40:32 1 : ... rest of lines skipped.</div><div class='fhemlog'>2019.08.16 20:40:32 1 : </div><div class='fhemlog'>2019.08.16 20:40:32 1 : update finished, "shutdown restart" is needed to activate the changes.</div><div class='fhemlog'>2019.08.16 20:40:32 1 : </div><div class='fhemlog'>2019.08.16 20:40:32 1 : Please consider using the global attribute sendStatistics</div>2019-08-16 20:40:32 Global global UPDATE
2019.08.16 20:42:02 4 : Connection accepted from WEBphone_192.168.178.13_54340
2019.08.16 20:42:02 4 : WEBphone_192.168.178.13_54340 GET /fhem?room=01%2eHeizung; BUFLEN:0
2019.08.16 20:42:02 4 : WEBphone: / RL:60375 / text/html; charset=UTF-8 / / Cache-Control: no-cache, no-store, must-revalidate
2019.08.16 20:42:04 4 : Connection accepted from WEBphone_192.168.178.13_54341
2019.08.16 20:42:05 4 : WEBphone_192.168.178.13_54341 GET /fhem?room=01%2eHeizung; BUFLEN:0
2019.08.16 20:42:05 4 : WEBphone: / RL:60375 / text/html; charset=UTF-8 / / Cache-Control: no-cache, no-store, must-revalidate
2019.08.16 20:43:00 3 : KesselStatusEta: Read callback: Error: connect to http://192.168.178.28:8080 timed out

edit:
Bitte Error's ignorieren. Das sind Fakedevices zum testen

[nuccleon]

Also mit dem letzten Update ist was mit den Zeilenumbrüchen kaputt gegangen (s. Anhang).
Chrome + Mobile

[TomLee]

Hallo,

habe gestern bei mir auch mal den Style aktiviert. Sehr cool. Du hast ja in deinem Style fast alle meine Wünsche bezüglich f18 umgesetzt. In den Einstellungen war mir gleich die integrierte Gerätesuche ins Auge gesprungen, heute morgen erst der Tageszeiten Wechsel 

Neue Funktionen / Wünsche:
Ich bin offen für Änderungsvorschläge und baue auch gerne neue (sinnvolle) Funktionen ein. Wenn jemand eine Idee hat, einfach hier schreiben.

Da würd ich gleich mal fragen wollen :
Was hältst du von meiner Idee, die Gerätesuche um die Auswahl der FHEM-Befehle (die ganz oben in der commandref) zu erweitern ?
Ob das eine sinnvolle Funktion ist darüber hat sicher jeder eine andere Meinung, ich find sie gut.
Jetzt wo ich die Umsetzung der Gerätesuche /Befehlszeile in dem Style sehe hätte ich folgende Idee zu Auswahl der FHEM-Befehle, aber keine Ahnung von der Programmierung.

Insgesamt 3 Textfelder/Kombifelder die je nach Verwendung ein/ausgeblendet werden.

Den Abstand  zwischen + und Titel (Standard fhem) etwas größer machen und dort das 1. unsichtbare Textfeld vorsehen welches nur beim auswählen (klick ins Textfeld) die FHEM-Befehle zu Auswahl stellt.

Verlässt man das 1. Textfeld wird das 2. Textfeld aktiviert das direkt hinter dem 1. Textfeld positioniert wird und beim auswählen (klick ins Textfeld) die Gerätesuche Funktion bereitstellt.

Verlässt man das 2. Textfeld wird das erste und zweite Textfeld ausgeblendet, das 3. Textfeld (Befehlszeile) wird mit den Werten des ersten und zweiten Textfeld mit Leerzeichen getrennt gefüllt und an deren Position angezeigt/eingeblendet.

Möchte man die Fhem-Befehle Funktion gar nicht nutzen (vor dem Titel) klickt man hinter den Titel wo sich das 2.Textfeld standardmäßig befindet und diese übergibt beim verlassen dann nur den einen Wert an das 3.Textfeld die eigentliche Befehlszeile.

Hoffe man kann in etwa nachvollziehen auf was ich aus bin


Gruß

Thomas
 

[xanker]

Ich habe nicht nur in deinem Skin seit neusten das Problem, das der fhemlog-Teil nicht richtig dargestellt wird.
Div-Elemente tauchen auf.

Also mit dem letzten Update ist was mit den Zeilenumbrüchen kaputt gegangen (s. Anhang).
Chrome + Mobile

Ich kann beide Probleme nicht nachstellen. Hat noch jemand diese Probleme?

habe gestern bei mir auch mal den Style aktiviert. Sehr cool. Du hast ja in deinem Style fast alle meine Wünsche bezüglich f18 umgesetzt. In den Einstellungen war mir gleich die integrierte Gerätesuche ins Auge gesprungen, heute morgen erst der Tageszeiten Wechsel 

Freut mich, dass deine Wünsche mit dem Style umgesetzt sind 

Bei deinem Vorschlag steige ich noch nicht ganz durch...

Den Abstand  zwischen + und Titel (Standard fhem) etwas größer machen und dort das 1. unsichtbare Textfeld vorsehen welches nur beim auswählen (klick ins Textfeld) die FHEM-Befehle zu Auswahl stellt.

In welcher Form zur Auswahl stellt? Ähnlich wie bei der Geräte-Suche, also 3 Zeichen eintippen und dann Vorschläge anzeigen?

Verlässt man das 1. Textfeld wird das 2. Textfeld aktiviert das direkt hinter dem 1. Textfeld positioniert wird und beim auswählen (klick ins Textfeld) die Gerätesuche Funktion bereitstellt.

Was bedeutet "verlassen"? Irgendwo hinklicken? Das ist nicht gerade intuitiv.

Verlässt man das 2. Textfeld wird das erste und zweite Textfeld ausgeblendet, das 3. Textfeld (Befehlszeile) wird mit den Werten des ersten und zweiten Textfeld mit Leerzeichen getrennt gefüllt und an deren Position angezeigt/eingeblendet.

Selbige Frage wie zuvor.

Möchte man die Fhem-Befehle Funktion gar nicht nutzen (vor dem Titel) klickt man hinter den Titel wo sich das 2.Textfeld standardmäßig befindet und diese übergibt beim verlassen dann nur den einen Wert an das 3.Textfeld die eigentliche Befehlszeile.

auch das ist nicht sonderlich intuitiv, da es keine Indikatoren für die verschiedenen Textfelder gibt. Nutzer die das nicht wissen, verwirrt das eher.

Wenn ich dich richtig verstehe willst du einfach eine Autovervollständigung für FHEM Befehle. Das fände ich auch gut und habe mir selbst schon Gedanken dazu gemacht, allerdings noch keine simple Umsetzung gefunden.
Problem: die ganzen grundlegenden FHEM Befehle (welche oben in der Commandref stehen), haben ja unterschiedliche Parameter. Für jeden einzelnen Befehl die möglichen Parameter (bzw. deren mögliche Werte) zu definieren, ist mir zu viel Aufwand. Beispiel: set/get/attr erfordern dann ein Device (bzw. Dev-Spec), update/sleep/shutdown etc. erfordern ganz andere Parameter. Für letzteres wäre dann eine Device-Suche quatsch.

Meines Wissens nach gibt es keine Möglichkeit von einem FEHM-Befehl die möglichen Parameter (bzw. deren mögliche Werte) zu parsen. Dies ist auch der Grund warum ich das dann nicht implementiert habe.

[TomLee]

In welcher Form zur Auswahl stellt? Ähnlich wie bei der Geräte-Suche, also 3 Zeichen eintippen und dann Vorschläge anzeigen?

Eher nur 2 Zeichen und die Auswahl eben auf die FHEM-Befehle begrenzen die nur eine Angabe eines Device benötigen.
Das schonmal mehr wie FHEMWEB vorher hergab.

Was bedeutet "verlassen"? Irgendwo hinklicken? Das ist nicht gerade intuitiv.

Sry, nachdem man die Eingabetaste betätigt hat als Bestätigung.

Vorausgesetzt ein Titel wäre vergeben: einfach den Abstand zwischen + und Titel größer/weiter machen, dann hatte ich mir vorgestellt klickt man in diese freie Fläche.(eventuell mit Punkt vorbelegt ?)

Deaktiviere mal die Uhr und vergebe keinen Titel ( und ändere nichts an den Farbvorgaben (hab ich mich auch noch nicht beschäftigt), wie intuitiv findest (im Sinne von suchen/finden) die Befehlszeile/Gerätesuche.
Mir war (nur im ersten Moment) nicht klar wo die Befehlszeile ist und der Titel nach Eingabe verschwindet.

auch das ist nicht sonderlich intuitiv, da es keine Indikatoren für die verschiedenen Textfelder gibt. Nutzer die das nicht wissen, verwirrt das eher.

Wie gesagt im ersten Moment war mir bei flex auch nicht klar wo die Befehlszeile ist, jetzt schon und genau so verhält es sich bei meiner Idee man sieht das Feld zwar nicht aber man weiß  (einmal genutzt) da ist eins zwischen + und Titel (meinetwegen vorbelegt mit einem Punkt, irgendwann drückt man den mal)

Also: wählt/klickt man in die frei Fläche nach dem + steht die FHEM-Befehl Auswahl zur Verfügung, wählt man einen Befehl aus und verlässt/Eingabetaste das Textfeld verschwindet der Titel und wird durch das Textfeld der Gerätesuche (meinetwegen dann vorbelegt mit drei Punkten) ersetzt, klickt man in dieses und trifft eine Auswahl oder schreibt von Hand und verlässt/Eingabetaste das Textfeld wird die richtige Befehlzeile ab dem + mit den zwei Werten eingeblendet und die anderen zwei Textfelder (FHEM-Befehl/Gerätesuche) wieder aus.



Am flex Style sieht man am Zuspruch was der Trend ist und da gehört diese Funktion meiner Meinung nach einfach dazu.

[Icinger]

Guten Morgen,

mir ist grade wieder mal eine kleinigkeit aufgefallen:
Bei "Edit SVG --> Scho preprocessed input" fehlt in dem Popup-Fenster der Scrollbalken.

lg, Stefan

[Invers]

Hi, da ich mit f18 momentan Probleme habe, die nicht nachgestellt und somit nicht gefunden oder behoben werden können, wollte ich mal Flex probieren, der mir sehr gut gefällt. Danke dafür.
Dabei sind mir folgende Dinge aufgefallen:

Ich verwende einen Date –Time - Picker aus dem DOIF-Labor. Hier ist leider die Darstellung nicht so, wie in anderen Styles. Ich habe mal zum Vergleich Bild 4 (f18) und Bild 1 (Flex) angehängt. Die Schaltflächen sind nicht mehr lesbar und die Anordnung der Widgets untereinander ist in dieser Form auch nicht wirklich schön. Kann ich da etwas einstellen? Die Anordnung, wie in Bild 2 dargestellt, würde mir schon zusagen, aber dafür muss ich das gesamte Browserfenster verkleinern. Das geht natürlich nicht.

Codeanzeigen (Bild 3) sind leider viel kleiner dargestellt, als der Rest aller Texte. Beim Eventmonitor ist die Textgröße normal. Im Log ist sie ebenfalls zu klein. Da ich schlecht sehen kann, ist das für mich nicht optimal. Kann ich die Textgröße des Codes irgendwie einstellen?

Ich würde gerne die im Bild 4 gezeigte Uhr weiterhin verwenden. Leider liegt bei Flex nun das Menü darüber. Mit welchem Trick oder mit welcher Einstellung lässt sich das verhindern?

Readingsgroups in f18 (Bild 6) sehen anders aus, als in Flex (Bild 7), wo leider die gewollte Optik zerstört wird. Die Option zweispaltig scheint hier ignoriert zu werden. Kann man da eine Zwangsbreite angeben? Wenn 2spaltig dargestellt wird, sollten doch eigentlich die RGs nicht auseinandergezogen werden; sondern ebenfalls die Spaltenbreite behalten?

Ich will nicht nerven, aber du hast ja geschrieben, dass Fragen willkommen sind. Sicherlich habe ich die meisten Sachen durch meine Unkenntnis selber verursacht.

Danke im Voraus für Verständnis und Tipps.

EDIT: Alles am PC-Monitor! Handy und Tab hab ich noch nicht probiert.