From cd5ff2f99a3d0165ec7380ada7b35a95f1d02810 Mon Sep 17 00:00:00 2001
From: phl0 <github@florian-wolters.de>
Date: Thu, 29 Jun 2023 12:43:16 +0200
Subject: [PATCH] Add spinner to show progress / action

---
 application/views/view_log/qso.php | 6 +++---
 assets/js/sections/common.js       | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/application/views/view_log/qso.php b/application/views/view_log/qso.php
index c23ad147..458a95c4 100644
--- a/application/views/view_log/qso.php
+++ b/application/views/view_log/qso.php
@@ -530,11 +530,11 @@
                     </form>
                 </div>
                 <div class="col-md">
-                        <p><button type="button" onclick="qsl_rcvd(<?php echo $row->COL_PRIMARY_KEY; ?>, 'B');" id="qslrxb"  name="qslrxb" class="btn btn-sm btn-success"><i class="fas fa-envelope"></i> <?php echo lang('general_mark_qsl_rx_bureau'); ?></button></p>
+                        <p><button type="button" onclick="qsl_rcvd(<?php echo $row->COL_PRIMARY_KEY; ?>, 'B');" id="qslrxb"  name="qslrxb" class="btn btn-sm btn-success ld-ext-right ld-ext-right-B"><i class="fas fa-envelope"></i> <?php echo lang('general_mark_qsl_rx_bureau'); ?> <div class="ld ld-ring ld-spin"></div></button></p>
 
-                        </p><button type="button" onclick="qsl_rcvd(<?php echo $row->COL_PRIMARY_KEY; ?>, 'D');" id="qslrxd"  name="qslrxd" class="btn btn-sm btn-success"><i class="fas fa-envelope"></i> <?php echo lang('general_mark_qsl_rx_direct'); ?></button></p>
+                        </p><button type="button" onclick="qsl_rcvd(<?php echo $row->COL_PRIMARY_KEY; ?>, 'D');" id="qslrxd"  name="qslrxd" class="btn btn-sm btn-success ld-ext-right ld-ext-right-D"><i class="fas fa-envelope"></i> <?php echo lang('general_mark_qsl_rx_direct'); ?> <div class="ld ld-ring ld-spin"></div></button></p>
 
-                        <p><button type="button" onclick="qsl_rcvd(<?php echo $row->COL_PRIMARY_KEY; ?>, 'E');" id="qslrxe"  name="qslrxe" class="btn btn-sm btn-success"><i class="fas fa-envelope"></i> <?php echo lang('general_mark_qsl_rx_electronic'); ?></button></p>
+                        <p><button type="button" onclick="qsl_rcvd(<?php echo $row->COL_PRIMARY_KEY; ?>, 'E');" id="qslrxe"  name="qslrxe" class="btn btn-sm btn-success ld-ext-right ld-ext-right-E"><i class="fas fa-envelope"></i> <?php echo lang('general_mark_qsl_rx_electronic'); ?> <div class="ld ld-ring ld-spin"></div></button></p>
 
                 </div>
             </div>
diff --git a/assets/js/sections/common.js b/assets/js/sections/common.js
index ceb493e5..e2be8bc2 100644
--- a/assets/js/sections/common.js
+++ b/assets/js/sections/common.js
@@ -1,4 +1,6 @@
 function qsl_rcvd(id, method) {
+    $(".ld-ext-right-"+method).addClass('running');
+    $(".ld-ext-right-"+method).prop('disabled', true);
     $.ajax({
         url: base_url + 'index.php/qso/qsl_rcvd_ajax',
         type: 'post',
@@ -6,6 +8,8 @@ function qsl_rcvd(id, method) {
             'method': method
         },
         success: function(data) {
+            $(".ld-ext-right-"+method).removeClass('running');
+            $(".ld-ext-right-"+method).prop('disabled', false);
             if (data.message == 'OK') {
                 $("#qsl_" + id).find("span:eq(1)").attr('class', 'qsl-green'); // Paints arrow green
                 $(".qsl_rcvd_" + id).remove(); // removes choice from menu