From 623ebc783c94682ea39b91ec5152592000215ed1 Mon Sep 17 00:00:00 2001
From: Marcus Hill <bcf8c9f2@opayq.com>
Date: Sun, 8 Oct 2023 13:35:13 +0100
Subject: [PATCH] Contacts phone numbers - add tel: hyperlink for click-to-call

---
 client_contact_details.php | 62 +++++++++++++++++++-------------------
 client_contacts.php        |  4 +--
 2 files changed, 33 insertions(+), 33 deletions(-)

diff --git a/client_contact_details.php b/client_contact_details.php
index cffa00b1d..ee959f971 100644
--- a/client_contact_details.php
+++ b/client_contact_details.php
@@ -96,10 +96,10 @@
                         <div><i class="fa fa-fw fa-envelope text-secondary mr-3"></i><a href='mailto:<?php echo $contact_email; ?>'><?php echo $contact_email; ?></a><button class='btn btn-sm clipboardjs' data-clipboard-text='<?php echo $contact_email; ?>'><i class='far fa-copy text-secondary'></i></button></div>
                     <?php }
                     if (!empty($contact_phone)) { ?>
-                        <div class="mb-2"><i class="fa fa-fw fa-phone text-secondary mr-3"></i><?php echo "$contact_phone $contact_extension"; ?></div>
+                        <div class="mb-2"><i class="fa fa-fw fa-phone text-secondary mr-3"></i><a href="tel:<?php echo "$contact_phone"?>"><?php echo "$contact_phone $contact_extension"; ?></a></div>
                     <?php }
                     if (!empty($contact_mobile)) { ?>
-                        <div class="mb-2"><i class="fa fa-fw fa-mobile-alt text-secondary mr-3"></i><?php echo $contact_mobile; ?></div>
+                        <div class="mb-2"><i class="fa fa-fw fa-mobile-alt text-secondary mr-3"></i><a href="tel:<?php echo $contact_mobile; ?>"><?php echo $contact_mobile; ?></a></div>
                     <?php }
                     if (!empty($contact_pin)) { ?>
                         <div class="mb-2"><i class="fa fa-fw fa-key text-secondary mr-3"></i><?php echo $contact_pin; ?></div>
@@ -549,36 +549,36 @@
 
 <?php } ?>
 
-<script>
-    function updateContactNotes(contact_id) {
-        var notes = document.getElementById("contactNotes").value;
-
-        // Send a POST request to ajax.php as ajax.php with data contact_set_notes=true, contact_id=NUM, notes=NOTES
-        jQuery.post(
-            "ajax.php",
-            {
-                contact_set_notes: 'TRUE',
-                contact_id: contact_id,
-                notes: notes
-            }
-        )
-    }
-</script>
-
-<!-- JavaScript to Show/Hide Password Form Group -->
-<script>
-    $(document).ready(function() {
-        $('.authMethod').on('change', function() {
-            var $form = $(this).closest('.authForm');
-            if ($(this).val() === 'local') {
-                $form.find('.passwordGroup').show();
-            } else {
-                $form.find('.passwordGroup').hide();
-            }
+    <script>
+        function updateContactNotes(contact_id) {
+            var notes = document.getElementById("contactNotes").value;
+
+            // Send a POST request to ajax.php as ajax.php with data contact_set_notes=true, contact_id=NUM, notes=NOTES
+            jQuery.post(
+                "ajax.php",
+                {
+                    contact_set_notes: 'TRUE',
+                    contact_id: contact_id,
+                    notes: notes
+                }
+            )
+        }
+    </script>
+
+    <!-- JavaScript to Show/Hide Password Form Group -->
+    <script>
+        $(document).ready(function() {
+            $('.authMethod').on('change', function() {
+                var $form = $(this).closest('.authForm');
+                if ($(this).val() === 'local') {
+                    $form.find('.passwordGroup').show();
+                } else {
+                    $form.find('.passwordGroup').hide();
+                }
+            });
+            $('.authMethod').trigger('change');
         });
-        $('.authMethod').trigger('change');
-    });
-</script>
+    </script>
 
 <?php
 require_once("footer.php");
diff --git a/client_contacts.php b/client_contacts.php
index b0dea3280..f285208fb 100644
--- a/client_contacts.php
+++ b/client_contacts.php
@@ -111,14 +111,14 @@
                         if (empty($contact_phone)) {
                             $contact_phone_display = "";
                         } else {
-                            $contact_phone_display = "<div><i class='fas fa-fw fa-phone mr-2'></i>$contact_phone$contact_extension_display</div>";
+                            $contact_phone_display = "<div><i class='fas fa-fw fa-phone mr-2'></i><a href='tel:$contact_phone'>$contact_phone$contact_extension_display</a></div>";
                         }
 
                         $contact_mobile = formatPhoneNumber($row['contact_mobile']);
                         if (empty($contact_mobile)) {
                             $contact_mobile_display = "";
                         } else {
-                            $contact_mobile_display = "<div class='mt-2'><i class='fas fa-fw fa-mobile-alt mr-2'></i>$contact_mobile</div>";
+                            $contact_mobile_display = "<div class='mt-2'><i class='fas fa-fw fa-mobile-alt mr-2'></i><a href='tel:$contact_mobile'>$contact_mobile</a></div>";
                         }
                         $contact_email = nullable_htmlentities($row['contact_email']);
                         if (empty($contact_email)) {