Update log_command modal

apps/audits/templates/audits/_proxy_log_command_modal.html

+{% 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

 {% extends '_base_list.html' %}
 {% load i18n static %}
 {% block custom_head_css_js %}
-{{ block.super }}
-<style>
+    {{ block.super }}
+    <link href="{% static "css/plugins/footable/footable.core.css" %}" rel="stylesheet">
+    <style>
         div.dataTables_wrapper div.dataTables_filter,
         .dataTables_length {
             float: right !important;
@@ -16,7 +17,7 @@
 {% block table_search %}{% endblock %}
 {% block table_container %}
 {#<div class="uc pull-left m-l-5 m-r-5"><a href="{% url "users:user-create" %}" class="btn btn-sm btn-primary"> {% trans "Create user" %} </a></div>#}
-<table class="table table-striped table-bordered table-hover " id="proxy_log_list_table" >
+    <table class="table table-striped table-bordered table-hover " id="proxy_log_list_table" >
         <thead>
             <tr>
                 <th class="text-center">
@@ -27,7 +28,7 @@
                 <th class="text-center">{% trans 'Username' %}</th>
                 <th class="text-center">{% trans 'IP' %}</th>
                 <th class="text-center">{% trans 'System user' %}</th>
-{#            <th class="text-center">{% trans 'Login type' %}</th>#}
+    {#            <th class="text-center">{% trans 'Login type' %}</th>#}
                 <th class="text-center">{% trans 'Command' %}</th>
                 <th class="text-center">{% trans 'Success' %}</th>
                 <th class="text-center">{% trans 'Finished' %}</th>
@@ -38,12 +39,15 @@
         </thead>
         <tbody>
         </tbody>
-</table>
+    </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: [