From 5003ce8f05b4e36064b1833054fcc88e4a7b44d3 Mon Sep 17 00:00:00 2001
From: Ad Schellevis <ad@opnsense.org>
Date: Mon, 9 Oct 2023 17:27:10 +0200
Subject: [PATCH] System: High Availability: Settings - move services to sync
 in its own pane and add [de]select all buttons. closes
 https://github.com/opnsense/core/issues/6890

---
 src/www/system_hasync.php | 31 ++++++++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)
diff --git a/src/www/system_hasync.php b/src/www/system_hasync.php
index e80dff6aa..3ed358861 100644
--- a/src/www/system_hasync.php
+++ b/src/www/system_hasync.php
@@ -113,7 +113,21 @@ include("head.inc");
 
 ?>
 <body>
+<script>
+  $( document ).ready(function() {
+      $(".sync_act").click(function(event){
+          event.preventDefault();
+          if ($(this).hasClass('fa-check-square-o')) {
+              $(".sync_item").attr('checked', 'checked');
+          } else {
+              $(".sync_item").attr('checked', null);
+          }
+      });
+  });
+</script>
 <?php include("fbegin.inc"); ?>
+
+
 <section class="page-content-main">
   <form method="post">
     <div class="container-fluid">
@@ -250,13 +264,28 @@ include("head.inc");
                     </div>
                   </td>
                 </tr>
+              </table>
+            </div>
+          </div>
+          <div class="tab-content content-box col-xs-12 __mb">
+              <div class="table-responsive">
+                <table class="table table-striped opnsense_standard_table_form">
+                  <tr>
+                    <td style="width:22%">
+                      <strong><?= gettext('Services to synchronize (XMLRPC Sync)') ?></strong>
+                    </td>
+                    <td>
+                      <i style="cursor: pointer;" class="sync_act fa fa-check-square-o fa-fw"  title="<?= html_safe(gettext('Select all')) ?>" data-toggle="tooltip" ></i>
+                      <i style="cursor: pointer;" class="sync_act fa fa-square-o fa-fw" title="<?= html_safe(gettext('Deselect All')) ?>" data-toggle="tooltip" ></i>
+                    </td>
+                  </tr>
                 <!-- Hook xmlrpc sync plugins -->
 <?php
                 foreach ($syncplugins as $syncid => $synccnf):?>
                 <tr>
                   <td><a id="help_for_synchronize<?=$syncid?>" href="#" class="showhelp"><i class="fa fa-info-circle"></i></a> <?=$synccnf['description'];?></td>
                   <td>
-                    <input type="checkbox" name="synchronize<?=$syncid?>" value="on" <?=!empty($pconfig['synchronize'.$syncid]) ? "checked=\"checked\"" :"";?> />
+                    <input type="checkbox" class="sync_item" name="synchronize<?=$syncid?>" value="on" <?=!empty($pconfig['synchronize'.$syncid]) ? "checked=\"checked\"" :"";?> />
                     <div class="hidden" data-for="help_for_synchronize<?=$syncid?>">
                       <?=$synccnf['help'];?>
                     </div>
