Dia antes primera install

node_modules/node-red-dashboard/nodes/locales/ja/ui_base.json

@@ -0,0 +1,99 @@
+{
+    "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" : "幅",
+            "auto": "自動サイズ調整",
+            "manual": "手動サイズ変更"
+        },
+        "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" : "サイドメニューを表示したままにする",
+            "locked-icon": "常にアイコンのみを表示"
+        },
+        "temp" : {
+            "no-theme" : "ui_templateでテーマ設定を許可しない",
+            "allow-theme" : "ui_templateでテーマ設定を許可する",
+            "none" : "Angularテーマを全ての箇所で使用"
+        }
+    }
+}

node_modules/node-red-dashboard/nodes/locales/ja/ui_chart.html

@@ -0,0 +1,13 @@
+<script type="text/html" data-help-name="ui_chart">
+    <p>入力値をグラフに出力します。このグラフは、時系列の折れ線グラフ、棒グラフ(縦や横)、円グラフのいずれかです。</p>
+    <p>入力値の<code>msg.payload</code>は、数値に変換されます。もし変換に失敗した場合は、メッセージは無視されます。</p>
+    <p><b>Y</b>軸の最小値と最大値を設定することは任意です。グラフは自動的に受け取った値を用いて自動的に目盛りを調整します。</p>
+    <p>入力メッセージ毎に異なる<code>msg.topic</code>の値を用いることで、1つのグラフに複数の系列を表示できます。<code>msg.label</code>プロパティを用いることで、同じ系列の複数の棒グラフを表示できます。</p>
+    <p><b>X</b>軸には、表示する時間、または最大のポイント数を定義します。古くなったデータは、自動的にグラフから削除されます。軸のラベルは、<a href="https://momentjs.com/docs/#/displaying/format/" target="_blank">Moment.jsの時間フォーマット</a>の文字列を用いて表示できます。</p>
+    <p><code>msg.payload</code>に空の配列<code>[]</code>を含む入力によってグラフを初期化できます。</p>
+    <p>全てのグラフに渡すデータの作成方法については、<b><a href="https://github.com/node-red/node-red-dashboard/blob/master/Charts.md" target="_new">本情報</a></b>を参照してください。</p>
+    <p><b>初期ラベル</b>フィールドを用いることで、有効なデータを受け取る前にテキストを表示しておくことができます。</p>
+    <p>プロパティ名(例えば<code>{{msg.topic}}</code>)をラベル欄に設定しておくことで、ラベルをメッセージのプロパティによって設定できます。</p>
+    <p>本ノードの出力には、必要に応じて保存されたグラフの状態を持つ配列が含まれています。本データをchartノードに渡すことで、保存されたデータを再表示することもできます。</p>
+    <p>クラスが指定されている場合、そのクラスは親要素に追加されます。 このようにして、カスタムCSSを使用して、カードとその中の要素のスタイルを設定できます。 クラスは、<code> msg.className </code>文字列プロパティを設定することで実行時に設定できます。</p>
+</script>

node_modules/node-red-dashboard/nodes/locales/ja/ui_chart.json

@@ -0,0 +1,56 @@
+{
+  "ui_chart": {
+    "label": {
+      "group": "グループ",
+      "size": "サイズ",
+      "label": "ラベル",
+      "optionalChartTitle": "任意のグラフタイトル",
+      "type": "種類",
+      "lineChart": "  折れ線グラフ",
+      "barChart": "  棒グラフ",
+      "barChartH": "  棒グラフ(横)",
+      "pieChart": "  円グラフ",
+      "polarAreaChart": "  鶏頭図",
+      "radarChart": "  レーダーチャート",
+      "enlargePoints": "ポイントを表示",
+      "xAxis": "X軸",
+      "last": "直近",
+      "seconds": "秒",
+      "minutes": "分",
+      "hours": "時間",
+      "days": "日",
+      "weeks": "週",
+      "or": "又は",
+      "points": "ポイント",
+      "xAxisLabel": "X軸ラベル",
+      "HHmmss": "HH:mm:ss",
+      "HHmm": "HH:mm",
+      "yearMonthDate": "年-月-日",
+      "dateMonth": "日/月",
+      "dayHHmm": "曜日 HH:mm",
+      "custom": "カスタム",
+      "automatic": "自動",
+      "asUTC": "UTCを使用",
+      "yAxis": "Y軸",
+      "min": "最小",
+      "max": "最大",
+      "legend": "凡例",
+      "none": "非表示",
+      "show": "表示",
+      "interpolate": "補完",
+      "linear": "直線",
+      "step": "段階",
+      "bezier": "ベジェ",
+      "cubic": "3次補間",
+      "cubicMono": "単調3次補間",
+      "cutout": "中心の切抜き率",
+      "useFirstColourForAllBars": "最初の色を全グラフで使用",
+      "seriesColours": "配色",
+      "blankLabel": "初期ラベル",
+      "displayThisTextBeforeValidDataArrives": "有効なデータが届く前に本文字列を表示",
+      "useDifferentColor": "シリーズに別の色を使用",
+      "className": "種類",
+      "classNamePlaceholder": "ウィジェット用のCSSクラス名（オプション）"
+    }
+  }
+}

node_modules/node-red-dashboard/nodes/locales/ja/ui_form.html

@@ -0,0 +1,17 @@
+<script type="text/html" data-help-name="ui_form">
+    <p>ユーザインターフェイスにフォームを追加します。</p>
+    <p>ユーザから複数の値を受け付け、送信ボタンのクリックによって、<code>msg.payload</code>のオブジェクトとして値を送信できます。</p>
+    <p>要素ボタンで追加することで、複数の入力向けの要素を追加できます。</p>
+    <p>各要素は、以下の部品を持っています:</p>
+    <ul>
+        <li> <b>ラベル</b> : ユーザインターフェイス上の要素のラベルとなる値</li>
+        <li> <b>名前</b> : 要素と対応する値を格納する<code>msg.payload</code>内のキー(変数名)</li>
+        <li> <b>種類</b> : 入力向けの要素の種類を選択するドロップダウンオプション</li>
+        <li> <b>必須</b> : 有効にするとユーザは送信前に値を埋める必要となる設定</li>
+        <li> <b>行数</b> : 複数行から成るテキスト入力欄UIの行数</li>
+        <li> <b>削除</b> : 現在の要素をフォームから削除</li>
+    </ul>
+    <p><b>Topic</b>欄は任意で<code>msg.topic</code>プロパティを設定するために用いることができます。</p>
+    <p>キャンセルボタンは、値に空白""を設定することで非表示にできます。</p>
+    <p>クラスが指定されている場合、そのクラスは親要素に追加されます。 このようにして、カスタムCSSを使用して、カードとその中の要素のスタイルを設定できます。 クラスは、<code> msg.className </code>文字列プロパティを設定することで実行時に設定できます。</p>
+</script>

node_modules/node-red-dashboard/nodes/locales/ja/ui_form.json

@@ -0,0 +1,35 @@
+{
+  "ui_form": {
+    "label": {
+      "group": "グループ",
+      "size": "サイズ",
+      "label": "ラベル",
+      "optionalLabel": "任意のラベル",
+      "formElements": "フォームの要素",
+      "type": "種類",
+      "required": "必須",
+      "rows": "行数",
+      "remove": "削除",
+      "egName": "例) 名前",
+      "egName2": "例) name",
+      "text": "文字列",
+      "multiline": "複数行",
+      "number": "数値",
+      "email": "E-メール",
+      "password": "パスワード",
+      "checkbox": "チェックボックス",
+      "switch": "スイッチ",
+      "date": "日付",
+      "time": "時間",
+      "element": "要素",
+      "buttons": "ボタン",
+      "submitButtonText": "送信ボタンの文字列",
+      "cancelButtonText": "キャンセルボタンの文字列",
+      "topic": "トピック",
+      "optionalMsgTopic": "任意のmsg.topic",
+      "splitLayout": "フォーム要素を2列に配置",
+      "className": "種類",
+      "classNamePlaceholder": "ウィジェット用のCSSクラス名（オプション）"
+    }
+  }
+}

node_modules/node-red-dashboard/nodes/locales/ja/ui_group.json

@@ -0,0 +1,16 @@
+{
+    "ui_group" : {
+        "label" : {
+            "name" : "名前",
+            "tab" : "タブ",
+            "width" : "幅",
+            "default" : "デフォルト",
+            "group" : "グループ",
+            "unassigned" : "未設定",
+            "className": "種類",
+            "classNamePlaceholder": "ウィジェット用のCSSクラス名（オプション）"
+        },
+        "display-name" : "グループ名を表示する",
+        "collapse-name" : "グループの折りたたみを有効にする"
+    }
+}

node_modules/node-red-dashboard/nodes/locales/ja/ui_link.json

@@ -0,0 +1,16 @@
+{
+    "ui_link" : {
+        "label" : {
+            "name" : "名前",
+            "link" : "リンク",
+            "icon" : "アイコン",
+            "open-in" : "開く方法",
+            "new-tab" : "新規タブ",
+            "this-tab" : "このタブ",
+            "iframe" : "iframe",
+            "className": "種類",
+            "classNamePlaceholder": "ウィジェット用のCSSクラス名（オプション）"
+        },
+        "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>"
+    }
+}

node_modules/node-red-dashboard/nodes/locales/ja/ui_tab.json

@@ -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>"
+    }
+}

node_modules/node-red-dashboard/nodes/locales/ja/ui_template.html

@@ -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;font color=&quot;{{((msg.payload || 0) % 2 === 0) ? 'green' : 'red'}}&quot;&gt;
+    {{(msg.payload || 0) % 2 === 0 ? '偶数' : '奇数'}}
+  &lt;/font&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">マテリアルデザインアイコン</a><i>(例:'check'、'close')</i>、<a href="https://fontawesome.com/v4.7.0/icons/" target="_blank">Font Awesomeアイコン</a><i>(例:'fa-fire')</i>、<a href="https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md">天気アイコン</a>。
+    アイコン名に'mi-’に追加することでGoogleマテリアルアイコン一式を利用できます。例:'mi-videogame_asset'。</p>
+  <p>クラスが指定されている場合、そのクラスは親要素に追加されます。 このようにして、カスタムCSSを使用して、カードとその中の要素のスタイルを設定できます。 クラスは、<code> msg.className </code>文字列プロパティを設定することで実行時に設定できます。</p>
+</script>

node_modules/node-red-dashboard/nodes/locales/ja/ui_template.json

@@ -0,0 +1,19 @@
+{
+    "ui_template" : {
+    	"label" : {
+    	    "type" : "コード種別",
+    	    "local" : "グループ内のWidget",
+    	    "global" : "<head>ヘッドセクションへ追加",
+    	    "group" : "グループ",
+    	    "size" : "サイズ",
+    	    "name" : "名前",
+    	    "pass-through" : "入力メッセージをそのまま渡す",
+    	    "store-state" : "出力メッセージを状態として保存",
+    	    "template" : "HTMLコード",
+            "expand": "展開する",
+            "resend": "更新時に最後の値を再度読み込む",
+			"className": "種類",
+      		"classNamePlaceholder": "ウィジェット用のCSSクラス名（オプション）"
+    	}
+    }
+}

node_modules/node-red-dashboard/nodes/locales/ja/ui_ui_control.html

@@ -0,0 +1,25 @@
+<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>次の形式のオブジェクトを<code>msg.payload</code>で送付すると
+ダッシュボードページ(タブ)を制御できます。<pre>{"tabs": {"hide": "非表示タブ", "disable": ["秘密タブ", "未使用"]}}</pre>
+    ここでは、次の2つの状態が利用できます: <b>show</b>/<b>hide</b> および <b>enable</b>/<b>disable</b></p>
+    <p>widgetグループの表示を次のようなペイロードで制御できます。<br/>
+<pre>{group:{hide:["タブ名_グループ名"], show:["他_グループ_表示"], focus:true}}</pre>
+    <b>focus</b>は、グループが表示されるよう必要に応じて画面をスクロールするためのパラメータで、省略可能です。
+また、`open`および`close`プロパティを用いてグループの状態をユーザが制御できます。
+グループ名の指定は<i>タブ名</i>と<i>グループ名</i>を下線(_)で結合したものを用います。空白は下線で置き換えます。</p>
+    <p>クライアントのブラウザが接続もしくは切断した場合、タブが変更された場合、グループを拡大もしくは縮小した場合、次のプロパティを持つメッセージを送信します:</p>
+    <ul>
+    <li><code>payload</code> - <i>connect</i>、<i>lost</i>、<i>change</i>、もしくは<i>group</i>
+    <li><code>socketid</code> - ソケットID(ブラウザがページを再ロードする毎に変化します)
+    <li><code>socketip</code> - 接続元のIPアドレス,
+    <li><code>tab</code> - タブ番号 ('change'イベントのみ)
+    <li><code>name</code> - タブ名 ('change'イベントのみ)
+    <li><code>group</code> - グループ名 ('group'イベントのみ)
+    <li><code>open</code> - グループの状態 ('group'イベントのみ)
+    </ul>
+    <p>追加 - 「Connectイベントのみ」は新しいクライアントへのデータの再送を他のイベントをフィルタしないで行う場合に有用です。</p>
+</script>

node_modules/node-red-dashboard/nodes/locales/ja/ui_ui_control.json

@@ -0,0 +1,16 @@
+{
+    "ui_ui_control" : {
+        "label" : {
+            "name" : "名前",
+	    "output": "出力"
+        },
+        "placeholder" : {
+            "name" : "名前"
+        },
+	"events": {
+	  "all": "connect, lost, タブ変更もしくはグループイベント",
+	  "change": "タブ変更もしくはグループイベントのみ",
+	  "connect": "Connectイベントのみ"
+	}
+    }
+}