Add report record admin and template search

When creating a ban, you can type in to do a search, this is useful for
quickly banning users.

Signed-off-by: Alek Ratzloff <alekratz@gmail.com>

board/templates/board/ban_form.html

@@ -2,7 +2,7 @@
 {% load i18n %}
 
 {% block content %}
-<form id="form" action="{% url 'board:ban_create' url=board.url id=post.id %}" method="post"> 
+<form id="form" action="{% url 'board:ban_create' url=board.url id=post.id %}" method="post" autocomplete="off"> 
     {% csrf_token %}
     <table>
         <tr>
@@ -17,13 +17,28 @@
             <th>IP:</th>
             <td>{{post.ip}}</td>
         </tr>
+        <tr>
+            <th>{% translate 'Template search' %}:</th>
+            <td><input id="template_search" type="text" /></td>
+        </tr>
+        <tr>
+            <th>{% translate 'Template' %}</th>
+            <td>
+                <select id="templates">
+                    <option class="template_option" data-reason="" data-duration="">Custom</option>
+                {% for template in templates %}
+                    <option class="template_option" data-reason="{{template.ban_reason}}" data-duration="{{template.duration}}">{{template.name}}</option>
+                {% endfor %}
+                </select>
+            </td>
+        </tr>
         {{form.as_table}}
         <tr>
-            <th>{% translate "Previous bans" %}</th>
+            <th>{% translate "Previous bans" %}:</th>
             <td>{{previous_bans|length}}</td>
         </tr>
         <tr>
-            <th>{% translate "Current bans" %}</th>
+            <th>{% translate "Current bans" %}:</th>
             <td id="current_bans">{{current_bans|length}}</td>
         </tr>
         <tr>
@@ -35,7 +50,6 @@
 
 <script>
 function submitConfirm(e) {
-    console.log($("#current_bans").text());
     if($("#current_bans").text() !== '0') {
         let result = window.confirm("There is already at least one ban for this IP address on this board, are you sure you want to continue?");
         if (!result) {
@@ -45,6 +59,45 @@ function submitConfirm(e) {
     }
 }
 
+function templateSelect(e) {
+    let selected = $($(e.target).find(":selected"));
+    // uh oh, mixing django templates and JS
+    let banReason = $("#{{form.ban_reason.auto_id}}");
+    let duration = $("#{{form.duration.auto_id}}");
+    banReason.val(selected.attr("data-reason"));
+    duration.val(selected.attr("data-duration"));
+
+    if(selected.val() === "Custom") {
+        // unlock the controls
+        banReason.attr("readonly", false);
+        duration.attr("readonly", false);
+    } else {
+        // lock all controls
+        banReason.attr("readonly", true);
+        duration.attr("readonly", true);
+    }
+}
+
+function templateSearch(e) {
+    let search = $(e.target).val();
+    let element = $("#templates option").toArray().find(element => {
+        let re = new RegExp(search, "i");
+        return element.value.search(re) !== -1;
+    });
+
+    if(typeof element === "undefined") {
+        return;
+    }
+
+    $("#templates")
+        .val(element.value)
+        .trigger("change");
+}
+
 $("#submit").on("click", submitConfirm);
+$("#templates").on("change", templateSelect);
+$("#template_search").on("input propertychange paste", templateSearch);
+$("#template_search").select();
+
 </script>
 {% endblock content %}