Update recipients/scrips only once for more multiple concurrent changes

We already wait 100ms before updating recipients/scrips on ticket update
page, so we can simply make one update for changes happening in the time
period.

share/static/js/util.js

@@ -1819,6 +1819,7 @@ function checkRefreshState(elt) {
     }
 }
 
+let _ticket_preparing_recipients = 0;
 function ticketUpdateRecipients(evt) {
     if ( evt && evt.type === 'htmx:load' ) {
         if ( document.querySelector('.htmx-indicator') ) {
@@ -1846,12 +1847,19 @@ function ticketUpdateRecipients(evt) {
         }).prop("checked", jQuery(target).prop('checked'));
     };
 
+    // In case there are multiple changes at the same time, we just want to update scrips once if possible
+    if ( _ticket_preparing_recipients ) {
+        return;
+    }
+    _ticket_preparing_recipients = 1;
+
     jQuery('.ticket-info-recipients div.titlebox-content').addClass('refreshing');
 
     // Wait a little bit in case user leaves related inputs(which
     // could fire ticketUpdate...) by checking/unchecking recipient
     // checkboxes, this is to get checkboxes' latest status
     setTimeout(function() {
+        _ticket_preparing_recipients = 0;
         var payload = jQuery('form[name=TicketUpdate]').serializeArray();
 
         jQuery('.ticket-info-recipients div.titlebox-content div.card-body').load(RT.Config.WebPath + '/Helpers/ShowSimplifiedRecipients',
@@ -1874,6 +1882,7 @@ function ticketUpdateRecipients(evt) {
     }, 100);
 }
 
+let _ticket_preparing_scrips = 0;
 function ticketUpdateScrips(evt) {
     if ( evt && evt.type === 'htmx:load' ) {
         if ( document.querySelector('.htmx-indicator') ) {
@@ -1901,12 +1910,19 @@ function ticketUpdateScrips(evt) {
         }).prop("checked", jQuery(target).prop('checked'));
     };
 
+    // In case there are multiple changes at the same time, we just want to update scrips once if possible
+    if ( _ticket_preparing_scrips ) {
+        return;
+    }
+    _ticket_preparing_scrips = 1;
+
     jQuery('.ticket-info-preview-scrips div.titlebox-content').addClass('refreshing');
 
     // Wait a little bit in case user leaves related inputs(which
     // could fire ticketUpdate...) by checking/unchecking recipient
     // checkboxes, this is to get checkboxes' latest status
     setTimeout(function() {
+        _ticket_preparing_scrips = 0;
         var payload = jQuery('form[name=TicketUpdate]').serializeArray();
 
         jQuery('.ticket-info-preview-scrips div.titlebox-content div.card-body').load(RT.Config.WebPath + '/Helpers/PreviewScrips',