-
Notifications
You must be signed in to change notification settings - Fork 452
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
8 changed files
with
253 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,99 @@ | ||
{ | ||
"ui_base" : { | ||
"label" : { | ||
"dashboard" : "Dashboard", | ||
"title" : "Titel", | ||
"options" : "Optionen", | ||
"date-format" : "Datumsformat", | ||
"sizes" : "Größen", | ||
"horizontal" : "Horizontal", | ||
"vertical" : "Vertikal", | ||
"widget-size" : "1x1 Widget Größe", | ||
"widget-spacing" : "Widget Abstände", | ||
"group-padding" : "Gruppen Innenabstände", | ||
"group-spacing" : "Gruppen Abstände", | ||
"layout" : "Layout", | ||
"angular": "Angular", | ||
"theme" : "Theme", | ||
"site" : "Seite" | ||
}, | ||
"auto" : "Auto", | ||
"title" : "Node-RED Dashboard", | ||
"layout" : { | ||
"tab-and-link" : "Tabs & Links", | ||
"tab" : "Tab", | ||
"link" : "Link", | ||
"group" : "Gruppe", | ||
"edit" : "Bearbeiten", | ||
"spacer": "Abstand", | ||
"layout" : "Layout", | ||
"layout-editor" : "Dashboard Layout Editor", | ||
"width" : "Breite", | ||
"auto": "automatische Größenanpassung", | ||
"manual": "manuelle Größenänderung" | ||
}, | ||
"theme" : { | ||
"style" : "Stil", | ||
"custom-profile" : "Benutzerdefiniertes Profil", | ||
"custom-profile-name" : "Theme ohne Titel 1", | ||
"base-settings" : "Basiseinstellungen", | ||
"page-settings" : "Seiteneinstellungen", | ||
"page" : { | ||
"title" : "Hintergrund Titelleiste", | ||
"page" : "Hintergrund Seite", | ||
"side" : "Hintergrund Seitenleiste" | ||
}, | ||
"group-settings" : "Gruppeneinstellungen", | ||
"group" : { | ||
"text" : "Gruppentext", | ||
"border" : "Gruppenrand", | ||
"background" : "Hintergrund Gruppe" | ||
}, | ||
"widget-settings" : "Widget Einstellungen", | ||
"widget" : { | ||
"text" : "Widget Text", | ||
"colour" : "Widget Farbe", | ||
"background" : "Hintergrund Widget" | ||
} | ||
}, | ||
"style" : { | ||
"light" : "Hell (Standard)", | ||
"dark" : "Dunkel", | ||
"custom" : "Benutzerdefiniert", | ||
"primary" : "Primär", | ||
"accents" : "Akzente", | ||
"background" : "Hintergrund", | ||
"warnings" : "Warnungen", | ||
"palette": "Hell / Dunkel" | ||
}, | ||
"base" : { | ||
"colour" : "Farbe", | ||
"font" : "Schriftart" | ||
}, | ||
"font" : { | ||
"system" : "System Schriftart (Standard)" | ||
}, | ||
"site" : { | ||
"title" : "Node-RED Dashboard", | ||
"date-format" : "DD/MM/YYYY" | ||
}, | ||
"title-bar" : { | ||
"show" : "Zeige die Titelleiste", | ||
"hide" : "Verstecke die Titelleiste" | ||
}, | ||
"swipe" : { | ||
"no-swipe" : "Kein Wischen zwischen Tabs", | ||
"allow-swipe" : "Wischen zwischen Tabs zulassen" | ||
}, | ||
"lock" : { | ||
"clicked" : "Klicke um das Seitenmenü anzuzeigen", | ||
"locked" : "Seitenmenü immer anzeigen", | ||
"locked-icon" : "Immer nur Symbole anzeigen" | ||
}, | ||
"temp" : { | ||
"allow-theme" : "Node-RED Theme überall", | ||
"no-theme" : "Angular Theme in ui_template", | ||
"none" : "Angular Theme überall" | ||
} | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
{ | ||
"ui_group" : { | ||
"label" : { | ||
"name" : "Name", | ||
"tab" : "Tab", | ||
"width" : "Breite", | ||
"default" : "Standard", | ||
"group" : "Gruppe", | ||
"unassigned" : "nicht zugewiesen" | ||
}, | ||
"display-name" : "Gruppenname anzeigen", | ||
"collapse-name" : "Gruppe reduzieren lassen" | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
{ | ||
"ui_link" : { | ||
"label" : { | ||
"name" : "Name", | ||
"link" : "Link", | ||
"icon" : "Symbol", | ||
"open-in" : "Öffnen in", | ||
"new-tab" : "neuen Tab", | ||
"this-tab" : "selben Tab", | ||
"iframe" : "iframe" | ||
}, | ||
"tip" : "Das <b>Symbol</b> kann entweder ein <a href=\"https://klarsys.github.io/angular-material-icons/\" target=\"_blank\">Material Design Symbol</a> <i>(z.B. 'check', 'close')</i> oder ein <a href=\"https://fontawesome.com/v4.7.0/icons/\" target=\"_blank\">Font Awesome Symbol</a> <i>(z.B. 'fa-fire')</i> oder ein <a href=\"https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md\" target=\"_blank\">Wetter Symbol</a> <i>(z.B. 'wi-wu-sunny')</i> sein.</p><p>Du kannst alle Google Material Symbole verwenden, wenn du dem Symbolnamen 'mi-' hinzufügst. z.B. 'mi-videogame_asset'.</p>" | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,21 @@ | ||
{ | ||
"ui_tab" : { | ||
"label" : { | ||
"home" : "Home", | ||
"tab" : "Tab", | ||
"name" : "Name", | ||
"icon" : "Symbol", | ||
"state" : "Status", | ||
"navmenu" : "Nav. Menü", | ||
"enabled" : "Aktiviert", | ||
"disabled" : "Deaktivert", | ||
"visible" : "Sichtbar", | ||
"hidden" : "Versteckt" | ||
}, | ||
"info": { | ||
"disabled": " Tab ist im Dashboard inaktiv.", | ||
"hidden": " Tab wird im Menü nicht angezeigt." | ||
}, | ||
"tip" : "Das <b>Symbol</b> kann entweder ein <a href=\"https://klarsys.github.io/angular-material-icons/\" target=\"_blank\">Material Design Symbol</a> <i>(z.B. 'check', 'close')</i> oder ein <a href=\"https://fontawesome.com/v4.7.0/icons/\" target=\"_blank\">Font Awesome Symbol</a> <i>(z.B. 'fa-fire')</i> oder ein <a href=\"https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md\" target=\"_blank\">Wetter Symbol</a> <i>(z.B. 'wi-wu-sunny')</i> sein.</p><p>Du kannst alle Google Material Symbole verwenden, wenn du dem Symbolnamen 'mi-' hinzufügst. z.B. 'mi-videogame_asset'.</p>" | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,48 @@ | ||
<script type="text/html" data-help-name="ui_template"> | ||
<p>Das Vorlagen-Widget kann alle gültigen HTML- und Angular / Angular-Material-Anweisungen enthalten.</p> | ||
<p>Dieser Node kann verwendet werden, um ein dynamisches Benutzeroberflächenelement zu erstellen dessen Erscheinungsbild | ||
basierend auf der Eingabenachricht geändert wird und kann Nachrichten an Node-RED zurücksenden.</p> | ||
<p><b>Zum Beispiel:</b><br> | ||
<pre style="font-size:smaller;"><div layout="row" layout-align="space-between"> | ||
<p>The number is</p> | ||
<font color="{{((msg.payload || 0) % 2 === 0) ? 'green' : 'red'}}"> | ||
{{(msg.payload || 0) % 2 === 0 ? 'even' : 'odd'}} | ||
</font> | ||
</div></pre> | ||
Wird angezeigt, wenn die als <code> msg.payload </code> empfangene Nummer gerade oder ungerade ist. Es wird auch | ||
die Farbe des Textes zu grün geändert, wenn die Zahl gerade ist, oder rot, wenn ungerade. <br/> | ||
Das nächste Beispiel zeigt, wie eine eindeutige ID für Ihre Vorlage erstellt werden kann, die Standardfarbe für das Theme auswählen ausgewählt wird | ||
und wie auf eingehende Nachrichten geprüft werden kann.</p> | ||
<pre style="font-size:smaller;"> | ||
<div id="{{'my_'+$id}}" style="{{'color:'+theme.base_color}}">Some text</div> | ||
<script> | ||
(function(scope) { | ||
scope.$watch('msg', function(msg) { | ||
if (msg) { | ||
// Do something when msg arrives | ||
$("#my_"+scope.$id).html(msg.payload); | ||
} | ||
}); | ||
})(scope); | ||
</script></pre> | ||
<p>Auf diese Weise erstellte Vorlagen können kopiert werden und bleiben unabhängig voneinander.</p> | ||
<p><b>Senden einer Nachricht:</b><br> | ||
<pre style="font-size:smaller;"> | ||
<script> | ||
var value = "hello world"; | ||
// or overwrite value in your callback function ... | ||
this.scope.action = function() { return value; } | ||
</script> | ||
<md-button ng-click="send({payload:action()})"> | ||
Click me to send a hello world | ||
</md-button></pre> | ||
Zeigt einen Button an welcher, wenn geklickt, eine Nachricht mit der payload <code>'Hello world'</code> sendet.</p> | ||
<p><b>Verwenden von <code>msg.template</code>:</b><br> | ||
Der Vorlageninhalt kann auch über <code>msg.template</code> definiert werden. So können Sie beispielsweise externe Dateien verwenden.<br> | ||
Die Vorlage wird bei eingehenden Nachrichten neu geladen, wenn sie geändert wurde.<br> | ||
In das Feld Vorlage geschriebener Code wird ignoriert, wenn <code>msg.template</code> vorhanden ist.</p> | ||
<p>Die folgenden Symbolschriftarten sind verfügbar: <a href="https://klarsys.github.io/angular-material-icons/" target="_blank">Material Design Symbole</a> | ||
<i>(e.g. 'check', 'close')</i>, <a href="https://fontawesome.com/v4.7.0/icons/" target="_blank">Font Awesome Symbole</a> | ||
<i>(e.g. 'fa-fire')</i> und <a href="https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md">Wetter Symbole</a>. | ||
Du kannst alle Google Material Symbole verwenden, wenn du dem Symbolnamen 'mi-' hinzufügst. z.B. 'mi-videogame_asset'.</p> | ||
</script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
{ | ||
"ui_template" : { | ||
"label" : { | ||
"category" : "dashboard", | ||
"type" : "Vorlagentyp", | ||
"local" : "Widget in Gruppe", | ||
"global" : "Hinzugefügt zur <head> Sektion der Seite", | ||
"group" : "Gruppe", | ||
"size" : "Größe", | ||
"name" : "Name", | ||
"pass-through" : "Nachrichten vom Eingang weiterleiten.", | ||
"store-state" : "Ausgehende Nachrichten speichern.", | ||
"template" : "Vorlage", | ||
"expand": "Erweitern", | ||
"resend": "Letzten Wert beim Aktualisieren neuladen." | ||
} | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,28 @@ | ||
<script type="text/html" data-help-name="ui_ui_control"> | ||
<p>Ermöglicht die dynamische Steuerung des Dashboards.</p> | ||
<p>Die Standardfunktion besteht darin, den aktuell angezeigten Tab zu ändern. <code>msg.payload</code> | ||
sollte entweder ein Objekt der Form <code>{"tab":"my_tab_name"}</code> sein, oder einfach der <b>Tab Name</b> | ||
oder ein <b>numerischer Index</b> (ab 0) von dem Tab oder Link der angezeigt werden soll.</p> | ||
<p>Das Senden eines leeren Namens "" aktualisiert die aktuell angezeigte Seite. | ||
Du kannst auch "+1" für den nächsten Tab und "-1" für den vorherigen Tab senden.</p> | ||
<p>Dashboard Seiten (also "Tabs") können durch senden eines <code>msg.payload</code> Objektes im Format | ||
<pre>{"tabs": {"hide": "tab_name_to_hide", "disable": ["secret_tab", "unused_stuff"]}}</pre> kontrolliert werden. | ||
Es sind zwei Zustände verfügbar: <b>show</b>/<b>hide</b> und <b>enable</b>/<b>disable</b></p> | ||
<p>Die Sicherbarkeit von individuellen Gruppen oder Widgets können durch folgende payload kontrolliert werden: | ||
<pre>{"group": {"hide": ["tab_name_group_name_with_underscores"], "show": ["reveal_another_group"], "focus": true}}</pre> | ||
<b>focus</b> ist optional und sorgt dafür das zu der richtigen Gruppe gescrollt wird. | ||
Du kannst auch folgende Eigenschafen wie `open` und `close` verwenden um den Status einer Gruppe zu setzen. Die Gruppen | ||
Namen sind die IDs der Gruppen und setzen sich aus <i>tab name</i> plus <i>group name</i> zusammen. Diese werden mit Unterstrichen | ||
miteinander verbunden.</p> | ||
<p>Wenn jemand der über den Browser verbunden ist die Verbindung aufbaut oder verliert, den Tab wechselt, oder eine Gruppe auf- bzw. zuklappt wird eine <code>msg</code> mit folgendem Inhalt gesendet:</p> | ||
<ul> | ||
<li><code>payload</code> - <i>connect</i>, <i>lost</i>, <i>change</i>, oder <i>group</i>. | ||
<li><code>socketid</code> - die ID des Sockets (dies ändert sich jedes Mal, wenn der Browser die Seite neu lädt). | ||
<li><code>socketip</code> - die IP-Adresse, von der die Verbindung stammt. | ||
<li><code>tab</code> - die Nummer des Tabs. (nur für 'change' Ereignisse). | ||
<li><code>name</code> - der Name des Tabs. (nur für 'change' Ereignisse). | ||
<li><code>group</code> - der Name der Gruppe. (nur für 'group' Ereignisse). | ||
<li><code>open</code> - der Status der Gruppe. (nur für 'group' Ereignisse). | ||
</ul> | ||
<p>Optional - Nur neue Verbindungen melden - nützlich, um ein erneutes Senden von Daten an einen neuen Client auszulösen, ohne dass andere Ereignisse herausgefiltert werden müssen.</p> | ||
</script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
{ | ||
"ui_ui_control" : { | ||
"label" : { | ||
"category" : "dashboard", | ||
"name" : "Name" | ||
}, | ||
"placeholder" : { | ||
"name" : "Name" | ||
} | ||
} | ||
} |