add bulk edit grades

generic/templates/generic/user_view.html

@@ -7,18 +7,18 @@
 {% block content %}
 
     <div id="view-filter-options">
-    <details class="filter">
-        <summary>
-        <h3>Filter Users </h3>
-        </summary>
-        <form action="" method="get">
-            {{ filter.form }}
-            <input class="btn btn-primary btn-sm mt-1 mb-1" type="submit" />
-        </form>
-    </details>
+        <details class="filter">
+            <summary>
+                <h3>Filter Users </h3>
+            </summary>
+            <form action="" method="get">
+                {{ filter.form }}
+                <input class="btn btn-primary btn-sm mt-1 mb-1" type="submit" />
+            </form>
+        </details>
     </div>
 
-    <div>
+    <div id="table-div">
         <span id="manage-span">
             {% render_table table %}
         </span>
@@ -31,7 +31,21 @@
         <summary>
             Bulk edit
         </summary>
-    <button>Delete supervisors</button>
+        <div id="htmx-info"></div>
+        <div id="htmx-options"></div>
+        <button id="bulk-delete-supervisors-button"
+            title="Deletes the supervisors of all selected users"
+            hx-post="{% url 'generic:users_bulk_delete_supervisors' %}"
+            hx-include="[name='selection']"
+            hx-confirm="This will delete supervisors from all selected users, are you sure you wish to continue?"
+            hx-target="#htmx-info"
+        >Delete supervisors</button>
+        <button id="bulk-edit-grade-button"
+            hx-post="{% url 'generic:users_bulk_edit_grade' %}"
+            hx-include="[name='selection']"
+            hx-target="#htmx-options"
+        
+        >Edit grade</button>
     </details>
 
 {% endblock %}