archived server list prev commit append

zediious · Jul 14, 2024 · 7f0190c · 7f0190c
1 parent 7d9bad3
commit 7f0190c
Showing 1 changed file with 10 additions and 78 deletions.
diff --git a/raptorWeb/templates/panel/crud/server_list_archived.html b/raptorWeb/templates/panel/crud/server_list_archived.html
@@ -4,32 +4,24 @@
     <title>{{ site_info_model.brand_name }} | Archived Server List</title>
 </head>
 
-<div id='server_table_wrapper' x-data="{selected: [],allVisible: [],selectall: false}">
+<div id='content_table_wrapper' x-data="{selected: [],allVisible: [],selectall: false}">
     <div class="m-2 mt-0 p-3">
         <div class="text-white">
             <header class="fs-3">Archived Servers</header>
             <p class="fs-5">
                 A list of servers that have been archived. Unarchive a server here for it to appear in the server list
                 and the rest of the website once more.
             </p>
-            <p class="fs-5">
-                You can also permanently delete servers here. This cannot be reversed!
-            </p>
         </div>
     </div>
     <hr class='text-white'>
 
-    <div class='d-flex justify-content-between gap-2 w-100 mb-3'>
+    <div class='d-flex justify-content-start gap-2 w-100 mb-3'>
+
         {% if perms.gameservers.delete_server %}
-        <a role='button' id='delete_bulk' class='btn btn-danger' :class="selected < 1 && 'disabled'"
-                hx-post="{% url 'panel:server/delete'%}"
-                hx-include='next .table'
-                hx-target='#server_table_wrapper'
-                hx-swap'outerHTML'
-        >
-            Delete Selected
-        </a>
+            {% include 'panel/crud/components/deletion/delete_selected.html' with crud_url='server' %}
         {% endif %}
+
     </div>
 
     <div class='table-responsive-md'>
@@ -47,12 +39,7 @@
             <tbody>
                 <tr>
                 <th>
-                    <input id="select_{{server.pk}}" class='form-check-input'
-                           name="{{server.pk}}" value="{{server.pk}}" type='checkbox'
-                           x-bind:checked="selectall" x-model="selected" x-init="allVisible.push($el.value)"
-                           @click='htmx.find("#delete_bulk").classList.remove("disabled")'
-                    >
-                    </input>
+                    {% include 'panel/crud/components/deletion/selection.html' with current_object=server %}
                 </th>
                 <th scope="row">{{server.pk}}</th>
                 <td>{{server.modpack_name}}</td>
@@ -63,7 +50,7 @@
                             {% csrf_token %}
                             <button id='panel_unarchive_button' class='btn btn-success'
                                     hx-get="{% url 'gameservers:update_archive' server.pk%}"
-                                    hx-target='#server_table_wrapper'
+                                    hx-target='#content_table_wrapper'
                                     hx-swap'outerHTML'
                             >
                                 Unarchive
@@ -76,65 +63,10 @@
             </tbody>
             {% endfor %}
         </table>
-        <div>
-            <input id='check_all_input' class='form-check-input' name='check_all' type="checkbox" x-model='selectall'
-                   @click="selectall=!selectall; if (!selectall) {selected = []} else {selected = allVisible}; htmx.find('#delete_bulk').classList.remove('disabled')"
-            >
-            <label class='form-control-label text-white ' for="check_all">Select All on Page</label>
-        </div>
-        {% if page_obj.has_next or page_obj.has_previous%}
-        <div class="pagination d-flex align-items-center justify-content-center m-3">
-            <span class="step-links">
-                {% if page_obj.has_previous %}
-                    <a role="button" class="btn btn-dark opacity-75"
-                        hx-get="{% url 'panel:server/archivedlist' %}?page=1"
-                        hx-target="#server_table_wrapper"
-                    >
-                        &laquo; First
-                    </a>
-                    <a role="button" class="btn btn-dark opacity-75"
-                        hx-get="{% url 'panel:server/archivedlist' %}?page={{ page_obj.previous_page_number }}"
-                        hx-target="#server_table_wrapper"
-                    >
-                        Previous
-                    </a>
-                {% endif %}
-
-                <span class="current text-white">
-                    Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.
-                </span>
-
-                {% if page_obj.has_next %}
-                    <a role="button" class="btn btn-dark opacity-75"
-                        hx-get="{% url 'panel:server/archivedlist' %}?page={{ page_obj.next_page_number }}"
-                        hx-target="#server_table_wrapper"
-                    >
-                        Next
-                    </a>
-                    <a role="button" class="btn btn-dark opacity-75"
-                        hx-get="{% url 'panel:server/archivedlist' %}?page={{ page_obj.paginator.num_pages }}"
-                        hx-target="#server_table_wrapper"
-                    >
-                        Last &raquo;
-                    </a>
-                {% endif %}
-            </span>
-        </div>
-    {% endif %}
     </div>
-</div>
 
-<script>
+    {% include 'panel/crud/components/deletion/select_all.html' %}
 
-    htmx.find('#delete_bulk').classList.add('disabled')
+    {% include 'panel/crud/components/pagination.html' with crud_url="server"%}
 
-</script>
-
-<script>
-    try {
-        tooltipTriggerList
-    } catch (error) {
-        const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
-        const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
-    }
-</script>
+</div>