Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add support of i18n and JP messages to ui_ui_control node #439

Merged
merged 1 commit into from
Oct 16, 2018
Merged

add support of i18n and JP messages to ui_ui_control node #439

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions nodes/locales/en-US/ui_ui_control.json
View file
Open in desktop
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"
}
}
}
15 changes: 15 additions & 0 deletions nodes/locales/ja/ui_ui_control.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<script type="text/x-red" 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>
11 changes: 11 additions & 0 deletions nodes/locales/ja/ui_ui_control.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
{
"ui_ui_control" : {
"label" : {
"category" : "dashboard",
"name" : "名前"
},
"placeholder" : {
"name" : "名前"
}
}
}
11 changes: 8 additions & 3 deletions nodes/ui_ui_control.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,11 @@
<script type="text/javascript">
// convert to i18 text
function c_(x) {
return RED._("node-red-dashboard/ui_ui_control:ui_ui_control."+x);
}

RED.nodes.registerType('ui_ui_control', {
category: 'dashboard',
category: c_("label.category"),
color: 'rgb( 63, 173, 181)',
defaults: {
name: {value:""}
Expand All @@ -17,8 +22,8 @@

<script type="text/x-red" data-template-name="ui_ui_control">
<div class="form-row">
<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
<input type="text" id="node-input-name" placeholder="Name">
<label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="ui_ui_control.label.name"></span></label>
<input type="text" id="node-input-name" data-i18n="[placeholder]ui_ui_control.placeholder.name">
</div>
</script>

Expand Down