Makes reports page work with new tailwind

src/clj/auto_ap/ssr/components/data_grid.clj

@@ -1,13 +1,17 @@
-(ns auto-ap.ssr.components.data-grid)
+(ns auto-ap.ssr.components.data-grid
+  (:require
+   [auto-ap.ssr-routes :as ssr-routes]
+   [auto-ap.ssr.components.card :refer [content-card-]]
+   [auto-ap.ssr.components.paginator :refer [paginator-]]
+   [bidi.bidi :as bidi]))
 
 (defn header- [params & rest]
   (into [:th.px-4.py-3 {:scope "col" :class (:class params)} ] rest))
 
 
 (defn row- [params & rest]
-  (into [:tr {:class (cond-> "border-b dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-700"
-                       
-                       (:class params) (str " " (:class params)))}] rest))
+  (into [:tr (update params
+                     :class str " border-b dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-700")] rest))
 
 (defn cell- [params & rest]
   (into [:td.px-4.py-2 {:class (:class params)}] rest))
@@ -32,3 +36,50 @@
    (into 
      [:tbody]
      rest)])
+
+(defn data-grid-card- [{:keys [id
+                               route
+                               title
+                               entity-name
+                               action-buttons
+                               total
+                               start
+                               per-page
+                               flash-id
+                               headers
+                               rows] :as params}]
+  [:div {:hx-get     (bidi/path-for ssr-routes/only-routes
+                                    route
+                                    :request-method :get) 
+         :hx-trigger "clientSelected from:body"
+         :hx-swap    "outerHTML swap:300ms"
+         :id id}
+   (content-card-
+     {}
+     [:div {:class "flex flex-col px-4 py-3 space-y-3 lg:flex-row lg:items-center lg:justify-between lg:space-y-0 lg:space-x-4 text-gray-800 dark:text-gray-100"}
+      [:div
+       [:h1.text-2xl.mb-3.font-bold title]
+       [:div {:class "flex items-center flex-1 space-x-4"}
+        [:h5
+         [:span  (format "Total %s:" entity-name)]
+         [:span {:class "dark:text-white pl-4"} total]]]]
+      (into [:div {:class "flex flex-col flex-shrink-0 space-y-3 md:flex-row md:items-center lg:justify-end md:space-y-0 md:space-x-3"}
+             ]
+            action-buttons)]
+     [:div {:class "overflow-x-auto"}
+      (data-grid- {:headers headers
+                   }
+                  rows
+
+                     )]
+     (paginator- {:start    start
+                  :end      (Math/min (+ start per-page) total)
+                  :per-page per-page
+                  :total    total
+                  :a-params (fn [page]
+                              {:hx-get    (str (bidi/path-for ssr-routes/only-routes
+                                                              route
+                                                              :request-method :get)
+                                               "?start=" (* page per-page)) 
+                               :hx-target (str "#" id)
+                               :hx-swap   "outerHTML show:#app:top"})}))])