Adding ACL Modificationf for existing roles

app/templates/admin/_role_row.html

@@ -0,0 +1,17 @@
+<tr id="role-{{ r.id }}">
+  <td>{{ r.id }}</td>
+  <td>{{ r.name }}</td>
+  <td>{{ r.description or "" }}</td>
+  <td>{% for perm in r.permissions %}<span class="tag">{{ perm.name }}</span>{% endfor %}</td>
+  <td class="row-actions">
+    <button class="btn btn-ghost"
+            hx-get="/admin/roles/{{ r.id }}/edit"
+            hx-target="#role-{{ r.id }}"
+            hx-swap="outerHTML">Edit</button>
+    <button class="btn btn-danger"
+            hx-delete="/admin/roles/{{ r.id }}"
+            hx-target="#role-{{ r.id }}"
+            hx-swap="outerHTML"
+            hx-confirm="Delete role {{ r.name }}?">Delete</button>
+  </td>
+</tr>

app/templates/admin/_role_row_edit.html

@@ -0,0 +1,26 @@
+<tr id="role-{{ r.id }}">
+  <td colspan="5">
+    <form hx-post="/admin/roles/{{ r.id }}"
+          hx-target="#role-{{ r.id }}"
+          hx-swap="outerHTML"
+          class="inline-edit">
+      <span class="muted">#{{ r.id }} · {{ r.name }}</span>
+      <fieldset class="roles-field">
+        <legend>Permissions</legend>
+        {% for perm in permissions %}
+          <label class="check">
+            <input type="checkbox" name="permission_ids" value="{{ perm.id }}"
+                   {{ "checked" if perm in r.permissions }}> {{ perm.name }}
+          </label>
+        {% endfor %}
+      </fieldset>
+      <div class="row-actions">
+        <button type="submit" class="btn btn-primary">Save</button>
+        <button type="button" class="btn btn-ghost"
+                hx-get="/admin/roles/{{ r.id }}/row"
+                hx-target="#role-{{ r.id }}"
+                hx-swap="outerHTML">Cancel</button>
+      </div>
+    </form>
+  </td>
+</tr>

app/templates/admin/_roles_table.html

@@ -5,19 +5,7 @@
     </thead>
     <tbody>
       {% for r in roles %}
-        <tr id="role-{{ r.id }}">
-          <td>{{ r.id }}</td>
-          <td>{{ r.name }}</td>
-          <td>{{ r.description or "" }}</td>
-          <td>{% for perm in r.permissions %}<span class="tag">{{ perm.name }}</span>{% endfor %}</td>
-          <td class="row-actions">
-            <button class="btn btn-danger"
-                    hx-delete="/admin/roles/{{ r.id }}"
-                    hx-target="#role-{{ r.id }}"
-                    hx-swap="outerHTML"
-                    hx-confirm="Delete role {{ r.name }}?">Delete</button>
-          </td>
-        </tr>
+        {% include "admin/_role_row.html" %}
       {% endfor %}
     </tbody>
   </table>