ioBroker.vis 2

Visualisierung der nächsten Generation für ioBroker: vis-2

WEB-Visualisierung für die ioBroker-Plattform.

Überblick

• Lizenzanforderungen
• Installation und Dokumentation
• Bindungen von Objekten
• Filter
• Steuerschnittstelle
• Standardansicht
• Berechtigungssystem
• Einstellungen
• SVG und currentColor

Lizenzanforderungen

Um diesen Adapter in ioBroker verwenden zu können, müssen Sie die Quellcodelizenz des Adapters akzeptieren. Der Quellcode dieses Adapters ist unter der CC BY-NC-Lizenz verfügbar.

Darüber hinaus benötigen Sie eine Lizenz zur Nutzung des Adapters. Die folgenden Lizenzeditionen sind auf https://iobroker.net/www/pricing verfügbar

• Community-Lizenz: Kostenlos für den privaten Gebrauch! : Erhalten Sie eine kostenlose Lizenz, indem Sie ein Konto auf https://iobroker.net registrieren. Die Lizenz wird online mit dem ioBroker-Lizenzserver überprüft, wenn der vis-2-Adapter gestartet wird. Daher ist zu diesem Zeitpunkt eine Online-Verbindung erforderlich!
• Offline-Lizenz für private Nutzung : Gegen Zahlung einer geringen Supportgebühr können Sie auf die erforderliche Online-Lizenzprüfung beim Start des Adapters verzichten. Nur für den privaten Gebrauch!
• Kommerzielle Lizenz : Wenn Sie Vis in einer kommerziellen Umgebung verwenden oder Vis als Teil von ioBroker-Paketen an Ihre Kunden verkaufen, ist diese Lizenz für Sie bestimmt. Für die Lizenzprüfung ist außerdem keine Online-Verbindung erforderlich.

Installation und Dokumentation

Online-Demos

Bindungen von Objekten

Normalerweise verfügen die meisten Widgets über das ObjectID-Attribut und dieses Attribut kann mit einem bestimmten Wert der Objekt-ID verknüpft werden. Es gibt jedoch noch eine andere Möglichkeit, jedes Widget-Attribut an eine ObjectID zu binden.

Schreiben Sie einfach in das Attribut {object.id} z. B. {hm-rpc.0.OEQ1880105.4.ACTUAL_TEMPERATURE} und es wird an den Wert dieses Objekts gebunden. Wenn Sie das spezielle Format verwenden, können Sie damit sogar einige einfache Operationen durchführen, z. B. Multiplikationen oder Formatierungen.

Um beispielsweise die Hypotenuse eines Dreiecks zu berechnen:

{h:javascript.0.myCustom.height;w:javascript.0.myCustom.width;Math.max(20, Math.sqrt(h*h + w*w))} wird als Funktion interpretiert:

 value = await (async function () {
    var h = (await getState('javascript.0.myCustom.height')).val;
    var w = (await getState('javascript.0.myCustom.width')).val;
    return Math.max(20, Math.sqrt(h * h + w * w));
})();

oder

{h:javascript.0.myCustom.height;w:javascript.0.myCustom.width;h*w} multipliziert einfach die Höhe mit der Breite.

Sie können beliebige Javascript-(Browser-)Funktionen verwenden. Argumente müssen mit „:“ definiert werden, andernfalls werden sie als Formel interpretiert.

Achten Sie auf Typen. Alle von ihnen sind als Zeichenfolgen definiert. Um sicherzugehen, dass dieser Wert als Zahl behandelt wird, verwenden Sie die Funktion parseFloat.

Unsere Hypotenuse-Berechnung lautet also:

 {h:javascript.0.myCustom.height;w:javascript.0.myCustom.width;Math.max(20, Math.sqrt(Math.pow(parseFloat(h), 2) + Math.pow(parseFloat(w), 2)))}

Veraltetes Format

Patten hat das folgende Format:

 {objectID;operation1;operation2;...}

Die folgenden Operationen werden unterstützt:

• * - Multiplikation. Das Argument muss in Klammern stehen, z. B. „*(4)“. In diesem Beispiel multiplizieren wir den Wert mit 4.
• + - hinzufügen. Das Argument muss in Klammern stehen, z. B. „+(4,5)“. In diesem Beispiel addieren wir zum Wert 4,5.
• - - subtrahieren. Das Argument muss in Klammern stehen, z. B. „-(-674,5)“. In diesem Beispiel subtrahieren wir vom Wert -674,5.
• / - Teilen. Das Argument muss in Klammern stehen, z. B. „/(0,5)“. In diesem Beispiel teilen wir den Wert durch 0,5.
• % - Modulo. Das Argument muss in Klammern stehen, z. B. „%(5)“. In diesem Beispiel nehmen wir Modulo von 5.
• round – den Wert runden.
• round(N) – Runden Sie den Wert mit N Stellen nach dem Punkt, z. B. 34,678;round(1) => 34,7
• hex – Wert in Hexadezimalwert umwandeln. Alle Buchstaben werden in Kleinbuchstaben geschrieben.
• hex2 – Wert in Hexadezimalwert umwandeln. Alle Buchstaben werden in Kleinbuchstaben geschrieben. Wenn der Wert kleiner als 16 ist, wird die führende Null hinzugefügt.
• HEX – wie Hex, jedoch in Großbuchstaben.
• HEX2 – wie hex2, jedoch in Großbuchstaben.
• date – Datum entsprechend dem angegebenen Format formatieren. Das Format ist das gleiche wie in iobroker.javascript
• min(N) – wenn der Wert kleiner als N ist, nimm den N-Wert, sonst den Wert
• max(M) – wenn der Wert größer als M ist, nimm den M-Wert, sonst den Wert
• sqrt – Quadratwurzel
• pow(n) – Potenz von N.
• pow - Potenz von 2.
• floor - Math.floor
• ceil - Math.ceil
• json – Vorgang zum Abrufen von JSON- oder Objekteigenschaften. Beispiel: {id;json(common.name.en)}
• random(R) - Math.random() * R, oder einfach Math.random(), wenn kein Argument vorhanden ist
• formatValue(decimals) – Wert entsprechend den Systemeinstellungen formatieren und Dezimalzahlen verwenden
• date(format) – Wert als Datum formatieren. Das Format ist wie folgt: „JJJJ-MM-TT hh:mm:ss.sss“
• momentDate(format, useTodayOrYesterday) – Wert mit Moment.js als Datum formatieren. Zugelassene Formate müssen entsprechend der Bibliothek moment.js eingegeben werden. Mit useTodayOrYesterday=true werden die moment.js -Formate ddd / dddd mit heute / gestern überschrieben
• array(element1,element2[,element3,element4]) – gibt das Element des Index zurück. Beispiel: {id.ack;array(ack is false,ack is true)}

Sie können dieses Muster in jedem Text verwenden, z

 My calculations with {objectID1;operation1;operation2;...} are {objectID2;operation3;operation4;...}

oder Farbberechnungen:

 #{objectRed;/(100);*(255);HEX2}{objectGreen;HEX2}{objectBlue;HEX2}

Um den Zeitstempel des Objekts anzuzeigen, schreiben Sie .ts oder .lc (für die letzte Änderung) am Ende der Objekt-ID, z. B.:

 Last change: {objectRed.lc;date(hh:mm)}

Spezielle Bindungen

Es gibt verschiedene interne Bindungen, um zusätzliche Informationen in Ansichten bereitzustellen:

• username – zeigt den angemeldeten Benutzer an
• view – Name der tatsächlichen Ansicht
• wname – Widget-Name
• widget – ist ein Objekt mit allen Daten des Widgets. Kann nur im JS-Teil verwendet werden, z. B. {a:a;widget.data.name}
• widgetOid – Verwenden Sie die OID des Widgets, um den Wert des Widgets im Zuweisungsabschnitt zuzuweisen, z. B. {t:widgetOid.val;t}
• wid – Name des tatsächlichen Widgets
• language – kann de , en oder ru sein.
• instance – Browserinstanz
• login – ob eine Anmeldung erforderlich ist oder nicht (z. B. um die Schaltfläche „Abmelden“ anzuzeigen/auszublenden)
• local_* – wenn der Statusname von local_ aus gestartet wird, wird er nicht an ioBroker gemeldet, sondern aktualisiert alle Widgets, die von diesem Status abhängen. (Lokale Variable für aktuelle Browsersitzung)

Hinweis: Um „:“ in Berechnungen zu verwenden (z. B. in einer Zeichenfolgenformel), verwenden Sie stattdessen „::“.

Denken Sie daran , dass Stildefinitionen als Bindungen interpretiert werden. Verwenden Sie daher {{style: value}} oder einfach

 {
	style: value
}

dafür.

Filter

Um die gesamte Anzahl der Widgets in einer Ansicht anzuzeigen, können Sie Filter verwenden, um die Anzahl der gleichzeitig in der Ansicht angezeigten Widgets zu reduzieren.

Jedes Widget verfügt über einen filter . Wenn Sie ihn auf einen bestimmten Wert einstellen, z. B. light , können Sie mithilfe eines anderen Widgets (bars - filters, filter - dropdown) steuern, welcher Filter tatsächlich aktiv ist.

Steuerschnittstelle

Vis erstellt 3 Variablen:

• control.instance – Hier sollte die Browser-Instanz geschrieben werden oder FFFFFFFF , wenn jeder Browser gesteuert werden muss.
• control.data – Parameter für Befehl. Siehe spezifische Befehlsbeschreibung.
• control.command – Befehlsname. Das Schreiben dieser Variablen löst den Befehl aus. Das heißt, bevor der Befehl geschrieben wird, müssen die „Instanz“ und die „Daten“ mit Daten vorbereitet werden.

Befehle:

• alert – Zeigt ein Warnfenster im Vis-2 an. „control.data“ hat das folgende Format „message;title;jquery-icon“. Titel und JQuery-Icon sind optional. Symbolnamen finden Sie hier. Um das Symbol „ui-icon-info“ anzuzeigen, schreiben Sie Message;;info .

• changeView – zur gewünschten Ansicht wechseln. „control.data“ muss den Namen der Ansicht haben. Sie können den Projektnamen auch als project/view angeben. Das Standardprojekt ist main .

• refresh – Laden Sie vis-2 neu, beispielsweise nachdem das Projekt geändert wurde, um es in allen Browsern neu zu laden.

• reload – dasselbe wie Aktualisieren.

• dialog – Dialogfenster anzeigen. Der Dialog muss angezeigt werden. Einer von:

  • static - HTML - Dialog ,
  • static - Icon - Dialog ,
  • container - HTML - view in jqui Dialog ,
  • container - ext cmd - view in jqui Dialog ,
  • container - Icon - view in jqui Dialog ,
  • container - Button - view in jqui Dialog .

  control.data muss die ID des Dialog-Widgets haben, z. B. w00056 .

• dialogClose

• popup – öffnet ein neues Browserfenster. Der Link muss in control.data angegeben werden, z. B. http://google.com

• playSound - Sounddatei abspielen. Der Link zur Datei wird in control.data angegeben, z. B. http://www.modular-planet.de/fx/marsians/Marsiansrev.mp3. Sie können Ihre eigene Datei in vis-2 hochladen und sie beispielsweise als /vis-2.0/main/img/myFile.mp3 abspielen lassen. Wichtiger Browser kann Audio nicht abspielen, bis der Benutzer nicht mindestens einmal auf die Seite geklickt hat. Es handelt sich um eine Browser-Sicherheitsrichtlinie. Hier können Sie mehr lesen.

Wenn der Benutzer die Ansicht wechselt oder beim Start, werden die Variablen vom vis-2 mit gefüllt

• control.instance : Browserinstanz und ack=true
• control.data : Projekt- und Ansichtsname in der Form project/view , z. B. main/view (und ack=true )
• control.command : changedView und ack=true

Sie können die JSON-Zeichenfolge oder das JSON-Objekt als {instance: 'AABBCCDD', command: 'cmd', data: 'ddd'} in control.command schreiben. In diesem Fall werden die Instanz und die Daten vom JSON-Objekt übernommen.

Beispiel für einen Javascript-Adapter:

 setState ( 'vis-2.0.control.command' , { instance : '*' , command : 'refresh' , data : '' } ) ;

Wenn Sie das JSON als Zeichenfolge schreiben, stellen Sie sicher, dass es analysierbar ist, z. B. {"instance": "*", "command": "refresh", "data": ""} , beachten Sie das " .

Standardansicht

Sie können für jede Ansicht die gewünschte Auflösung festlegen (Menü=>Extras=>Auflösung). Dies ist nur der visuelle Rahmen im Bearbeitungsmodus, um Ihnen die Bildschirmgröße auf einem bestimmten Gerät anzuzeigen. Im Echtzeitmodus ist es nicht sichtbar und alle Widgets außerhalb des Randes sind sichtbar.

Zusätzlich können Sie festlegen, ob diese Ansicht als Standard für diese Auflösung verwendet werden soll.

Bei jedem Aufruf der index.html (ohne #viewName ) wird also die für diese Auflösung am besten geeignete Ansicht geöffnet. Wenn nur eine Ansicht das Flag „Standard“ hat, wird diese Ansicht unabhängig von der Bildschirmauflösung oder Ausrichtung geöffnet.

Sie können beispielsweise zwei Ansichten „Querformat-Mobil“ und „Hochformat-Mobil“ erstellen und diese beiden Ansichten werden automatisch umgeschaltet, wenn Sie die Ausrichtung oder Bildschirmgröße ändern.

Es gibt ein Hilfs-Widget „Basic – Bildschirmauflösung“, das die tatsächliche Bildschirmauflösung und die am besten geeignete Standardansicht für diese Auflösung anzeigt.

Berechtigungssystem

Projekt

Im Projektverwaltungsdialog können Sie read und write für jeden ioBroker-Benutzer konfigurieren.

Das read bedeutet, dass das Projekt für diesen Benutzer in der Runtime zugänglich ist. Das write bedeutet, dass das Projekt für diesen Benutzer im Bearbeitungsmodus zugänglich ist.

Wenn ein neuer Benutzer über den ioBroker-Admin-Adapter erstellt wird, verfügt er standardmäßig über beide Berechtigungen.

Sicht

Sie können außerdem festlegen, auf welche Ansichten der Benutzer im Laufzeit- und Bearbeitungsmodus zugreifen darf. Wenn eines der Zugriffsrechte nicht auf Projektebene gewährt wird, hat es keine Auswirkung, diese auf Ansichtsebene festzulegen, da das Projekt als Ganzes nicht zugänglich ist.

Beachten Sie, dass beim Versuch, auf eine Ansicht zuzugreifen, für die der aktuelle Benutzer keine Berechtigung hat, stattdessen das Projektauswahlfeld angezeigt wird.

Widget

Wenn der Benutzer keine read hat, wird das Widget nicht zur Laufzeit gerendert. Wenn der Benutzer keine write hat, wird das Widget nicht im Bearbeitungsmodus gerendert.

Einstellungen

Neu laden, wenn Sie länger schlafen als

Es gibt eine Regel, dass nach einer gewissen Zeit der Verbindungsunterbrechung die gesamte VIS-Seite neu geladen wird, um das Projekt zu synchronisieren. Sie können es im Menü „Einstellungen…“ konfigurieren. Wenn Sie das Intervall auf „nie“ setzen, wird die Seite nie neu geladen.

Wiederverbindungsintervall

Legen Sie das Intervall zwischen den Verbindungsversuchen fest, wenn die Verbindung getrennt wird. Wenn Sie 2 Sekunden einstellen, wird alle 2 Sekunden versucht, die Verbindung herzustellen.

Dunkler Bildschirm zum erneuten Verbinden

Manchmal (nachts) ist es erforderlich, dass der Ladebildschirm dunkel ist. Mit dieser Option können Sie es einstellen.

Beachten Sie, dass diese Einstellungen nur für die erneute Verbindung und nicht für die erste Verbindung gültig sind.

SVG und currentColor

Mit dem Schlüsselwort currentColor in CSS können Elemente die aktuelle Textfarbe von ihrem übergeordneten Element erben. Es kann besonders in SVGs (Scalable Vector Graphics) nützlich sein, da es ein dynamischeres Styling und eine einfachere Integration mit HTML-Inhalten ermöglicht.

Sie können das Schlüsselwort currentColor anstelle eines bestimmten Farbwerts für jede Eigenschaft innerhalb der SVG verwenden, die einen Farbwert akzeptiert. Hier ist ein einfaches Beispiel mit einem Kreis in einer SVG-Datei:

">

< svg width = " 100 " height = " 100 " xmlns = " http://www.w3.org/2000/svg " >
    < circle cx = " 50 " cy = " 50 " r = " 40 " fill = " currentColor " />
svg >

In diesem Fall nimmt das SVG die Farbe des übergeordneten Elements an. Wenn es beispielsweise in einem Menü verwendet würde und das Menü rot ist, wäre der Kreis rot.

Entwicklung und Debugging

Um Anpassungen am vis-2-Editor selbst vorzunehmen, nach Fehlern zu suchen und zu debuggen, müssen folgende Schritte durchgeführt werden.

1. Verzweigen Sie das iobroker/iobroker.vis-2-Repository über die Benutzeroberfläche von GitHub in Ihr eigenes Konto

2. Klonen Sie das Repository in ein Verzeichnis. Kopieren Sie die URL aus Ihrem GitHub-Repository. der Befehl sieht so aus

 git clone https://github.com//ioBroker.vis-2.git

3. Öffnen Sie das heruntergeladene Repository mit Ihrer IDE

4. Um alle erforderlichen Bibliotheken zu installieren und herunterzuladen, führen Sie den folgenden Befehl in einem Terminal im Stammverzeichnis des Repositorys aus

 npm run install-monorepo

5. Um den Editor im Browser zu starten, führen Sie bitte den folgenden Befehl aus. Auf Port 8082 muss eine bereits separat laufende iobroker-Serverinstanz verfügbar sein.

 npm run start

• Das Debuggen ist im Browser verfügbar, z. B. Chrome F12
• Wenn Sie eine Datei ändern, wird das automatische Neuladen des Editors unterstützt

Todo

Änderungsprotokoll

2.10.7 (23.07.2024)

• (bluefox) Optimierung der Modulföderation

2.10.6 (20.07.2024)

• (bluefox) Die Eingabe im Typoskript wurde verbessert

2.10.4 (16.07.2024)

• (bluefox) Das Springen bei der Objektauswahl wurde korrigiert
• (bluefox) Swipe-Widget implementiert

2.10.3 (11.07.2024)

• (bluefox) Konvertierte das CanJSWidget in Typoskript
• (bluefox) Schaltfläche „Klonen“ zu den Attributgruppen hinzugefügt

2.10.2 (10.07.2024)

• (bluefox) Inkompatibles Paket für Stile entfernt
• (bluefox) Alle Widgets müssen aktualisiert werden
• (bluefox) Das grundlegende Eingabewert-Widget wurde nach ReactJS migriert

2.9.64 (23.05.2024)

• (bluefox) Möglichkeit hinzugefügt, ein Textfeld per Schaltfläche zu löschen

2.9.63 (15.05.2024)

• (bluefox) Einige Dateien wurden nach Typoskript migriert

2.9.60 (07.05.2024)

• (foxriver76) Testen Sie die automatische Freigabe

2.9.53 (06.05.2024)

• (bluefox) Erlaubt, Stile auf jQui-Schaltflächen anzuwenden

2.9.52 (25.04.2024)

• (bluefox) Die Navigation wurde verbessert: Einstellbare Menübreite und Massenbearbeitung wurden hinzugefügt

2.9.50 (19.04.2024)

• (bluefox) Widget im Widget-Verhalten korrigiert

2.9.49 (11.04.2024)

• (bluefox) Die Bildlaufschaltflächen im Tabs-Widget wurden korrigiert
• (bluefox) Die Größenänderung wurde korrigiert, wenn die Rahmenbreite festgelegt ist

2.9.48 (30.03.2024)

• (bluefox) Zeigt die ausgewählte Ansicht im Ansichtsdialog an
• (bluefox) Anpassung des Ladebildschirms hinzugefügt
• (bluefox) Das Sentry-Deaktivierungsflag in der GUI wurde respektiert

2.9.42 (09.03.2024)

• (bluefox) Beschränkung der Ansichtsgröße nur auf dem Desktop erlaubt
• (bluefox) Wort „Filter“ in „Suchen“ ändern

2.9.40 (05.03.2024)

• (bluefox) Das Filter-Widget wurde migriert, um zu reagieren
• (bluefox) Das grundlegende Link-Widget wurde migriert, um zu reagieren

2.9.39 (01.03.2024)

• (foxriver76) ermöglicht die Verwendung widgetOid in Bindungen
• (foxriver76) hat verschiedene Probleme mit dem Datumsauswahl-Widget behoben
• (foxriver76) hat die Standardoption der Datumsauswahl für Menschen lesbar gemacht und eine Option für ein vollständig analysierbares Datum hinzugefügt
• (bluefox) Möglichkeit hinzugefügt, Suffixe durch Navigations-Widgets hinzuzufügen
• (bluefox) Der Lizenzmanager wurde verbessert

2.9.37 (28.02.2024)

• (foxriver76) Das TimePicker-Widget speichert jetzt standardmäßig die Uhrzeit anstelle des Datums. Wenn Sie das alte Verhalten wünschen, verwenden Sie das Kontrollkästchen asDate

2.9.36 (27.02.2024)

• (foxriver76) Problem behoben, bei dem projektspezifisches CSS nicht angewendet wurde

2.9.35 (27.02.2024)

• (foxriver76) Vom Benutzer angegebenes CSS hat jetzt Vorrang vor Widget-CSS
• (foxriver76) Absturzfall für defekte gruppierte Widgets behoben

2.9.34 (26.02.2024)

• (foxriver76) erkennt den Admin-Benutzer im Projektberechtigungsdialog korrekt

2.9.33 (21.02.2024)

• (foxriver76) Problem behoben, das dazu führte, dass das letzte Bild nie im Image8-Widget angezeigt wurde
• (foxriver76) Möglichkeit hinzugefügt, Hintergrund- und Titelfarbe für den JQUI-Dialog zu definieren
• (foxriver76) ermöglichen das Klicken durch das Signalbild, wenn es sich vor dem Widget befindet

2.9.32 (16.02.2024)

• (foxriver76) implementierte Schaltflächen zum Anzeigen oder Ausblenden aller Ansichten im Ansichtenmanager
• (foxriver76) Problem mit Signalen auf RxWidgets behoben
• (foxriver76) erlaubt die Deaktivierung von Sentry nur für diese Instanz

2.9.31 (06.02.2024)

• (foxriver76) wendet den Standardüberlauf korrekt an
• (foxriver76) Korrekturen des Navigationsstils (Korrektur eines Symbolhintergrunds und Ermöglichen der Anpassung der Kopftextfarbe)

2.9.30 (06.02.2024)

• (foxriver76) Globales CSS wird beim Hochladen/Aktualisieren des Adapters nicht mehr gelöscht
• (foxriver76) ermöglichte die Änderung des Navigationsstils

2.9.29 (05.02.2024)

• (foxriver76) hat mehrere Probleme mit verschachtelten Gruppen behoben
• (foxriver76) hat auch dafür gesorgt, dass Befehle zum Gruppieren/Gruppieren aufheben in der Gruppenansicht funktionieren
• (foxriver76) erlaubte die Auswahl von Widgets in einer Gruppe per Klick (bisher funktionierte nur Dropdown)
• (foxriver76) Problem behoben, dass Basic Image 8 nicht für den Wert 0 konfigurierbar ist

2.9.28 (03.02.2024)

• (foxriver76) ermitteln die vis-Instanz in allen Fällen korrekt

2.9.26 (02.02.2024)

• (foxriver76) Zeigt keine leere Symbolkategorie an, wenn der JQuery-Stil für JQuery-Schaltflächen-Widgets ausgewählt ist
• (foxriver76) Möglichkeit hinzugefügt, die Navigation nach der Auswahl auszublenden

2.9.25 (29.01.2024)

• (foxriver76) Problem mit der Größenänderung relativer Widgets behoben
• (foxriver76) stürzt nicht ab, wenn die Sichtbarkeit „nur für Gruppen“ verwendet wird.
• (foxriver76) stürzt nicht ab, wenn ein Widget versucht, das Widget in einer nicht vorhandenen Ansicht zu aktualisieren

2.9.24 (24.01.2024)

• (foxriver76) Bild 8-Widget portiert, um zu reagieren

2.9.23 (24.01.2024)

• (foxriver76) hat einen weiteren Fehler aufgrund früherer Versionen behoben

2.9.22 (22.01.2024)

• (foxriver76) versuchen, die mit 2.9.21 eingeführten Probleme zu beheben

2.9.21 (19.01.2024)

• (foxriver76) Absturz beim Reparieren von Widgets behoben
• (foxriver76) Fehler behoben, der dazu führte, dass die Deckkraft bei der Überlagerung im Bildbearbeitungsmodus zweimal angewendet wurde

2.9.20 (18.01.2024)

• (foxriver76) Zeitüberschreitung beim Projektimport erhöht
• (foxriver76) Berechtigungen auf Widget-Ebene hinzugefügt

2.9.19 (17.01.2024)

• (foxriver76) Problem beim Ändern der Widget-Größe auf der linken Seite behoben
• (foxriver76) Auswahlfeld zu Dimensionsattributen hinzugefügt, wenn mehrere Widgets ausgewählt sind

2.9.18 (15.01.2024)

• (foxriver76) Problem behoben, bei dem in einigen Szenarien alte Attributwerte angezeigt werden
• (foxriver76) dediziertes Berechtigungssystem auf Ansichtsebene erweitert

2.9.17 (13.01.2024)

• (foxriver76) Dediziertes Berechtigungssystem auf Projektebene eingeführt

2.9.16 (11.01.2024)

• (foxriver76) verwenden die korrekten Fallback-Werte für die Bestimmung der Widget-Signale

2.9.15 (09.01.2024)

• (foxriver76) Problem mit BulkEditor behoben

2.9.14 (09.01.2024)

• (foxriver76) Der Y-Versatz der letzten Änderung für einige Widgets wurde behoben
• (foxriver76) Problem behoben, bei dem JquiState den Datentyp nicht berücksichtigte
• (foxriver76) Probleme mit BulkEdtior behoben (Dialog wird nicht geschlossen und andere Dialoge zeigen die falsche Schaltfläche an)
• (foxriver76) hat einen Problemumgehungsfehler bei der Größenänderung für devbookhq/splitter#15 implementiert

2.9.13 (08.01.2024)

• (foxriver76) erkennt IDs in Bindungen korrekt, wenn sie Hash-Zeichen enthalten
• (foxriver76) Absturz behoben, wenn mehrere JquiState-Widgets ausgewählt wurden
• (foxriver76) verhindert, dass das Widget in einer Gruppe angezeigt wird, nachdem es bereits ausgeschnitten ist
• (foxriver76) verhindert die Verwendung von Widgets, die sich nicht in einer Gruppe befinden, um Lineale in der Gruppenansicht zu berechnen

2.9.12 (04.01.2024)

• (foxriver76) optimiertes Kopieren/Einfügen/Ausschneiden in Gruppen

2.9.11 (02.01.2024)

• (foxriver76) Fehler bei der Sichtbarkeitsberechnung behoben

2.9.10 (02.01.2024)

• (foxriver76) entfernt versehentlich hinzugefügte Skriptdatei, was zum Absturz führt

2.9.9 (01.01.2024)

• (foxriver76) ermöglicht den Import von Ansichten ohne Attribut activeWidgets
• (foxriver76) sorgt dafür, dass sich BasicBulb mehr wie seine alte Version verhält
• (foxriver76) Problem behoben, bei dem Daten verschiedener Widgets im Bearbeitungsmodus angezeigt wurden
• (foxriver76) Problem behoben, bei dem jede Zustandsaktualisierung für die Sichtbarkeitsberechnung verwendet wird
• (bluefox) migrierte jQui Select, jQui Radio-Schritte-Widgets, um zu reagieren
• (bluefox) Alle jQui-Widgets wurden migriert, um zu reagieren

2.9.8 (21.12.2023)

• (foxriver76) Fehler behoben, der dazu führte, dass für einen Hintergrund keine Beschriftungen angezeigt wurden
• (foxriver76) verhindert ein kurzes Blinken von Widgets mit Sichtbarkeitsbedingung beim Laden einer Seite
• (foxriver76) Problem beim Theme-Wechsel behoben

2.9.7 (19.12.2023)

• (bluefox) Erlaubt das schreibgeschützte Flag für Styled/Input

2.9.6 (14.12.2023)

• (foxriver76) hat Probleme mit dem BulkEditor behoben
• (foxriver76) Skripte in HTML werden jetzt dem DOM hinzugefügt, anstatt in eval ausgeführt zu werden
• (foxriver76) Probleme mit dem Bulb-Widget behoben, wenn Min/Max einmal gefüllt war
• (foxriver76) hat das Widget „speech2text“ migriert, um zu reagieren

2.9.5 (10.12.2023)

• (foxriver76) öffnen zu Beginn neue Ansichten
• (foxriver76) Absturzfall bei Verwendung von Signalen behoben
• (foxriver76) Fehler beim Material-Design-Widgets-Helfer behoben
• (foxriver76) Aktualisiert Verweise auf die Ansicht im Widget, wenn die Ansicht umbenannt wird
• (bluefox) Das jQui Toggle-Icon-Widget wurde migriert, um zu reagieren
• (bluefox) Das jQui-Radio-Widget wurde migriert, um zu reagieren
• (bluefox) Das jQui Radio List-Widget wurde migriert, um zu reagieren
• (bluefox) Letzte Änderung durch React-Widgets korrigiert

2.9.4 (04.12.2023)

• (foxriver76) Probleme mit der Anzeigebreite behoben

2.9.3 (03.12.2023)

• (bluefox) Möglichkeit hinzugefügt, die Ansichtsgröße stark zu begrenzen
• (foxriver76) hat eine einfache Sortiermechanik für die Navigation implementiert
• (foxriver76) Der Import von Ansichten, die sich in einem Ordner befanden, wurde behoben
• (foxriver76) behobenes Thema, das auch im Iframe angewendet wird
• (foxriver76) verwenden Widget-IDs beim Importieren oder Kopieren von Ansichten nicht einfach wieder
• (foxriver76) hat das grundlegende Glühbirnen-Widget als React-Widget implementiert
• (foxriver76) hat dafür gesorgt, dass Skript-Tags im einfachen HTML-Widget funktionieren

2.9.2 (29.11.2023)

• (foxriver76) Reaktivität in benutzerdefinierten Komponenten behoben
• (foxriver76) Import für Gruppen behoben
• (foxriver76) Nach dem Erstellen einer Gruppe ist diese nun vorausgewählt
• (foxriver76) Felder werden jetzt aktualisiert, wenn sie über die Tastatur verschoben werden

2.9.1 (28.11.2023)

• (foxriver76) berechnet Felder nach dem Verschieben von Widgets neu
• (foxriver76) hat eine Einfügegruppe in einer anderen Ansicht behoben
• (foxriver76) behobenes Thema, das auch im Iframe angewendet wird
• (bluefox) hat Basic Image als React-Widget implementiert

2.9.0 (27.11.2023)

• (bluefox) hat SVG-Form- und Bildschirmauflösungs-Widgets nativ implementiert
• (bluefox) hat Basic iFrame als React-Widget implementiert
• (foxriver76) erlaubt nur ZIP-Dateien beim Projektimport
• (foxriver76) Behebung eines überschriebenen Überlaufs
• (foxriver76) Seiten und Projekte alphabetisch sortieren
• (foxriver76) Problem beim Speichern behoben
• (foxriver76) Problem mit Gruppen behoben, wenn always render aktiviert ist
• (foxriver76) ermöglicht das Ändern der Farbe und das Schreiben von Kleinbuchstaben in einer Tabulatorkomponente
• (foxriver76) Problem behoben, dass die Navigation von einer AlwaysRender-Seite auf einer anderen Seite angezeigt wird

2.8.0 (24.11.2023)

• (foxriver76) Ordner in der Seitenansicht alphabetisch sortieren
• (foxriver76) Das Abwählen von Widgets mit Strg + Klick wurde behoben
• (foxriver76) Anzeigeproblem mit einer Switch-Komponente behoben
• (bluefox) hat das Basic Red Number-Widget nativ implementiert
• (foxriver76) Kopieren/Klonen gruppierter Widgets behoben
• (foxriver76) Problem mit dem Öffnen/Schließen-Dialog über den Status behoben

2.7.0 (22.11.2023)

• (foxriver76) hat das Basic Bar-Widget nativ implementiert

2.6.4 (21.11.2023)

• (foxriver76) Typoskript-Build korrigiert

2.6.3 (20.11.2023)

• (foxriver76) hat mehrere Absturzfälle behoben

2.6.2 (20.11.2023)

• (foxriver76) Absturz beim Bearbeiten einer Gruppe behoben
• (foxriver76) Einfügegruppen korrigiert
• (foxriver76) Problem beim Springen des Cursors behoben und Zeichen beim Tippen entfernt

2.6.1 (17.11.2023)

• (bluefox) Beim Hochladen des Symbols wurde die Meldung „Datei zu groß“ angezeigt
• (bluefox) Navigationsleiste für die Ansicht als eigene Gruppe erstellt
• (foxriver76) sortierte Ansichten alphabetisch
• (foxriver76) berücksichtigt Groß-/Kleinschreibung in der Projektsymbolleiste
• (bluefox) dialog und dialogClose Befehle in Widgets umleiten

2.6.0 (13.11.2023)

• (foxriver76) hat die Schaltflächen „Alle auswählen/abwählen“ implementiert
• (foxriver76) behoben, dass Bindungen nicht funktionierten

2.5.0 (11.11.2023)

• (foxriver76) erlaubt die Verwendung von echtem HTML in prepend-HTML und append-HTML (einfaches String-Widget)
• (foxriver76) Problem beim Bearbeiten von Gruppen behoben
• (foxriver76) formatieren den Schaltflächentext nicht automatisch in Großbuchstaben
• (foxriver76) zeigt Seitennamen nicht automatisch in Großbuchstaben an
• (bluefox) Die Signalsymbole für React-Widgets implementiert
• (bluefox) Die Anzeige der letzten Änderung für React-Widgets wurde implementiert
• (bluefox) SVG Bool-Widget als React-Komponente implementiert

2.4.0 (08.11.2023)

• (foxriver76) Probleme mit dem Symbolauswahlfilter beim Ändern der Kategorie behoben
• (foxriver76) Problem behoben, dass nur das erste Widget eingefügt wurde
• (bluefox) JSON-Bindungsoperator hinzugefügt
• (bluefox) Erlaubt, die Funktion als Filter für die Objekt-ID zu verwenden
• (bluefox) Implementierte Ansichtsleiste (ohne Menü)

2.3.6 (06.11.2023)

• (foxriver76) Probleme mit dem Bindungseditor für Stilattribute behoben
• (foxriver76) verbesserte Leistung aufgrund von Optimierungen beim automatischen Speichern

2.3.5 (03.11.2023)

• (foxriver76) Aktualisieren Sie Adapter-React, um eine verbesserte Bildunterstützung in der Dateiauswahl zu haben
• (foxriver76) Farbe des Dateibrowsers im Light-Modus korrigiert
• (foxriver76) hat behoben, dass Farbeingaben beim Ändern zum Ende der Eingabe sprangen

2.3.4 (02.11.2023)

• (foxriver76) Absturz beim Auswählen mehrerer Widgets behoben
• (foxriver76) hat den doppelten none -Eintrag in der Dropdown- border-style entfernt
• (foxriver76) Absturz beim Neuanordnen von Widgets behoben

2.3.3 (30.10.2023)

• (foxriver76) Problem behoben, dass Vis nicht geladen wird, wenn ein einzelnes Widget einen Skriptfehler aufweist
• (bluefox) hat den Editor für Bindungen hinzugefügt
• (bluefox) Hintergrund wird im Iframe nicht verwendet

2.3.2 (14.10.2023)

• (bluefox) Erlaubt, nur ausgewählte Widgets im Bearbeitungsmodus anzuzeigen
• (bluefox) Die Sichtbarkeitsberechnung für alte (CanJS) Widgets wurde korrigiert

2.3.1 (13.10.2023)

• (bluefox) Vertikale Lücke zwischen relativen Widgets korrigiert
• (bluefox) Bessere Eingabe von Zahlen mit Min/Max im Attributdialog

2.3.0 (28.09.2023)

• (bluefox) jQui-Widgets (viele davon) wurden verbessert

2.2.7 (18.09.2023)

• (bluefox) Verbesserte Icon-Auswahl: Sie können Ihr eigenes Icon direkt hochladen
• (bluefox) Optimiertes Laden: Nicht verwendete Widget-Sets werden nicht geladen

2.2.6 (17.09.2023)

• (bluefox) Datumsbindung korrigiert
• (bluefox) Optimiertes Laden von Widgeteria
• (bluefox) Die horizontale Navigation ist behoben

2.2.5 (12.09.2023)

• (bluefox) Horizontale Navigation implementiert

2.2.4 (04.09.2023)

• (bluefox) Lizenzprüfung korrigiert

2.2.2 (16.08.2023)

• (bluefox) Sentry-Einstellungen geändert

2.2.1 (15.08.2023)

• (bluefox) Möglichkeit hinzugefügt, Widgets im Bearbeitungsmodus zu filtern
• (bluefox) Möglichkeit hinzugefügt, die Reihenfolge relativer Widgets per Drag&Drop zu ändern

2.2.0 (14.08.2023)

• (bluefox) Release Candidate 1

2.1.7 (10.08.2023)

• (bluefox) Das Rendering der Widgets wurde optimiert

2.1.6 (30.07.2023)

• (bluefox) Erste Beta-Version

2.1.4 (19.07.2023)

• (bluefox) Darf Widgets zu Widgets hinzufügen

2.0.36 (21.06.2023)

• (bluefox) Widgeteria hinzugefügt

2.0.29 (17.05.2023)

• (bluefox) Fehler korrigiert

2.0.10 (01.12.2022)

• (bluefox) Der Dateibrowser wurde hinzugefügt

2.0.8 (26.11.2022)

• (bluefox) Die Fehlerbehandlung wurde verbessert

2.0.0 (21.10.2022)

• (bluefox) Völlig neue Visualisierung, jedoch teilweise kompatibel zur Vorgängerversion

Lizenz

Copyright (c) 2021-2024 Denis Haev, https://github.com/GermanBluefox [email protected],

Creative Common Attribution – Nicht kommerziell (CC BY-NC)

http://creativecommons.org/licenses/by-nc/4.0/

Kurzer Inhalt: Lizenznehmer dürfen das Werk nur kopieren, verbreiten, anzeigen und aufführen sowie darauf basierende abgeleitete Werke erstellen, wenn sie dem Autor oder Lizenzgeber die Credits in der darin festgelegten Weise geben. Lizenznehmer dürfen das Werk nur für nichtkommerzielle Zwecke kopieren, verbreiten, anzeigen und aufführen sowie darauf basierende abgeleitete Werke erstellen. (Kostenlos für nichtkommerzielle Nutzung).