From b60981c8d874a4c953ce1c551f1123b4257a59be Mon Sep 17 00:00:00 2001
From: calzoneman <calzoneman@gmail.com>
Date: Tue, 18 Jun 2013 15:59:45 -0400
Subject: [PATCH] Ability to add chat filters

---
 www/assets/js/callbacks.js       |  6 ++--
 www/assets/js/channelsettings.js | 27 +++++++++++++++++
 www/channeloptions.html          | 50 +++++++++++++++++++++++++++++++-
 3 files changed, 78 insertions(+), 5 deletions(-)

diff --git a/www/assets/js/callbacks.js b/www/assets/js/callbacks.js
index f624966a..14764a80 100644
--- a/www/assets/js/callbacks.js
+++ b/www/assets/js/callbacks.js
@@ -114,12 +114,10 @@ Callbacks = {
             }, 100);
             return;
         }
-        if(tbl.children().length > 1) {
-            $(tbl.children()[1]).remove();
-        }
+        tbl.find(".filter-row").remove();
         for(var i = 0; i < entries.length; i++) {
             var f = entries[i];
-            var tr = $("<tr/>").appendTo(tbl);
+            var tr = $("<tr/>").appendTo(tbl).addClass("filter-row");
             var remove = $("<button/>").addClass("btn btn-mini btn-danger")
                 .appendTo($("<td/>").appendTo(tr));
             $("<i/>").addClass("icon-trash").appendTo(remove);
diff --git a/www/assets/js/channelsettings.js b/www/assets/js/channelsettings.js
index ec62a4ad..49df1834 100644
--- a/www/assets/js/channelsettings.js
+++ b/www/assets/js/channelsettings.js
@@ -81,4 +81,31 @@
             js: $("#jstext").val()
         });
     });
+
+    $("#newfilter_submit").click(function() {
+        var re = $("#newfilter_regex").val();
+        var flags = $("#newfilter_flags").val();
+        try {
+            new RegExp(re, flags);
+        }
+        catch(e) {
+            makeAlert("Invalid Regex", e, "alert-error")
+                .insertAfter($("#filteredit form"));
+            return;
+        }
+
+        socket.emit("updateFilter", {
+            name: $("#newfilter_name").val(),
+            source: re,
+            flags: flags,
+            replace: $("#newfilter_replace").val(),
+            filterlinks: $("#newfilter_filterlinks").prop("checked"),
+            active: true
+        });
+
+        $("#newfilter_name").val("");
+        $("#newfilter_regex").val("");
+        $("#newfilter_flags").val("");
+        $("#newfilter_replace").val("");
+    });
 })();
diff --git a/www/channeloptions.html b/www/channeloptions.html
index 148d1dd7..d8910c3b 100644
--- a/www/channeloptions.html
+++ b/www/channeloptions.html
@@ -92,7 +92,7 @@
 </div>
 <div id="filteredit" class="span12">
     <p>Filters will be processed in the order that they are listed here.  Click and drag a row to rearrange the order.  Click a regex, flags, or replacement field to edit a filter.  Changes are automatically saved when you finish editing.</p>
-    <table class="table table-striped">
+    <table class="table table-striped table-condensed">
         <thead>
             <tr>
                 <th>Delete</th>
@@ -105,6 +105,54 @@
             </tr>
         </thead>
     </table>
+    <strong>Add Filter</strong>
+    <form class="form-horizontal" action="javascript:void(0)">
+        <div class="control-group">
+            <label class="control-label" for="newfilter_name">
+                Name
+            </label>
+            <div class="controls">
+                <input type="text" id="newfilter_name">
+            </div>
+        </div>
+        <div class="control-group">
+            <label class="control-label" for="newfilter_regex">
+                Regex
+            </label>
+            <div class="controls">
+                <input type="text" id="newfilter_regex">
+            </div>
+        </div>
+        <div class="control-group">
+            <label class="control-label" for="newfilter_flags">
+                Flags
+            </label>
+            <div class="controls">
+                <input type="text" id="newfilter_flags" value="g">
+            </div>
+        </div>
+        <div class="control-group">
+            <label class="control-label" for="newfilter_replace">
+                Replacement
+            </label>
+            <div class="controls">
+                <input type="text" id="newfilter_replace">
+            </div>
+        </div>
+        <div class="control-group">
+            <label class="control-label" for="newfilter_filterlinks">
+                Filter Links
+            </label>
+            <div class="controls">
+                <input type="checkbox" id="newfilter_filterlinks">
+            </div>
+        </div>
+        <div class="control-group">
+            <div class="controls">
+                <button class="btn btn-primary" id="newfilter_submit">New Filter</button>
+            </div>
+        </div>
+    </form>
 </div>
 <div id="cssedit" class="span12">
     <p>Max 20KB.  If you need more space, host the file externally and use the External CSS option</p>