New Feature add Filters in webui (#250)

Author: albingi

Resources/public/js/webui.js

@@ -131,3 +131,29 @@ function toggleElement(id) {
     }
 }
 
+/**
+ * Show all empty messages
+ */
+function showOnlyEmptyMessages(el) {
+    var elements = document.getElementsByClassName('message');
+    for (var i = 0; i < elements.length; ++i) {
+        var element = elements[i];
+        element.classList.add("d-none");
+    }
+    elements = document.getElementsByClassName('empty');
+    for (var i = 0; i < elements.length; ++i) {
+        var element = elements[i];
+        element.classList.remove("d-none");
+    }
+}
+
+/**
+ * Show all messages
+ */
+function showAllMessages(el) {
+    var elements = document.getElementsByClassName('message');
+    for (var i = 0; i < elements.length; ++i) {
+        var element = elements[i];
+        element.classList.remove("d-none");
+    }
+}

Resources/views/WebUI/show.html.twig

@@ -15,6 +15,13 @@
                 {{ domain }}
             </a>
         {% endfor %}
+        <h5 class="mt-2">Filter: <a class="show-only-empty" href="javascript:void(0);" onclick="showOnlyEmptyMessages(this)">
+                Only empty
+            </a> |
+            <a class="show-all" href="javascript:void(0);" onclick="showAllMessages(this)">
+                All
+            </a>
+        </h5>
     </div>
     <hr>
     <div class="container message-list">
@@ -64,7 +71,7 @@
 {% endblock %}
 
 {% macro printMessage(idx, message, allow_delete, base_path) %}
-    <div class="row" id="{{ message.key }}">
+    <div class="row message {{ message.message ? '' : 'empty' }}" id="{{ message.key }}">
         <div class="col-12">
             <hr>
         </div>