Closes #56 Closes #50

- can now specify message in node's configuration for matrix-send-message
- can now specify reaction in node's configuration for matrix-react
- reason can now be configured on both matrix-room-kick and matrix-room-ban
- icons updated for various nodes
- fix tag for name configuration field for various nodes
- roomId input is now validated to ensure it starts with ! and if not shows an error

src/matrix-react.html

@@ -21,7 +21,7 @@
 
 <script type="text/html" data-template-name="matrix-react">
     <div class="form-row">
-        <label for="node-input-name"><i class="fa icon-tag"></i> Name</label>
+        <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
         <input type="text" id="node-input-name" placeholder="Name">
     </div>
  	 <div class="form-row">
@@ -31,6 +31,19 @@
     <div class="form-row">
         <label for="node-input-roomId"><i class="fa fa-comments"></i> Room ID</label>
         <input type="text" id="node-input-roomId" placeholder="msg.topic">
+        <pre class="form-tips" id="node-input-roomId-error" style="color: #721c24;background-color: #f8d7da;border-color: #f5c6cb;margin-bottom: 12px;margin-top: 12px;display:none;"></pre>
+        <script type="text/javascript">
+            $(function(){
+                $("#node-input-roomId").on("keyup", function() {
+                    if($(this).val() && !$(this).val().startsWith("!")) {
+                        $("#node-input-roomId-error").html(`Room IDs start with exclamation point "!"<br />Example: !OGEhHVWSdvArJzumhm:matrix.org`).show();
+                    } else {
+                        $("#node-input-roomId-error").hide();
+                    }
+                }).trigger('keyup');
+            });
+        </script>
+    </div>
     </div>
     <div class="form-row">
         <label for="node-input-reaction"><i class="fa fa-thumbs-up"></i> Reaction</label>