Implement adding/editing hooks

core/templates/modals/add-hook.html

@@ -5,7 +5,11 @@
 {% block modal_content %}
   <form
     hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
-    hx-put="{% url 'add-hook' %}"
+    {% if hook_id is not None %}
+      hx-put="{% url 'hook_action' hook_id %}"
+    {% else %}
+      hx-put="{% url 'hook_action' %}"
+    {% endif %}
     hx-target="#hooks-table"
     hx-swap="outerHTML">
     {% csrf_token %}

core/templates/partials/hook-list.html

@@ -1,21 +1,26 @@
 {% include 'partials/notify.html' %}
 
 <table class="table is-fullwidth is-hoverable" id="hooks-table">
-    <thead>
-      <th>user</th>
-      <th>hook</th>
-      <th>received hooks</th>
-      <th>actions</th>
-    </thead>
-    {% for item in hooks %}
-      <tr>
-        <td>{{ item.user }}</td>
-        <td>{{ item.hook }}</td>
-        <td>{{ item.received }}</td>
-        <td>
+  <thead>
+    <th>id</th>
+    <th>user</th>
+    <th>name</th>
+    <th>hook</th>
+    <th>received hooks</th>
+    <th>actions</th>
+  </thead>
+  {% for item in hooks %}
+    <tr>
+      <td>{{ item.id }}</td>
+      <td>{{ item.user }}</td>
+      <td>{{ item.name }}</td>
+      <td>{{ item.hook }}</td>
+      <td>{{ item.received }}</td>
+      <td>
+        <div class="buttons">
           <button
             hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
-            hx-get="#"
+            hx-get="{% url 'hook_action' hook_id=item.id %}"
             hx-trigger="click"
             hx-target="#modals-here"
             class="button is-info">
@@ -25,8 +30,21 @@
               </span>
             </span>
           </button>
-        </td>
-      </tr>
-    {% endfor %}
+          <button
+            hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+            hx-delete="{% url 'hook_action' hook_id=item.id %}"
+            hx-trigger="click"
+            hx-target="#hooks-table"
+            class="button is-danger">
+            <span class="icon-text">
+              <span class="icon">
+                <i class="fa-solid fa-trash"></i>
+              </span>
+            </span>
+          </button>
+        </div>
+      </td>
+    </tr>
+  {% endfor %}
 
 </table>

core/templates/window-content/hooks.html

@@ -1,7 +1,7 @@
 <div class="buttons">
   <button
     hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
-    hx-get="{% url 'add-hook' %}"
+    hx-get="{% url 'hook_action' %}"
     hx-trigger="click"
     hx-target="#modals-here"
     class="button is-info">
@@ -17,4 +17,3 @@
 {% include 'partials/notify.html' %}
 {% include 'partials/hook-list.html' %}
 
-</table>