For #6102: add inline loading indicator to reload button

Author: avernet

form-runner-web/src/main/scala/org/orbeon/fr/FormRunnerApp.scala

@@ -13,7 +13,7 @@
  */
 package org.orbeon.fr
 
-import org.orbeon.facades.ResizeObserver
+import org.orbeon.facades.{Ladda, ResizeObserver}
 import org.orbeon.web.DomEventNames
 import org.orbeon.web.DomSupport.*
 import org.orbeon.xbl
@@ -121,10 +121,14 @@ object FormRunnerApp extends App {
         })
 
         val reloadButton = dialog.querySelectorT(".fr-reload-button")
+        val laddaReloadButton = Ladda.create(reloadButton)
         GlobalEventListenerSupport.addListener(
           target = reloadButton,
           name   = DomEventNames.Click,
-          fn     = (_: dom.EventTarget) => dom.window.location.href = dom.window.location.href
+          fn     = (_: dom.EventTarget) => {
+            laddaReloadButton.start()
+            dom.window.location.href = dom.window.location.href
+          }
         )
 
         Session.addSessionUpdateListener(sessionUpdate)

form-runner/jvm/src/main/resources/apps/fr/components/view.xsl

@@ -1274,7 +1274,7 @@
                     <xh:button class="btn btn-primary fr-renew-button">
                         <xf:output value="$fr-resources/detail/session-expiration/renew-button"/>
                     </xh:button>
-                    <xh:button class="btn btn-primary fr-reload-button">
+                    <xh:button class="btn btn-primary fr-reload-button ladda-button" data-style="slide-left">
                         <xf:output value="$fr-resources/detail/session-expiration/reload-button"/>
                     </xh:button>
                 </xh:div>