From 2aaa1c3169d0fa9244776aef1108416a717f9895 Mon Sep 17 00:00:00 2001
From: Pavel Loginov <aidaho@haproxy-wi.org>
Date: Fri, 18 Dec 2020 14:25:09 +0600
Subject: [PATCH] v4.5.6.0

---
 app/templates/ajax/alerts_history.html | 85 ++++++++++++++++++++++++++
 1 file changed, 85 insertions(+)
 create mode 100644 app/templates/ajax/alerts_history.html

diff --git a/app/templates/ajax/alerts_history.html b/app/templates/ajax/alerts_history.html
new file mode 100644
index 00000000..94c3abcf
--- /dev/null
+++ b/app/templates/ajax/alerts_history.html
@@ -0,0 +1,85 @@
+<link href="/inc/table.css" rel="stylesheet" type="text/css">
+<script type="text/javascript" charset="utf8" src="/inc/dataTables.min.js"></script>
+{% if action == "history" %}
+    {% set column_for_sort = 4 %}
+{% else %}
+    {% set column_for_sort = 3 %}
+{% endif %}
+<script>
+    $(document).ready(function() {
+        $('#alerts_table').on( 'page.dt' )
+            .DataTable( {
+                "order": [[ {{column_for_sort}}, "desc" ]],
+                "pageLength": 25,
+                "columnDefs": [
+                    {
+                        "searchable": false,
+                        "orderable": false,
+                    }
+                ],
+                "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
+            } );
+    } );
+</script>
+<table class="overview hover order-column display compact" id="alerts_table">
+
+    <thead>
+    <tr class="overviewHead">
+        <th class="padding10" style="width: 10%; padding-left: 10px;">
+            Level
+        </th>
+        <th>
+            Host
+        </th>
+        {% if action != "checker_history" %}
+        <th>
+            Port
+        </th>
+        {% endif %}
+        <th>
+            Alert
+        </th>
+        <th>
+            Date
+        </th>
+        <th>
+            Time
+        </th>
+    </tr>
+    </thead>
+    <tbody>
+    {% if smon != '' %}
+    {% for t in smon %}
+    <tr>
+        <td class="padding10" style="width: 10%; padding: 7px 7px 7px 10px;">
+            {% if t.1 == 'info' %}
+                {% set color = '#5ad05a' %}
+            {% else %}
+                {% set color = '#be2424' %}
+            {% endif %}
+            <span style="color: {{color}};"><b>{{t.1 |upper}}</b></span>
+        </td>
+        <td>
+            {{t.2}}
+        </td>
+        {% if action != "checker_history" %}
+        <td>
+            {{t.3}}
+        </td>
+        {% endif %}
+        <td>
+            {{t.0}}
+        </td>
+        <td>
+            {{t.4.split(' ')[0]}}
+        </td>
+        <td>
+            {{t.4.split(' ')[1]}}
+        </td>
+    </tr>
+    {% endfor %}
+    {% else %}
+    <span class="alert alert-warning" style="margin-bottom: 0px;">Table is empty</span>
+    {% endif %}
+    </tbody>
+</table>