From ed146e98d8cb098fc65ee39f8d568734ba48db56 Mon Sep 17 00:00:00 2001
From: Skylar Sadlier <skylord123@gmail.com>
Date: Thu, 17 Mar 2022 17:21:44 -0600
Subject: [PATCH] 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-create-room.html              |  2 +-
 src/matrix-crypt-file.html               |  2 +-
 src/matrix-delete-event.html             | 13 +++++++++++++
 src/matrix-invite-room.html              | 15 ++++++++++++++-
 src/matrix-join-room.html                |  2 +-
 src/matrix-react.html                    | 15 ++++++++++++++-
 src/matrix-receive.html                  | 12 ++++++++++++
 src/matrix-room-ban.html                 | 15 ++++++++++++++-
 src/matrix-room-kick.html                | 15 ++++++++++++++-
 src/matrix-room-users.html               | 18 +++++++++++++++---
 src/matrix-send-file.html                | 15 ++++++++++++++-
 src/matrix-send-image.html               | 15 ++++++++++++++-
 src/matrix-send-message.html             | 15 ++++++++++++++-
 src/matrix-synapse-create-edit-user.html |  2 +-
 src/matrix-synapse-deactivate-user.html  |  2 +-
 src/matrix-synapse-join-room.html        | 15 ++++++++++++++-
 src/matrix-synapse-register.html         |  2 +-
 src/matrix-synapse-users.html            |  2 +-
 src/matrix-whois-user.html               |  2 +-
 19 files changed, 160 insertions(+), 19 deletions(-)

diff --git a/src/matrix-create-room.html b/src/matrix-create-room.html
index 6b6b850..d57ae59 100644
--- a/src/matrix-create-room.html
+++ b/src/matrix-create-room.html
@@ -19,7 +19,7 @@
 
 <script type="text/html" data-template-name="matrix-create-room">
     <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>
 
diff --git a/src/matrix-crypt-file.html b/src/matrix-crypt-file.html
index 571c73b..ae73715 100644
--- a/src/matrix-crypt-file.html
+++ b/src/matrix-crypt-file.html
@@ -18,7 +18,7 @@
 
 <script type="text/html" data-template-name="matrix-decrypt-file">
     <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>
 </script>
diff --git a/src/matrix-delete-event.html b/src/matrix-delete-event.html
index 920402d..657fc71 100644
--- a/src/matrix-delete-event.html
+++ b/src/matrix-delete-event.html
@@ -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-reason"><i class="fa fa-sticky-note"></i> Reason</label>
diff --git a/src/matrix-invite-room.html b/src/matrix-invite-room.html
index 2541382..13844e3 100644
--- a/src/matrix-invite-room.html
+++ b/src/matrix-invite-room.html
@@ -20,7 +20,7 @@
 
 <script type="text/html" data-template-name="matrix-invite-room">
     <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>
 
@@ -32,6 +32,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>
 </script>
 
diff --git a/src/matrix-join-room.html b/src/matrix-join-room.html
index cc04770..c3c75f5 100644
--- a/src/matrix-join-room.html
+++ b/src/matrix-join-room.html
@@ -19,7 +19,7 @@
 
 <script type="text/html" data-template-name="matrix-join-room">
     <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">
diff --git a/src/matrix-react.html b/src/matrix-react.html
index fb0d9b5..b38f5ec 100644
--- a/src/matrix-react.html
+++ b/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>
diff --git a/src/matrix-receive.html b/src/matrix-receive.html
index aba500e..b08a7a7 100644
--- a/src/matrix-receive.html
+++ b/src/matrix-receive.html
@@ -36,6 +36,18 @@
     <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">
+        <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 class="form-tips">Enter a single room, comma separated list of rooms, or leave blank to get from all</div>
     <div class="form-row" style="margin-left: 100px;margin-top:10px;font-weight:bold;">
diff --git a/src/matrix-room-ban.html b/src/matrix-room-ban.html
index 192ee1e..726a0d1 100644
--- a/src/matrix-room-ban.html
+++ b/src/matrix-room-ban.html
@@ -21,7 +21,7 @@
 
 <script type="text/html" data-template-name="matrix-room-ban">
     <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-reason"><i class="fa fa-comment"></i> Reason</label>
diff --git a/src/matrix-room-kick.html b/src/matrix-room-kick.html
index b1b3210..e303335 100644
--- a/src/matrix-room-kick.html
+++ b/src/matrix-room-kick.html
@@ -21,7 +21,7 @@
 
 <script type="text/html" data-template-name="matrix-room-kick">
     <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-reason"><i class="fa fa-comment"></i> Reason</label>
diff --git a/src/matrix-room-users.html b/src/matrix-room-users.html
index df1813d..27cf138 100644
--- a/src/matrix-room-users.html
+++ b/src/matrix-room-users.html
@@ -20,7 +20,7 @@
 
 <script type="text/html" data-template-name="matrix-room-users">
     <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">
@@ -28,8 +28,20 @@
      	<input type="text" id="node-input-server">
  	</div>
     <div class="form-row">
-        <label for="node-input-server"><i class="fa fa-user"></i> Room Id</label>
-        <input type="text" id="node-input-roomId" placeholder="msg.topic">
+        <label for="node-input-server"><i class="fa fa-user"></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>
 </script>
 
diff --git a/src/matrix-send-file.html b/src/matrix-send-file.html
index 83006f5..7355728 100644
--- a/src/matrix-send-file.html
+++ b/src/matrix-send-file.html
@@ -21,7 +21,7 @@
 
 <script type="text/html" data-template-name="matrix-send-file">
     <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-contentType"><i class="fa fa-user"></i> Content-Type</label>
diff --git a/src/matrix-send-image.html b/src/matrix-send-image.html
index 21c1d11..aaef024 100644
--- a/src/matrix-send-image.html
+++ b/src/matrix-send-image.html
@@ -21,7 +21,7 @@
 
 <script type="text/html" data-template-name="matrix-send-image">
     <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-contentType"><i class="fa fa-user"></i> Content-Type</label>
diff --git a/src/matrix-send-message.html b/src/matrix-send-message.html
index 9cd5af1..ac6d31b 100644
--- a/src/matrix-send-message.html
+++ b/src/matrix-send-message.html
@@ -24,7 +24,7 @@
 
 <script type="text/html" data-template-name="matrix-send-message">
     <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>
 
@@ -36,6 +36,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">
diff --git a/src/matrix-synapse-create-edit-user.html b/src/matrix-synapse-create-edit-user.html
index d2fffcd..110aa9d 100644
--- a/src/matrix-synapse-create-edit-user.html
+++ b/src/matrix-synapse-create-edit-user.html
@@ -19,7 +19,7 @@
 
 <script type="text/html" data-template-name="matrix-synapse-create-edit-user">
     <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>
 
diff --git a/src/matrix-synapse-deactivate-user.html b/src/matrix-synapse-deactivate-user.html
index edca457..b6ba282 100644
--- a/src/matrix-synapse-deactivate-user.html
+++ b/src/matrix-synapse-deactivate-user.html
@@ -19,7 +19,7 @@
 
 <script type="text/html" data-template-name="matrix-synapse-deactivate-user">
     <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>
 
diff --git a/src/matrix-synapse-join-room.html b/src/matrix-synapse-join-room.html
index 154688c..37b2f3e 100644
--- a/src/matrix-synapse-join-room.html
+++ b/src/matrix-synapse-join-room.html
@@ -20,7 +20,7 @@
 
 <script type="text/html" data-template-name="matrix-synapse-join-room">
     <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>
 
@@ -32,6 +32,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-tips" style="margin-bottom: 12px;">
diff --git a/src/matrix-synapse-register.html b/src/matrix-synapse-register.html
index 6191399..78d4349 100644
--- a/src/matrix-synapse-register.html
+++ b/src/matrix-synapse-register.html
@@ -22,7 +22,7 @@
 
 <script type="text/html" data-template-name="matrix-synapse-register">
     <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>
 
diff --git a/src/matrix-synapse-users.html b/src/matrix-synapse-users.html
index 42fec3a..1d61e21 100644
--- a/src/matrix-synapse-users.html
+++ b/src/matrix-synapse-users.html
@@ -19,7 +19,7 @@
 
 <script type="text/html" data-template-name="matrix-synapse-users">
     <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">
diff --git a/src/matrix-whois-user.html b/src/matrix-whois-user.html
index 57bc54e..72d761f 100644
--- a/src/matrix-whois-user.html
+++ b/src/matrix-whois-user.html
@@ -19,7 +19,7 @@
 
 <script type="text/html" data-template-name="matrix-whois-user">
     <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>