From e869cfee6f94fe59092d31c9a51bb62c6271f7bb Mon Sep 17 00:00:00 2001
From: Kazuhito Yokoi <kazuhitoyokoi@nodered.jp>
Date: Mon, 5 Feb 2024 21:56:34 +0900
Subject: [PATCH] Add Japanese translations for group

---
 nodes/config/locales/en-US/ui_group.json | 26 ++++++++++++------------
 nodes/config/locales/ja/ui_group.html    |  4 ++++
 nodes/config/locales/ja/ui_group.json    | 20 ++++++++++++++++++
 nodes/config/ui_group.html               | 26 ++++++++++++------------
 4 files changed, 50 insertions(+), 26 deletions(-)
 create mode 100644 nodes/config/locales/ja/ui_group.html
 create mode 100644 nodes/config/locales/ja/ui_group.json

diff --git a/nodes/config/locales/en-US/ui_group.json b/nodes/config/locales/en-US/ui_group.json
index 48885e7b0..b8fda9134 100644
--- a/nodes/config/locales/en-US/ui_group.json
+++ b/nodes/config/locales/en-US/ui_group.json
@@ -1,20 +1,20 @@
 {
-    "ui-group" : {
-        "label" : {
-            "name" : "Name",
-            "tab" : "Tab",
-            "width" : "Width",
-            "default" : "Default",
-            "group" : "Group",
-            "unassigned" : "unassigned",
+    "ui-group": {
+        "label": {
+            "name": "Name",
+            "page": "Page",
+            "size": "Size",
+            "display-name": "Display group name",
             "className": "Class",
-            "classNamePlaceholder": "Optional CSS class name(s) for widget",
+            "classNamePlaceholder": "Optional CSS class name(s) for group",
+            "defaultState": "Default State",
+            "visibility": "Visibility",
             "visible": "Visible",
             "hidden": "Hidden",
+            "interactivity": "Interactivity",
             "active": "Active",
-            "disabled": "Disabled"
-        },
-        "display-name" : "Display group name",
-        "collapse-name" : "Allow group to be collapsed"
+            "disabled": "Disabled",
+            "openDashboardSidebar": "Open Dashboard 2.0 Sidebar"
+        }
     }
 }
\ No newline at end of file
diff --git a/nodes/config/locales/ja/ui_group.html b/nodes/config/locales/ja/ui_group.html
new file mode 100644
index 000000000..82aea3936
--- /dev/null
+++ b/nodes/config/locales/ja/ui_group.html
@@ -0,0 +1,4 @@
+<script type="text/html" data-help-name="ui-group">
+    <p>グループ</p>
+    <p>もし<b>クラス</b>を指定している場合は、 親のカードに追加されます。この方法でカスタムCSSを用いてカードとその中の要素の様式を設定できます。<code>msg.className</code> の文字列プロパティを用いることで、クラスを実行時に設定することもできます。</p>
+</script>
\ No newline at end of file
diff --git a/nodes/config/locales/ja/ui_group.json b/nodes/config/locales/ja/ui_group.json
new file mode 100644
index 000000000..9cbce2874
--- /dev/null
+++ b/nodes/config/locales/ja/ui_group.json
@@ -0,0 +1,20 @@
+{
+    "ui-group": {
+        "label": {
+            "name": "名前",
+            "page": "ページ",
+            "size": "サイズ",
+            "display-name": "グループ名を表示",
+            "className": "クラス",
+            "classNamePlaceholder": "グループのための任意のCSSクラス名",
+            "defaultState": "標準状態",
+            "visibility": "画面表示",
+            "visible": "表示",
+            "hidden": "非表示",
+            "interactivity": "画面操作",
+            "active": "有効",
+            "disabled": "無効",
+            "openDashboardSidebar": "ダッシュボード2.0のサイドバーを開く"
+        }
+    }
+}
\ No newline at end of file
diff --git a/nodes/config/ui_group.html b/nodes/config/ui_group.html
index 1da341d2e..a8a138691 100644
--- a/nodes/config/ui_group.html
+++ b/nodes/config/ui_group.html
@@ -28,7 +28,7 @@
                 height: '#node-config-input-height',
                 auto: false
             })
-    
+
             // backwards compatibility
             if (this.visible === undefined || this.visible === true) {
                 this.visible = true
@@ -54,7 +54,7 @@
             } else {
                 this.visible = false
             }
-    
+
             // convert string to boolean
             const disabled = $('#node-config-input-disabled').val()
             if (disabled === 'true') {
@@ -63,38 +63,38 @@
                 this.disabled = false
             }
         }
-})
+    })
 </script>
 
 <script type="text/html" data-template-name="ui-group">
     <div class="form-row">
-        <label for="node-config-input-name"><i class="fa fa-bookmark"></i> Name</label>
+        <label for="node-config-input-name"><i class="fa fa-bookmark"></i> <span data-i18n="ui-group.label.name"></label>
         <input type="text" id="node-config-input-name">
     </div>
     <div class="form-row">
-        <label for="node-config-input-page"><i class="fa fa-bookmark"></i> Page</label>
+        <label for="node-config-input-page"><i class="fa fa-bookmark"></i> <span data-i18n="ui-group.label.page"></label>
         <input type="text" id="node-config-input-page">
     </div>
     <div class="form-row">
-        <label for="node-config-input-size"><i class="fa fa-arrows-h"></i> Size</label>
+        <label for="node-config-input-size"><i class="fa fa-arrows-h"></i> <span data-i18n="ui-group.label.size"></label>
         <input type="hidden" id="node-config-input-width">
         <input type="hidden" id="node-config-input-height">
         <button class="editor-button" id="node-config-input-size"></button>
     </div>
     <div class="form-row">
         <input style="margin:8px 0 10px 102px; width:20px;" type="checkbox" checked id="node-config-input-showTitle">
-        <label style="width:auto" for="node-config-input-showTitle"><span data-i18n="ui-group.display-name"></span></label>
+        <label style="width:auto" for="node-config-input-showTitle"><span data-i18n="ui-group.label.display-name"></span></label>
     </div>
     <div class="form-row" id="text-row-class">
-        <label for="node-config-input-className"><i class="fa fa-code"></i> Class</label>
-        <input type="text" id="node-config-input-className" placeholder="Optional CSS class name(s) for group"/>
+        <label for="node-config-input-className"><i class="fa fa-code"></i> <span data-i18n="ui-group.label.className"></span></label>
+        <input type="text" id="node-config-input-className" data-i18n="[placeholder]ui-group.label.classNamePlaceholder"/>
     </div>
     <div class="form-row" style="font-weight: 600;">
-        <i class="w-16 fa fa-eye"></i> Default State
+        <i class="w-16 fa fa-eye"></i> <span data-i18n="ui-group.label.defaultState"></span>
     </div>
     <div class="form-row">
         <div style="display: flex; align-items: center; gap: 2px;">
-            <label for="node-config-input-visible" style="margin-bottom: 0">Visibility</label>
+            <label for="node-config-input-visible" style="margin-bottom: 0" data-i18n="ui-group.label.visibility"></label>
             <select id="node-config-input-visible" style="width: 150px;">
                 <option value="true" data-i18n="ui-group.label.visible"></option>
                 <option value="false" data-i18n="ui-group.label.hidden"></option>
@@ -103,7 +103,7 @@
     </div>
     <div class="form-row">
         <div style="display: flex; align-items: center; gap: 2px;">
-            <label for="node-config-input-disabled" style="margin-bottom: 0">Interactivity</label>
+            <label for="node-config-input-disabled" style="margin-bottom: 0" data-i18n="ui-group.label.interactivity"></label>
             <select id="node-config-input-disabled" style="width: 150px;">
                 <option value="false" data-i18n="ui-group.label.active"></option>
                 <option value="true" data-i18n="ui-group.label.disabled"></option>
@@ -111,6 +111,6 @@
         </div>
     </div>
     <div class="form-row">
-        <button onclick="RED.sidebar.show('dashboard-2.0')" class="editor-button editor-button-small">Open Dashboard 2.0 Sidebar</button>
+        <button onclick="RED.sidebar.show('dashboard-2.0')" class="editor-button editor-button-small" data-i18n="ui-group.label.openDashboardSidebar"></button>
     </div>
 </script>