Ich mag CSS 
Aaaahhhh ja, das ist wirklich sauber! Ich habe über die Verbindungen nachgedacht, weil ich Angst habe, dass es sonst ein Chaos wird, aber wenn wir es gut durchdenken, gibt es keinen Grund, warum es nicht funktionieren sollte!
Ich bin heiß darauf, es auszuprobieren, wenn du willst!
Die Verbindungen sind nur visuell, verstehst du! Nichts, was der Benutzer auswählen kann, wir wollen keinen Knoten-Sack
Auf jeden Fall, wenn du Bock hast 
Hallo zusammen!
Heute habe ich an zwei Dingen gearbeitet.
1/ Der Startprozess von Gladys in der Produktion
Ich habe ein kleines Docker-Build-POC erstellt (nur lokal, kein Multi-Arch, nur ein einfacher Build)
Das Ziel war es, einfache Punkte zu klären:
Kurz gesagt, ich habe viel Zeit investiert, aber jetzt funktioniert es gut. Ich bin mit dem Ergebnis zufrieden!
Das Hauptziel war:
2/ Das Design des Dashboards
Heute Nachmittag habe ich (ein bisschen) CSS gemacht
Man kann sagen, dass ich einen schlechten Nachmittag hatte aha 
Bisher bin ich von einem 3-Spalten-Raster wie beim Gateway ausgegangen.
Ich habe ein Set von Boxen definiert, bisher ist es nur ein erster Entwurf.
Ich finde, dass einige Boxen zu viel „Leerraum“ haben, aber ich weiß nicht genau, wie ich das füllen soll.
Natürlich ist alles auf der Demo-Website verfügbar =>
Hallo,
Meine persönliche Meinung: Es gibt nie zu viel Weiß. Ich finde das super. Jetzt könnte Multi-Theming dieses Geschmacksproblem beheben.
Gute Arbeit 
Ehrlich gesagt, super gemacht, denn ich finde das richtig gut! Es ist nicht unbedingt zu „weiß“, es ist einfach nur gut und sauber.
Eine kleine Präzisierung zum Beispiel zur Raumtemperatur: Es wäre interessant, dieser einen Regler zuzuordnen, um die exakte Raumtemperatur und die Solltemperatur zu haben.
Was ich mir vorstelle, ist die Möglichkeit, darauf zu klicken und einen Regler zu haben (wie beim iPhone für die Helligkeit zum Beispiel).
Ansonsten gefällt es mir gut 
Gute Idee!
Mal sehen, wie wir das in diese kleine Box unterbringen könnten, es könnte einfach ein + und - Knopf sein, um die Helligkeit zu erhöhen/verringern.
Du bringst mich auf eine Sache, wir haben in Gladys noch nicht diese Vorstellung von Ist-Zustand und Soll-Zustand.
Ich weiß nicht, welche Form das annehmen könnte, ist es nur ein Zustandswechsel, der viel Zeit in Anspruch nimmt, oder eine Eigenschaft, die irgendwo gespeichert werden muss… Wenn jemand Rückmeldungen dazu hat, wie andere Plattformen das handhaben, interessiert mich das!
Danke!
Danke auch, das freut mich!
Mal sehen, wie man das in dieses kleine Kästchen reinbekommt. Es könnte einfach ein + und - Knopf sein, um die Helligkeit zu erhöhen/verringern.
Aber Achtung, nicht zu viel reinpacken. Du könntest zum Beispiel einfach ein kleines Icon haben, auf das man klickt und ein Modal öffnet sich.
Du erinnerst mich, wir haben in Gladys im Moment nicht diese Vorstellung von aktuellem Zustand und gewünschtem Zustand.
Tatsächlich, ich habe mit meinem Netatmo gesehen, dass ich zum Beispiel eine Einstellung vornehmen kann und das Ziel des Geräts ist, dieser Einstellung zu folgen. Genauso zum Beispiel beim Öffnen/Verschließen von Jalousien, all diese Dinge, die ein paar Sekunden dauern.
Es ist einfach ein Zustandswechsel, der viel Zeit in Anspruch nimmt oder eine Eigenschaft, die irgendwo gespeichert werden muss
Das hängt davon ab, was du erreichen willst. Wenn das Ziel ist, dem Benutzer eine Metrik zu geben oder einfach einen Status wie „in Bearbeitung“, „Schließvorgang läuft“…
Hallo,
Im Großen und Ganzen alles gleich. Mit einigen kleinen Unterschieden: die Sequenzen natürlich und auch eine integrierte Weckfunktion mit Licht und andere On/Off-Funktionen in Bezug auf die Zeit. Aber das wäre eine spezifische Einstellung im Modul.
Tatsächlich gibt es viele Steuerungen für eine Glühbirne, im Fall von RGBW hast du mindestens 5: Farbe und Helligkeit RGB, Temperatur und Helligkeit Weiß, und Ein/Aus. Das macht also 5 Zeilen in der Benutzeroberfläche, was schnell viel Platz einnimmt, wenn du die Glühbirnen multiplizierst.
Man kann entweder Steuerungen ausblenden oder eine Modulgruppe (Vorlage) verwenden, wie zum Beispiel:
(o) ------o------- o
| |
o ---o---------- (o)
Der vertikale Schalter links würde es ermöglichen, zwischen Farbe und Weiß zu wechseln, der rechte wäre ein Ein/Aus-Knopf. Der obere Seekbar für den Farbton oder die Temperatur in Abhängigkeit vom ersten Knopf, und der darunter für die Helligkeit in Farbe und Weiß.
Der Schalter zum Wechseln von Farbe zu Weiß würde nur die sichtbaren Steuerungen ersetzen, von denen eines Modus zum anderen, ohne die Glühbirne selbst zu beeinflussen. (Daher würde der Wechsel von der Farbsteuerung zu Weiß die Glühbirne nicht sofort in Weiß setzen, solange der Benutzer nicht eingegriffen hat)
Das Vorlagen-System könnte an andere Fälle von « komplexen » vernetzten Objekten angepasst werden. Dadurch würde die Benutzeroberfläche klarer werden.
Wenn ihr andere Ideen für komplexe Objekte habt, bin ich offen dafür! (Ich werde versuchen, schnell Skizzen zu machen, um euch eine etwas visuellere Vorstellung zu geben)
Im Fall einer Temperatur kann man sich einen Seekbar mit einem halbtransparenten Marker für den aktuellen Wert, einen vollen Marker für den gewünschten Wert vorstellen. Dazwischen würde der Seekbar eine Bewegung vom ersten zum zweiten Marker haben, um zu symbolisieren, dass es einen Vorgang gibt, um von einem Zustand zum anderen zu wechseln. Man könnte sogar den Abschnitt des Seekbar rot färben, um zu sagen, dass man aufheizt, und umgekehrt blau, um abzukühlen
Du kannst es sein, es ist toll! 
Beabsichtigst du, das Symbol eines Schalters (links neben den Zeilen) für alles, was Ein/Aus ist, beizubehalten, oder planst du, das Symbol des Typs des gesteuerten Objekts (ein Baum/Lichterkette, eine Glühbirne usw.) einzufügen?
Aber weiß ist schlecht, ich habe immer Dark Reader aktiviert daher wäre ein Nachtmodus (grau und/oder schwarz) cool!
Hallo zusammen!
Heute gibt es eine kleine Diskussion über HTTPS in Gladys 4.
Ich habe über das Thema nachgedacht, und hier sind die verschiedenen Fälle, die ich identifiziert habe:
Fall Nr. 1: Erste Installation von Gladys
Der Benutzer greift über die IP-Adresse des Raspberry Pi auf seinen Raspberry Pi im lokalen Netzwerk zu und verbindet sich für die erste Anmeldung per HTTP. Dieser Ansatz birgt kein signifikantes Risiko, da er lokal ist und es sich um eine erste Verbindung handelt.
**Fall Nr. 2: « Normalnutzer »
Bisher war ich noch nicht so weit, an den Baum zu denken, aber ich bin nicht abgeneigt von dieser Idee, wir könnten komplett benutzerdefinierte Icons (optional) hinzufügen
Für den Dunklen Modus sind wir vom Tabler-Theme abhängig, das ich verwende. Der Theme-Ersteller hat mitgeteilt, dass er den Dunklen Modus mit der Version 1.0.0 von Tabler starten wird
Telepathie, ich hatte das Thema noch nicht gelesen 
https://community.gladysassistant.com/t/nouvelle-version-de-gladys-gladys-v3-13-0/4447/2?u=vonox
@VonOx Ich habe deine Nachricht zur Build-Optimierung gesehen, halte mich auf dem Laufenden, das ist super!
Ich frage mich, ob es nicht schneller gehen würde, wenn man CircleCI statt TravisCI verwendet.
Ich nutze CircleCI in vielen Projekten und es ist wirklich mächtig.
Alles muss auf circleci umgestellt werden, damit nur gebaut wird, wenn die Tests OK sind.
Ich sage nicht, dass wir zu CircleCI wechseln sollten, ich denke, wir sollten erstmal benchmarken CircleCI ist mächtig, aber wir müssen schauen, ob es in diesem speziellen Fall schneller ist!
Ja, ich habe mich falsch ausgedrückt, wenn es erfolgreich ist, müssen wir alles auf Circle CI umstellen
@MathieuA Gut, ich habe mit der Implementierung begonnen, das ist echtes HTML da!
Szene bearbeiten
Szene-Liste
Zögern Sie nicht, mir Feedback zu geben
Arf ich habe auch gestern Abend angefangen @pierre-gilles
Es ist noch nicht sehr weit fortgeschritten, aber einige Dinge funktionieren schon ^^
Möchtest du, dass ich dir einen PR mache, damit du das, was ich gemacht habe, übernehmen kannst?
Ich wäre dir dankbar, wenn du mir das HTML der Listenansicht schicken könntest!
Gute Arbeit, was du da gemacht hast
Kein Grund, sich wichtig zu machen, Dateien per PN reichen völlig.
Bei der Szenenbearbeitungsansicht habe ich das Gefühl, ich bin ein bisschen weiter gekommen, was meinst du?
Bah sagen wir mal, ich habe nicht nur HTML gemacht XD
Ich habe eine Liste von Szenen hinzugefügt, der Löschbutton funktioniert sowie die Suche auch…
Also ich habe es so richtig krachen lassen, wie du mit den Integrationen
Ich gestehe, ich bin nicht begeistert, ich finde es ein bisschen zu viel ^^
Edit: das HTML
import { connect } from 'unistore/preact'; import actions from '../../actions/scenes'; import style from './style.css'; const SceneList = connect('scenes,currentUrl,totalSize', actions)( ({ scenes, currentUrl, totalSize, search, play, edit, remove }) => { const removeScene = (scene) => () => remove(scene); const editScene = (scene) => () => edit(scene); return ( <div class="container"> <div class="page-header"> <h1 class="page-title"> Scenes </h1> <div class="page-subtitle">1 - {scenes.length} of {totalSize} of Scenes</div> <div class="page-options d-flex"> <select class="form-control custom-select w-auto"> <option value="asc">A - Z</option> <option value="desc">Z - A</option> </select> <div class="input-icon ml-2"> <span class="input-icon-addon"> <i class="fe fe-search" /> </span> <input type="text" class="form-control w-10" placeholder="Search Scenes" onInput={search} /> </div> <div class="ml-2"> <a href="#" class="btn btn-secondary"><i class="fe fe-plus" />New Scene</a> </div> </div> </div> <div class="row row-cards"> { scenes.map((scene) => ( <div class="col-sm-6 col-lg-3"> <div class="card h-100"> <div class="card-body p-3 text-center"> <div class="text-right text-green"> <a href="#" class="icon" data-toggle="card-remove" onClick={removeScene(scene)}><i class="fe fe-trash" /></a> </div> <div class={style.scene_icon}><i class={`fe fe-${scene.icon}`} /></div> <h4>{scene.name}</h4> <div class="text-muted">{scene.description}</div> </div> <div class="card-footer"> <div class="btn-list text-center"> <button class="btn btn-outline-primary btn-sm" onClick={editScene(scene)} id={scene.selector}><i class="fe fe-edit" />Edit</button> <button type="button" class="btn btn-outline-success btn-sm" onClick={play} id={scene.selector}><i class="fe fe-play" />Play</button> </div> </div> </div> </div> ))} </div> </div> ); }); export default SceneList;
Und das CSS ^^
.scene_icon{ font-size: 4rem !important; margin: 0; color: #9aa0ac !important; }
Ah! Gut, schick mir die Dateien, ich werde mich schon irgendwie damit arrangieren
Ach? Ich mag es aber
Ich mag die Idee, dass man direkt das gesamte Szenario sieht und es so bearbeiten kann, ohne dass man in eine Reihe von Modals gehen muss.
Bisher gibt es 0 Modals in Gladys 4, du hast es sicher bemerkt! Ich bin nicht gegen Modals, aber ich möchte, dass es viel weniger gibt als in Gladys 3, wo fast alles modal war ^^
