Update log_command modal

apps/audits/templates/audits/_proxy_log_command_modal.html

@@ -0,0 +1,27 @@
+{% extends '_modal.html' %}
+{% load i18n %}
+{% block modal_id %}Proxy command list{% endblock %}
+{% block modal_title%}{% trans "Proxy command list" %}{% endblock %}
+{% block modal_body %}
+<div class="ibox-content">
+    <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="10">
+        <thead>
+        <tr>
+            <th data-toggle="true">ID</th>
+            <th>Command</th>
+            <th data-hide="all">Output</th>
+            <th>Datetime</th>
+        </tr>
+        </thead>
+        <tbody>
+        {% for command in object_list %}
+            <tr>
+                <td>{{ command.command_no }}</td>
+                <td>{{ command.command }}</td>
+                <td>{{ command.output_decode |safe }}</td>
+                <td>{{ command.datetime }}</td>
+            </tr>
+        {% endfor %}
+        </tbody>
+    </table>
+{% endblock %}

apps/audits/templates/audits/proxy_log_list.html

@@ -2,6 +2,7 @@
 {% load i18n static %}
 {% block custom_head_css_js %}
     {{ block.super }}
+    <link href="{% static "css/plugins/footable/footable.core.css" %}" rel="stylesheet">
     <style>
         div.dataTables_wrapper div.dataTables_filter,
         .dataTables_length {
@@ -39,11 +40,14 @@
         <tbody>
         </tbody>
     </table>
+    {% include 'audits/_proxy_log_command_modal.html' %}
 {% endblock %}
 {% block custom_foot_js %}
 <script src="{% static 'js/jquery.form.min.js' %}"></script>
+<script src="{% static "js/plugins/footable/footable.all.min.js" %}"></script>
 <script>
 $(document).ready(function(){
+    $('.footable').footable();
     var options = {
         ele: $('#proxy_log_list_table'),
         columnDefs: [