Intial Commit

This commit is contained in:
valki
2020-10-17 18:42:50 +02:00
commit 664c6d8ca3
5892 changed files with 759183 additions and 0 deletions

View File

@@ -0,0 +1,96 @@
{
"ui_base" : {
"label" : {
"dashboard" : "dashboard",
"title" : "Title",
"options" : "Options",
"date-format" : "Date Format",
"sizes" : "Sizes",
"horizontal" : "Horizontal",
"vertical" : "Vertical",
"widget-size" : "1x1 Widget Size",
"widget-spacing" : "Widget Spacing",
"group-padding" : "Group Padding",
"group-spacing" : "Group Spacing",
"layout" : "Layout",
"angular": "Angular",
"theme" : "Theme",
"site" : "Site"
},
"auto" : "auto",
"title" : "Node-RED Dashboard",
"layout" : {
"tab-and-link" : "Tabs & Links",
"tab" : "tab",
"link" : "link",
"group" : "group",
"edit" : "edit",
"spacer": "spacer",
"layout" : "layout",
"layout-editor" : "Dashboard layout editor",
"width" : "Width"
},
"theme" : {
"style" : "Style",
"custom-profile" : "Custom Profile",
"custom-profile-name" : "Untitled Theme 1",
"base-settings" : "Base Settings",
"page-settings" : "Page Settings",
"page" : {
"title" : "Title Bar Background",
"page" : "Page Background",
"side" : "Side Bar Background"
},
"group-settings" : "Group Settings",
"group" : {
"text" : "Group Text",
"border" : "Group Border",
"background" : "Group Background"
},
"widget-settings" : "Widget Settings",
"widget" : {
"text" : "Widget Text",
"colour" : "Widget Colour",
"background" : "Widget Background"
}
},
"style" : {
"light" : "Light (default)",
"dark" : "Dark",
"custom" : "Custom",
"primary" : "Primary",
"accents" : "Accents",
"background" : "Background",
"warnings" : "Warnings",
"palette": "Light / Dark"
},
"base" : {
"colour" : "Colour",
"font" : "Font"
},
"font" : {
"system" : "System Font (default)"
},
"site" : {
"title" : "Node-RED Dashboard",
"date-format" : "DD/MM/YYYY"
},
"title-bar" : {
"show" : "Show the title bar",
"hide" : "Hide the title bar"
},
"swipe" : {
"no-swipe" : "No swipe between tabs",
"allow-swipe" : "Allow swipe between tabs"
},
"lock" : {
"clicked" : "Click to show side menu",
"locked" : "Always show side menu"
},
"temp" : {
"allow-theme" : "Node-RED theme everywhere",
"no-theme" : "Use Angular theme in ui_template",
"none" : "Angular theme everywhere"
}
}
}

View File

@@ -0,0 +1,14 @@
{
"ui_group" : {
"label" : {
"name" : "Name",
"tab" : "Tab",
"width" : "Width",
"default" : "Default",
"group" : "Group",
"unassigned" : "unassigned"
},
"display-name" : "Display group name",
"collapse-name" : "Allow group to be collapsed"
}
}

View File

@@ -0,0 +1,14 @@
{
"ui_link" : {
"label" : {
"name" : "Name",
"link" : "Link",
"icon" : "Icon",
"open-in" : "Open in",
"new-tab" : "New Tab",
"this-tab" : "This Tab",
"iframe" : "iframe"
},
"tip" : "The <b>Icon</b> field can be either a <a href=\"https://klarsys.github.io/angular-material-icons/\" target=\"_blank\">Material Design icon</a> <i>(e.g. 'check', 'close')</i> or a <a href=\"https://fontawesome.com/v4.7.0/icons/\" target=\"_blank\">Font Awesome icon</a> <i>(e.g. 'fa-fire')</i>, or a <a href=\"https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md\" target=\"_blank\">Weather icon</a> <i>(e.g. 'wi-wu-sunny')</i>.</p><p>You can use the full set of google material icons if you add 'mi-' to the icon name. e.g. 'mi-videogame_asset'.</p>"
}
}

View File

@@ -0,0 +1,21 @@
{
"ui_tab" : {
"label" : {
"home" : "Home",
"tab" : "Tab",
"name" : "Name",
"icon" : "Icon",
"state" : "State",
"navmenu" : "Nav. Menu",
"enabled" : "Enabled",
"disabled" : "Disabled",
"visible" : "Visible",
"hidden" : "Hidden"
},
"info": {
"disabled": " Tab is inactive in Dashboard.",
"hidden": " Tab is not shown in Navigation Menu."
},
"tip" : "The <b>Icon</b> field can be either a <a href=\"https://klarsys.github.io/angular-material-icons/\" target=\"_blank\">Material Design icon</a> <i>(e.g. 'check', 'close')</i> or a <a href=\"https://fontawesome.com/v4.7.0/icons/\" target=\"_blank\">Font Awesome icon</a> <i>(e.g. 'fa-fire')</i>, or a <a href=\"https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md\" target=\"_blank\">Weather icon</a> <i>(e.g. 'wi-wu-sunny')</i>.</p><p>You can use the full set of google material icons if you add 'mi-' to the icon name. e.g. 'mi-videogame_asset'.</p>"
}
}

View File

@@ -0,0 +1,17 @@
{
"ui_template" : {
"label" : {
"category" : "dashboard",
"type" : "Template type",
"local" : "Widget in group",
"global" : "Added to site <head> section",
"group" : "Group",
"size" : "Size",
"name" : "Name",
"pass-through" : "Pass through messages from input.",
"store-state" : "Add output messages to stored state.",
"template" : "Template",
"expand": "Expand"
}
}
}

View File

@@ -0,0 +1,11 @@
{
"ui_ui_control" : {
"label" : {
"category" : "dashboard",
"name" : "Name"
},
"placeholder" : {
"name" : "Name"
}
}
}

View File

@@ -0,0 +1,96 @@
{
"ui_base" : {
"label" : {
"dashboard" : "ダッシュボード",
"title" : "タイトル",
"options" : "オプション",
"date-format" : "日付形式",
"sizes" : "サイズ",
"horizontal" : "横",
"vertical" : "縦",
"widget-size" : "最小Widgetサイズ",
"widget-spacing" : "Widget間隔",
"group-padding" : "グループパディング",
"group-spacing" : "グループ間隔",
"layout" : "配置",
"angular": "Angular",
"theme" : "テーマ",
"site" : "サイト"
},
"auto" : "自動",
"title" : "Node-REDダッシュボード",
"layout" : {
"tab-and-link" : "タブ & リンク",
"tab" : "タブ",
"link" : "リンク",
"group" : "グループ",
"edit" : "編集",
"spacer": "スペーサ",
"layout" : "レイアウト",
"layout-editor" : "ダッシュボードレイアウトエディタ",
"width" : "幅"
},
"theme" : {
"style" : "スタイル",
"custom-profile" : "カスタムプロファイル",
"custom-profile-name" : "名称未設定テーマ 1",
"base-settings" : "基本設定",
"page-settings" : "ページ設定",
"page" : {
"title" : "タイトルバー背景色",
"page" : "ページ背景色",
"side" : "サイドバー背景色"
},
"group-settings" : "グループ設定",
"group" : {
"text" : "グループ文字色",
"border" : "グループボーダー色",
"background" : "グループ背景色"
},
"widget-settings" : "Widget設定",
"widget" : {
"text" : "Widget文字色",
"colour" : "Widget色",
"background" : "Widget背景色"
}
},
"style" : {
"light" : "ライト (デフォルト)",
"dark" : "ダーク",
"custom" : "カスタム",
"primary" : "プライマリ",
"accents" : "アクセント",
"background" : "背景",
"warnings" : "警告",
"palette": "ライト/ダーク"
},
"base" : {
"colour" : "色",
"font" : "フォント"
},
"font" : {
"system" : "システムフォント (デフォルト)"
},
"site" : {
"title" : "Node-RED ダッシュボード",
"date-format" : "YYYY/MM/DD"
},
"title-bar" : {
"show" : "タイトルバー表示",
"hide" : "タイトルバー非表示"
},
"swipe" : {
"no-swipe" : "スワイプによるタブ切り替えをしない",
"allow-swipe" : "スワイプによるタブ切り替えをする"
},
"lock" : {
"clicked" : "サイドメニューをクリックで表示",
"locked" : "サイドメニューを表示したままにする"
},
"temp" : {
"no-theme" : "ui_templateでテーマ設定を許可しない",
"allow-theme" : "ui_templateでテーマ設定を許可する",
"none" : "Angularテーマを全ての箇所で使用"
}
}
}

View File

@@ -0,0 +1,14 @@
{
"ui_group" : {
"label" : {
"name" : "名前",
"tab" : "タブ",
"width" : "幅",
"default" : "デフォルト",
"group" : "グループ",
"unassigned" : "未設定"
},
"display-name" : "グループ名を表示する",
"collapse-name" : "グループの折りたたみを有効にする"
}
}

View File

@@ -0,0 +1,14 @@
{
"ui_link" : {
"label" : {
"name" : "名前",
"link" : "リンク",
"icon" : "アイコン",
"open-in" : "開く方法",
"new-tab" : "新規タブ",
"this-tab" : "このタブ",
"iframe" : "iframe"
},
"tip" : "<b>アイコン</b>フィールドには <a href=\"https://klarsys.github.io/angular-material-icons/\" target=\"_blank\">Material Design icon</a> <i>(例: 'check', 'close')</i>、<a href=\"https://fontawesome.com/v4.7.0/icons/\" target=\"_blank\">Font Awesome icon</a> <i>(例: 'fa-fire')</i>、もしくは <a href=\"https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md\" target=\"_blank\">Weather icon</a> <i>(例: 'wi-wu-sunny')</i>を指定できます。</p>"
}
}

View File

@@ -0,0 +1,21 @@
{
"ui_tab" : {
"label" : {
"home" : "ホーム",
"tab" : "タブ",
"name" : "名前",
"icon" : "アイコン",
"state" : "状態",
"navmenu" : "メニュー",
"enabled" : "有効",
"disabled" : "無効",
"visible" : "表示",
"hidden" : "非表示"
},
"info": {
"disabled": " タブを無効化します",
"hidden": " タブを移動メニューに表示しません"
},
"tip" : "<b>アイコン</b>フィールドには <a href=\"https://klarsys.github.io/angular-material-icons/\" target=\"_blank\">Material Design icon</a> <i>(例: 'check', 'close')</i>、<a href=\"https://fontawesome.com/v4.7.0/icons/\" target=\"_blank\">Font Awesome icon</a> <i>(例: 'fa-fire')</i>、もしくは <a href=\"https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md\" target=\"_blank\">Weather icon</a> <i>(例: 'wi-wu-sunny')</i>を指定できます。</p>"
}
}

View File

@@ -0,0 +1,44 @@
<script type="text/html" data-help-name="ui_template">
<p>Template WidgetにはHTMLコードおよびAngular/Angular-Materialディレクティブを指定できます</p>
<p>このノードで動的なユーザインターフェイス要素を作成し入力によって見た目を変更したりメッセージをNode-REDに送り返したりできます</p>
<p><b>:</b><br>
<pre style="font-size:smaller;">&lt;div layout=&quot;row&quot; layout-align=&quot;space-between&quot;&gt;
&lt;p&gt;数値は&lt;/p&gt;
&lt;p ng-style=&quot;{color: (msg.payload || 0) % 2 === 0 ? 'green' : 'red'}&quot;&gt;
{{(msg.payload || 0) % 2 === 0 ? '偶数' : '奇数'}}
&lt;/p&gt;
&lt;/div&gt;</pre>
このコードは<code>msg.payload</code>で受け取った数値が偶数か奇数かを表示します。同時に、偶数であれば緑に、奇数であれば赤にテキストの色を変更します。<br/>
次は一意なIDをテンプレートに設定デフォルトのテーマカラーを設定入力メッセージの到着を監視する例です</p>
<pre style="font-size:smaller;">
&lt;div id="{{'my_'+$id}}" style="{{'color:'+theme.base_color}}"&gt;何らかのテキスト&lt;/div&gt;
&lt;script&gt;
(function(scope) {
scope.$watch('msg', function(msg) {
if (msg) {
// メッセージ同着時に適当な処理を実行
$("#my_"+scope.$id).html(msg.payload);
}
});
})(scope);
&lt;/script&gt;</pre>
<p>この方法で作成したテンプレートはコピー可能ですコピーはそれぞれ独立して利用できます</p>
<p><b>メッセージ送信:</b><br>
<pre style="font-size:smaller;">
&lt;script&gt;
var value = "こんにちは世界";
// もしくは、コールバック関数で値を書き換え
this.scope.action = function() { return value; }
&lt;/script&gt;
&lt;md-button ng-click=&quot;send({payload:action()})&quot;&gt;
クリックするとこんにちは世界を送信します
&lt;/md-button&gt;</pre>
この例はクリックするとペイロードに<code>'こんにちは世界'</code></p>
<p><b><code>msg.template</code>使:</b><br>
<code>msg.template</code><br>
テンプレートは入力が変化した場合に再ロードされます<br>
HTMLコードフィールドに記述したコードは<code>msg.template</code></p>
<p>以下のアイコンフォントの利用も可能です: <a href="https://klarsys.github.io/angular-material-icons/" target="_blank">Material Design icons</a>,
<a href="https://fontawesome.com/v4.7.0/icons/" target="_blank">Font Awesome icons</a>,
<a href="https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md" target="_blank">Weather icons</a></p>
</script>

View File

@@ -0,0 +1,17 @@
{
"ui_template" : {
"label" : {
"category" : "dashboard",
"type" : "コード種別",
"local" : "グループ内のWidget",
"global" : "<head>ヘッドセクションへ追加",
"group" : "グループ",
"size" : "サイズ",
"name" : "名前",
"pass-through" : "入力メッセージをそのまま渡す",
"store-state" : "出力メッセージを状態として保存",
"template" : "HTMLコード",
"expand": "展開する"
}
}
}

View File

@@ -0,0 +1,15 @@
<script type="text/html" data-help-name="ui_ui_control">
<p>ダッシュボードの動的制御を行います</p>
<p>表示されているタブの切り替えが可能です<code>msg.payload</code>
The default function is to change the currently displayed tab. <code>msg.payload</code><code>{tab:""}</code><b></b><b></b> (0)</p>
<p>空のタブ名("")を送信すると表示されているページを更新しますまた"+1"を送ると次のタブ"-1"を送ると前のタブに切り替えられます</p>
<p>widgetグループを表示を次のようなペイロードで制御できます<br/>
<code>{group:{hide:["タブ名_グループ名"], show:["他_グループ_表示"], focus:true}}</code><br/>
<b>focus</b>は、グループが表示されるよう必要に応じて画面をスクロールするためのパラメータで、省略可能です。グループの指定は<i>タブ名</i><i>グループ名</i>(_)</p>
<p>クライアントのブラウザが接続もしくは切断した場合次のプロパティを持つメッセージを送信します:</p>
<ul>
<li><code>payload</code> - <i>connect</i>もしくは<i>lost</i>,
<li><code>socketid</code> - ID(),
<li><code>socketip</code> - IP
</ul>
</script>

View File

@@ -0,0 +1,11 @@
{
"ui_ui_control" : {
"label" : {
"category" : "dashboard",
"name" : "名前"
},
"placeholder" : {
"name" : "名前"
}
}
}