implement htmx multi select for delete

actix_admin/src/builder.rs

@@ -3,7 +3,7 @@ use std::collections::HashMap;
 
 use crate::prelude::*;
 
-use crate::routes::{create_get, create_post, delete_post, edit_get, edit_post, index, list};
+use crate::routes::{create_get, create_post, delete_post, delete_many_post, edit_get, edit_post, index, list};
 
 pub struct ActixAdminBuilder {
     pub scopes: Vec<actix_web::Scope>,
@@ -43,6 +43,7 @@ impl ActixAdminBuilderTrait for ActixAdminBuilder {
                 .route("/edit/{id}", web::get().to(edit_get::<T, E>))
                 .route("/edit/{id}", web::post().to(edit_post::<T, E>))
                 .route("/delete/{id}", web::post().to(delete_post::<T, E>))
+                .route("/delete_many", web::post().to(delete_many_post::<T, E>))
         );
 
         self.actix_admin.entity_names.push(E::get_entity_name());

actix_admin/src/routes/delete_many_post.rs

@@ -0,0 +1,21 @@
+use actix_web::{web, Error, HttpRequest, HttpResponse};
+use serde::{Deserialize};
+use actix_web::http::header;
+use crate::prelude::*;
+
+pub async fn delete_many_post<T: ActixAdminAppDataTrait, E: ActixAdminViewModelTrait>(
+    req: HttpRequest,
+    data: web::Data<T>,
+    text: String,
+) -> Result<HttpResponse, Error> {
+    let _db = &data.get_db();
+    let entity_name = E::get_entity_name();
+    println!("{:?}", text);
+    
+    Ok(HttpResponse::Found()
+    .append_header((
+        header::LOCATION,
+        format!("/admin/{}/list?render_partial=true", entity_name),
+    ))
+    .finish())
+}

actix_admin/src/routes/delete_post.rs

@@ -9,11 +9,7 @@ pub async fn delete_post<T: ActixAdminAppDataTrait, E: ActixAdminViewModelTrait>
     id: web::Path<i32>
 ) -> Result<HttpResponse, Error> {
     let db = &data.get_db();
-    //let entity_name = E::get_entity_name();
-    //let actix_admin = data.get_actix_admin();
-    //let view_model = actix_admin.view_models.get(&entity_name).unwrap();
 
-    // TODO:handle any errors
     let _result = E::delete_entity(db, id.into_inner()).await;
 
     Ok(HttpResponse::Ok()

actix_admin/src/routes/list.rs

@@ -52,6 +52,7 @@ pub async fn list<T: ActixAdminAppDataTrait, E: ActixAdminViewModelTrait>(
     ctx.insert("render_partial", &render_partial);
     ctx.insert("num_pages", &num_pages);
     ctx.insert("view_model", &view_model);
+    ctx.insert("search", &search);
 
     let body = TERA
         .render("list.html", &ctx)

actix_admin/src/routes/mod.rs

@@ -10,9 +10,12 @@ mod list;
 pub use list::list;
 
 mod delete_post;
+mod delete_many_post;
 pub use delete_post::delete_post;
+pub use delete_many_post::delete_many_post;
 
 mod edit_get;
 mod edit_post;
 pub use edit_get::edit_get;
 pub use edit_post::edit_post;
+

actix_admin/templates/list.html

@@ -5,27 +5,29 @@
 {% if not render_partial or render_partial == false %}
 <article>
     <div class="grid">
-        <div>
+        <div hx-include="#checked-rows" hx-target="#{{ entity_name }}table">
             <details role="list">
                 <summary aria-haspopup="listbox" role="button">
                     Actions
                 </summary>
                 <ul role="listbox">
                     <li><a href="create">Create</a></li>
-                    <li><a>Delete Selected</a></li>
+                    <li><a href="#" hx-post="delete_many">Delete Selected</a></li>
                 </ul>
             </details>
         </div>
         <div>
-            <input type="search" id="search" name="search" placeholder="Search" 
+            <input type="search" id="search" value="{{ search }}" name="search" placeholder="Search"
                 hx-get="/admin/{{ entity_name }}/list?render_partial=true&entities_per_page={{ entities_per_page }}&page={{ page }}"
                 hx-trigger="keyup changed delay:500ms, search" hx-target="#{{ entity_name }}table"
-                hx-indicator=".htmx-indicator"
+                hx-indicator=".htmx-indicator">
-                >
         </div>
     </div>
-    <figure id="{{ entity_name }}table">
+{% endif %}
-        {% endif %}
+
+    <div id="{{ entity_name }}table">
+        <figure>
+            <form id="checked-rows">
             <table role="grid">
                 <thead>
                     <tr>
@@ -45,14 +47,14 @@
                 <tbody hx-confirm="Are you sure?" hx-target="closest tr" hx-swap="outerHTML">
                     {% for entity in entities -%}
                     <tr>
-                    <td><input type="checkbox" id="entity{{ entity.primary_key }}" name="terms"></td>
+                        <td><input type="checkbox" name="ids" value="{{ entity.primary_key }}" name="terms"></td>
                         <td>{{ entity.primary_key }}</td>
                         {% for model_field in view_model.fields -%}
                         <td>{{ entity.values | get(key=model_field.field_name) }}</td>
                         {%- endfor %}
                         <td>
                             <a href="edit/{{ entity.primary_key }}">&#9998;</a>
-                        <a href="#" hx-post="delete/{{ entity.primary_key }}">&#128465;</a>
+                            <a hx-post="delete/{{ entity.primary_key }}">&#128465;</a>
                         </td>
                     </tr>
                     {%- endfor %}
@@ -60,16 +62,19 @@
                 <tfoot>
                     <tr>
                         <td colspan="{{ view_model.fields | length + 3 }}">
-                        <a href="?page={{ page - 1 }}&entities_per_page={{ entities_per_page }}">&laquo;</a>
+                            <a
+                                href="?page={{ page - 1 }}&entities_per_page={{ entities_per_page }}&search={{ search }}">&laquo;</a>
                             {% for i in range(end=num_pages) %}
-                        <a href="?page={{ i + 1 }}&entities_per_page={{ entities_per_page }}">{{ i + 1 }}</a>
+                            <a href="?page={{ i + 1 }}&entities_per_page={{ entities_per_page }}&search={{ search }}">{{
+                                i + 1 }}</a>
                             {%- endfor %}
-                        <a href="?page={{ page + 1 }}&entities_per_page={{ entities_per_page }}">&raquo;</a>
+                            <a
+                                href="?page={{ page + 1 }}&entities_per_page={{ entities_per_page }}&search={{ search }}">&raquo;</a>
                         </td>
                     </tr>
                 </tfoot>
             </table>
-        {% if not render_partial or render_partial == false %}
+            </form>
         </figure>
         <div class="grid">
             <div></div>
@@ -77,6 +82,7 @@
             <div></div>
             <div>
                 <form>
+                    <input type="hidden" value="{{ search }}" name="search">
                     <label for="entities_per_page">Entities per Page
                         <select name="entities_per_page" onchange="this.form.submit()">
                             {% for a in [10,20,50,100,] %}
@@ -87,6 +93,10 @@
                 </form>
             </div>
         </div>
+    </div>
+
+{% if not render_partial or render_partial == false %}
 </article>
 {% endif %}
+
 {% endblock content %}