(ui) add modal form in legacy template to signal the user about pending...

(ui) add modal form in legacy template to signal the user about pending service action (stop,start,restart)

src/www/foot.inc

@@ -55,7 +55,19 @@
     </div><!-- /modal -->
 <?php
     endif; ?>
-
+    <!-- dialog "wait for (service) action" -->
+    <div class="modal fade" id="OPNsenseStdWaitDialog" tabindex="-1" data-backdrop="static" data-keyboard="false">
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-body">
+            <strong><?=gettext("Please wait...");?></strong>
+            <div class="progress">
+               <div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width:100%"></div>
+             </div>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- bootstrap script -->
     <script type="text/javascript" src="/ui/js/bootstrap.min.js"></script>
     <!-- Fancy select with search options -->
@@ -71,6 +83,7 @@
           params['action'] = $(this).data('service_action');
           params['service'] = $(this).data('service');
           params['id'] = $(this).data('service_id');
+          $("#OPNsenseStdWaitDialog").modal('show');
           $.post('/status_services.php',params, function(data) {
             // refresh page after service action via server
             location.reload(true);