changes, fixes and improvements

app/templates/categories/pages/index.html

@@ -0,0 +1,8 @@
+{% extends "layouts/base.html" %}
+{% load i18n %}
+
+{% block title %}{% translate 'Categories' %}{% endblock %}
+
+{% block content %}
+<div hx-get="{% url 'categories_list' %}" hx-trigger="load, updated from:window" class="show-loading mx-5"></div>
+{% endblock %}

app/templates/categories/pages/list.html

@@ -1,64 +0,0 @@
-{% extends "layouts/base.html" %}
-{% load i18n %}
-
-{% block title %}{% translate 'Categories' %}{% endblock %}
-
-{% block content %}
-<div class="container px-md-3 py-3 column-gap-5">
-  <div class="tw-text-3xl fw-bold font-monospace tw-w-full mb-3">
-    {% spaceless %}
-    <div>{% translate 'Categories' %}<span>
-      <a class="text-decoration-none tw-text-2xl p-1 category-action"
-                role="button"
-                data-bs-toggle="tooltip"
-                data-bs-title="{% translate "Add" %}"
-                hx-get="{% url 'category_add' %}"
-                hx-target="#generic-offcanvas"
-                _="">
-            <i class="fa-solid fa-circle-plus fa-fw"></i></a>
-    </span></div>
-    {% endspaceless %}
-  </div>
-
-  <div class="border p-3 rounded-3">
-    <table class="table table-hover table-responsive">
-    <thead>
-      <tr>
-        <th scope="col" class="col-auto"></th>
-        <th scope="col" class="col-auto">{% translate 'Muted' %}</th>
-        <th scope="col" class="col">{% translate 'Name' %}</th>
-      </tr>
-    </thead>
-    <tbody>
-      {% for category in categories %}
-      <tr class="category">
-        <td class="col-auto text-center">
-          <a class="text-decoration-none tw-text-gray-400 p-1 category-action"
-                role="button"
-                data-bs-toggle="tooltip"
-                data-bs-title="{% translate "Edit" %}"
-                hx-get="{% url 'category_edit' category_id=category.id %}"
-                hx-target="#generic-offcanvas">
-            <i class="fa-solid fa-pencil fa-fw"></i></a>
-          <a class="text-danger text-decoration-none p-1 category-action"
-                  role="button"
-                  data-bs-toggle="tooltip"
-                  data-bs-title="{% translate "Delete" %}"
-                  hx-delete="{% url 'category_delete' category_id=category.id %}"
-                  hx-trigger='confirmed'
-                  data-bypass-on-ctrl="true"
-                  data-title="{% translate "Are you sure?" %}"
-                  data-text="{% translate "You won't be able to revert this!" %}"
-                  data-confirm-text="{% translate "Yes, delete it!" %}"
-                  _="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a></td>
-        <td class="col-auto text-center">
-          {% if category.mute %}<i class="fa-solid fa-circle text-success"></i>{% endif %}
-        </td>
-        <td class="col">{{ category.name }}</td>
-      </tr>
-      {% endfor %}
-    </tbody>
-  </table>
-  </div>
-</div>
-{% endblock %}