payments

templates/list-crud.html

@@ -1,25 +1,16 @@
 {% extends base_template %}
 {% load static %}
 
+
 {% block content %}
-{#    <div class="pagination">#}
-{#        <span class="step-links">#}
-{#            {% if page_obj.has_previous %}#}
-{#                <a href="?page=1">&laquo; first</a>#}
-{#                <a href="?page={{ page_obj.previous_page_number }}">previous</a>#}
-{#            {% endif %}#}
-{##}
-{#            <span class="current">#}
-{#                Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.#}
-{#            </span>#}
-{##}
-{#            {% if page_obj.has_next %}#}
-{#                <a href="?page={{ page_obj.next_page_number }}">next</a>#}
-{#                <a href="?page={{ page_obj.paginator.num_pages }}">last &raquo;</a>#}
-{#            {% endif %}#}
-{#        </span>#}
-{#    </div>#}
-    <table id="objectTable" class="table">
+
+{% block filter %}
+{% endblock filter %}
+
+    <table id="objectTable" class="table" data-selection-mode=
+            {% block selection %}
+             "single"
+            {% endblock selection%}>
         <thead>
             <tr>
                 {% block table_header %}
@@ -29,7 +20,7 @@
         <tbody>
             {% for object in objects %}
                 <tr class="selectable-row" data-id="{{ object.id }}">
-                    <td style="display: none;"><input type="radio" name="object_select" value="{{ object.id }}"></td>
+                        <td style="display: none;"><input type="checkbox" name="object_select" value="{{ object.id }}"></td>
                 {% block table_data %}
                 {% endblock table_data %}
                 </tr>
@@ -42,22 +33,18 @@
                         <div class="footer-left">
                             {% block buttons %}
                             {% endblock buttons %}
-{#                            <button>Добави</button>#}
-{#                            <button>Изтрий</button>#}
-{#                            <button>Редактирай</button>#}
+                            <button id="toggleSelectAllBtn" class="btn btn-secondary" style="display: none;">Select All</button>
                         </div>
                         <div class="footer-right">
                             {% if page_obj.has_previous %}
                                 <a href="?page=1">&laquo; first</a>
                                 <a href="?page={{ page_obj.previous_page_number }}">previous</a>
                             {% endif %}
-{#                            <button>&laquo; Назад</button>#}
                             <span class="page-number">Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.</span>
                             {% if page_obj.has_next %}
                                 <a href="?page={{ page_obj.next_page_number }}">next</a>
                                 <a href="?page={{ page_obj.paginator.num_pages }}">last &raquo;</a>
                             {% endif %}
-{#                            <button>Напред &raquo;</button>#}
                         </div>
                     </div>
                 </td>
@@ -65,7 +52,6 @@
         </tfoot>
 
     </table>
-
     <script>
       const table = document.getElementById('objectTable');
       const headerCells = table.querySelector('thead tr').children.length;
@@ -74,11 +60,6 @@
       {#footerCell.style.textAlign = 'center';#}
     </script>
 
-{#    <div class="buttons-container">#}
-{#        {% block buttons %}#}
-{#        {% endblock buttons %}#}
-{#    </div>#}
-
     {% block custom_styles %}
     <style>
         .selectable-row {
@@ -93,8 +74,11 @@
         }
     </style>
     {% endblock custom_styles %}
+
     {% block extra_js %}
         <script src="{% static 'js/crud-list.js' %}"></script>
     {% endblock extra_js %}
-    {% block custom_js %}{% endblock custom_js %}
+    {% block custom_js %}
+
+    {% endblock custom_js %}
 {% endblock content %}