#434

frontend/src/components/counts/CountsControls.tsx

@@ -26,8 +26,9 @@ import type { CountsResource } from '@/lib/counts'
 
 const CountsControls = (
     { resource, applied, open, setOpen, execute, displayJSON, displayRowNumbers,
-      displayThumbnail, reorder, actions }: {
+      displayThumbnail, reorder, actions, pending = false }: {
         resource: CountsResource; applied: URLSearchParams; open: boolean
+        pending?: boolean
         setOpen: (open: boolean) => void
         execute: (params: URLSearchParams) => void
         displayJSON: (enabled: boolean) => void
@@ -106,9 +107,9 @@ const CountsControls = (
   })
   return <form className="shrink-0" onSubmit={event => {
     event.preventDefault ()
+    if (pending) return
     const next = new URLSearchParams (draft)
     next.delete ('page')
-    next.delete ('execution_at')
     execute (normaliseCountsParams (resource, next, definition))
   }}>
     {!history && <div className="flex flex-wrap items-center gap-2 border-b pb-1
@@ -130,7 +131,8 @@ const CountsControls = (
       </div>
     </div>}
     <div className="flex flex-wrap items-center gap-2 border-b py-1 dark:border-slate-700">
-      <Button type="submit" size="sm">{label ('run')}</Button>
+      <Button type="submit" size="sm" aria-disabled={pending}
+          className="aria-disabled:opacity-50">{label ('run')}</Button>
       <Button type="button" size="sm" variant="outline" aria-expanded={open}
           aria-controls={id} onClick={() => setOpen (!open)}>
         {label ('conditions')}<span aria-hidden className="inline-block" style={{