Fix typos (#744)

Author: kazuhitoyokoi

nodes/locales/en-US/ui_template.html

@@ -1,6 +1,6 @@
 <script type="text/html" data-help-name="ui_template">
     <p>The template widget can contain any valid html and Angular/Angular-Material directives.</p>
-    <p>This node can be used to create a dynamic user interface element that changes its appearence
+    <p>This node can be used to create a dynamic user interface element that changes its appearance
     based on the input message and can send back messages to Node-RED.</p>
     <p><b>For example:</b><br>
     <pre style="font-size:smaller;">&lt;div layout=&quot;row&quot; layout-align=&quot;space-between&quot;&gt;

nodes/locales/en-US/ui_toast.html

@@ -4,12 +4,12 @@
     <p>If a <code>msg.topic</code> is available it will be used as the title.</p>
     <p>If you do not set an optional border highlight colour, then it can be set dynamically by <code>msg.highlight</code>.</p>
     <p>You may also configure the position and duration of the toast notifications. If you leave the timeout blank
-    it can be set by <code>msg.timeout. This does not apply to OK/Cancel dialogs.</code>.
+    it can be set by <code>msg.timeout</code>. This does not apply to OK/Cancel dialogs.
     <p>The dialog returns a <code>msg.payload</code> string of whatever you configure
     the button label(s) to be. The second (cancel) button is optional, as is the return
     value of <code>msg.topic</code>.</p>
     <p>If you select 'OK, Cancel and Input' mode then <code>msg.payload</code> will contain
     any text input by the user, rather than the OK button text.</p>
     <p>Sending a blank payload will remove any active dialog without sending any data.</p>
-    <p>If a <b>Class</b> is specified, it will be added to the parent element. This way you can style the card and the elements inside it with custom CSS</p>
+    <p>If a <b>Class</b> is specified, it will be added to the parent element. This way you can style the card and the elements inside it with custom CSS.</p>
 </script>

nodes/locales/ja/ui_chart.html

@@ -9,5 +9,5 @@
     <p><b>初期ラベル</b>フィールドを用いることで、有効なデータを受け取る前にテキストを表示しておくことができます。</p>
     <p>プロパティ名(例えば<code>{{msg.topic}}</code>)をラベル欄に設定しておくことで、ラベルをメッセージのプロパティによって設定できます。</p>
     <p>本ノードの出力には、必要に応じて保存されたグラフの状態を持つ配列が含まれています。本データをchartノードに渡すことで、保存されたデータを再表示することもできます。</p>
-    <p>クラスが指定されている場合、そのクラスは親要素に追加されます。 このようにして、カスタムCSSを使用して、カードとその中の要素のスタイルを設定できます。 クラスは、<code> msg.className </ code>文字列プロパティを設定することで実行時に設定できます。</p>
+    <p>クラスが指定されている場合、そのクラスは親要素に追加されます。 このようにして、カスタムCSSを使用して、カードとその中の要素のスタイルを設定できます。 クラスは、<code> msg.className </code>文字列プロパティを設定することで実行時に設定できます。</p>
 </script>

nodes/locales/ja/ui_form.html

@@ -13,5 +13,5 @@
     </ul>
     <p><b>Topic</b>欄は任意で<code>msg.topic</code>プロパティを設定するために用いることができます。</p>
     <p>キャンセルボタンは、値に空白""を設定することで非表示にできます。</p>
-    <p>クラスが指定されている場合、そのクラスは親要素に追加されます。 このようにして、カスタムCSSを使用して、カードとその中の要素のスタイルを設定できます。 クラスは、<code> msg.className </ code>文字列プロパティを設定することで実行時に設定できます。</p>
+    <p>クラスが指定されている場合、そのクラスは親要素に追加されます。 このようにして、カスタムCSSを使用して、カードとその中の要素のスタイルを設定できます。 クラスは、<code> msg.className </code>文字列プロパティを設定することで実行時に設定できます。</p>
 </script>

nodes/locales/ja/ui_template.html

@@ -40,5 +40,5 @@
     「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>
+  <p>クラスが指定されている場合、そのクラスは親要素に追加されます。 このようにして、カスタムCSSを使用して、カードとその中の要素のスタイルを設定できます。 クラスは、<code> msg.className </code>文字列プロパティを設定することで実行時に設定できます。</p>
 </script>

nodes/locales/ja/ui_ui_control.html

@@ -3,7 +3,7 @@
     <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/>
+    <p>widgetグループの表示を次のようなペイロードで制御できます。<br/>
 <code>{group:{hide:["タブ名_グループ名"], show:["他_グループ_表示"], focus:true}}</code><br/>
     <b>focus</b>は、グループが表示されるよう必要に応じて画面をスクロールするためのパラメータで、省略可能です。グループの指定は<i>タブ名</i>と<i>グループ名</i>を下線(_)で結合したものを用います。空白は下線で置き換えます。</p>
     <p>クライアントのブラウザが接続もしくは切断した場合、次のプロパティを持つメッセージを送信します:</p>