From 0bab19fafd3bbb5dc322cbe985adc82d4fe7c4f7 Mon Sep 17 00:00:00 2001
From: JC Brand <jc@opkode.com>
Date: Fri, 21 Apr 2017 18:35:34 +0200
Subject: [PATCH] Render help messages via templates.

---
 src/config.js                   | 1 +
 src/converse-chatview.js        | 7 ++++++-
 src/templates/help_message.html | 1 +
 3 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 src/templates/help_message.html

diff --git a/src/config.js b/src/config.js
index 0d52b6cfc..6265da316 100644
--- a/src/config.js
+++ b/src/config.js
@@ -133,6 +133,7 @@ require.config({
         "form_textarea":            "src/templates/form_textarea",
         "form_username":            "src/templates/form_username",
         "group_header":             "src/templates/group_header",
+        "help_message":             "src/templates/help_message",
         "info":                     "src/templates/info",
         "login_panel":              "src/templates/login_panel",
         "login_tab":                "src/templates/login_tab",
diff --git a/src/converse-chatview.js b/src/converse-chatview.js
index 6d88f40c6..a4651bc03 100644
--- a/src/converse-chatview.js
+++ b/src/converse-chatview.js
@@ -13,6 +13,7 @@
             "tpl!new_day",
             "tpl!action",
             "tpl!message",
+            "tpl!help_message",
             "tpl!toolbar",
             "tpl!avatar"
     ], factory);
@@ -22,6 +23,7 @@
             tpl_new_day,
             tpl_action,
             tpl_message,
+            tpl_help_message,
             tpl_toolbar,
             tpl_avatar
     ) {
@@ -369,7 +371,10 @@
                 showHelpMessages: function (msgs, type, spinner) {
                     var i, msgs_length = msgs.length;
                     for (i=0; i<msgs_length; i++) {
-                        this.$content.append($('<div class="chat-'+(type||'info')+'">'+msgs[i]+'</div>'));
+                        this.$content.append($(tpl_help_message({
+                            'type': type||'info',
+                            'message': msgs[i]
+                        })));
                     }
                     if (spinner === true) {
                         this.$content.append('<span class="spinner"/>');
diff --git a/src/templates/help_message.html b/src/templates/help_message.html
new file mode 100644
index 000000000..a2c98a99f
--- /dev/null
+++ b/src/templates/help_message.html
@@ -0,0 +1 @@
+<div class="chat-{{{type}}}">{{{message}}}</div>