From 2c63e8277f0ed96a11d25d8e663bd6e9cd34ea20 Mon Sep 17 00:00:00 2001
From: Chuck Scott <cscott@gaslightmedia.com>
Date: Wed, 18 May 2016 14:04:23 -0400
Subject: [PATCH] Added formatting to phone fields

---
 views/admin/contacts/edit.html | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/views/admin/contacts/edit.html b/views/admin/contacts/edit.html
index 545ee45..dca4984 100644
--- a/views/admin/contacts/edit.html
+++ b/views/admin/contacts/edit.html
@@ -386,35 +386,35 @@
                 <tr>
                     <th {if $contactInfo.fieldRequired.office_phone}class="glm-required"{/if}>Office Phone #:</th>
                     <td {if $contactInfo.fieldFail.office_phone}class="glm-form-bad-input"{/if}>
-                        <input type="text" name="office_phone" value="{$contactInfo.fieldData.office_phone}" class="glm-form-text-input-short" placeholder="ex: 123-456-7890 ext 123">
+                        <input type="text" name="office_phone" value="{$contactInfo.fieldData.office_phone}" class="glm-form-text-input-short glm-phone-input" placeholder="ex: 123-456-7890 ext 123">
                         {if $contactInfo.fieldFail.office_phone}<p>{$contactInfo.fieldFail.office_phone}</p>{/if}
                     </td>
                 </tr>
                 <tr>
                     <th {if $contactInfo.fieldRequired.home_phone}class="glm-required"{/if}>Home Phone #:</th>
                     <td {if $contactInfo.fieldFail.home_phone}class="glm-form-bad-input"{/if}>
-                        <input type="text" name="home_phone" value="{$contactInfo.fieldData.home_phone}" class="glm-form-text-input-short" placeholder="ex: 123-456-7890 ext 123">
+                        <input type="text" name="home_phone" value="{$contactInfo.fieldData.home_phone}" class="glm-form-text-input-short glm-phone-input" placeholder="ex: 123-456-7890 ext 123">
                         {if $contactInfo.fieldFail.home_phone}<p>{$contactInfo.fieldFail.home_phone}</p>{/if}
                     </td>
                 </tr>
                 <tr>
                     <th {if $contactInfo.fieldRequired.mobile_phone}class="glm-required"{/if}>Mobile Phone #:</th>
                     <td {if $contactInfo.fieldFail.mobile_phone}class="glm-form-bad-input"{/if}>
-                        <input type="text" name="mobile_phone" value="{$contactInfo.fieldData.mobile_phone}" class="glm-form-text-input-short" placeholder="ex: 123-456-7890 ext 123">
+                        <input type="text" name="mobile_phone" value="{$contactInfo.fieldData.mobile_phone}" class="glm-form-text-input-short glm-phone-input" placeholder="ex: 123-456-7890 ext 123">
                         {if $contactInfo.fieldFail.mobile_phone}<p>{$contactInfo.fieldFail.mobile_phone}</p>{/if}
                     </td>
                 </tr>
                 <tr>
                     <th {if $contactInfo.fieldRequired.alt_phone}class="glm-required"{/if}>Alternate Phone #:</th>
                     <td {if $contactInfo.fieldFail.alt_phone}class="glm-form-bad-input"{/if}>
-                        <input type="text" name="alt_phone" value="{$contactInfo.fieldData.alt_phone}" class="glm-form-text-input-short" placeholder="ex: 123-456-7890 ext 123">
+                        <input type="text" name="alt_phone" value="{$contactInfo.fieldData.alt_phone}" class="glm-form-text-input-short glm-phone-input" placeholder="ex: 123-456-7890 ext 123">
                         {if $contactInfo.fieldFail.alt_phone}<p>{$contactInfo.fieldFail.alt_phone}</p>{/if}
                     </td>
                 </tr>
                 <tr>
                     <th {if $contactInfo.fieldRequired.fax}class="glm-required"{/if}>FAX #:</th>
                     <td {if $contactInfo.fieldFail.fax}class="glm-form-bad-input"{/if}>
-                        <input type="text" name="fax" value="{$contactInfo.fieldData.fax}" class="glm-form-text-input-short" placeholder="ex: 123-456-7890 ext 123">
+                        <input type="text" name="fax" value="{$contactInfo.fieldData.fax}" class="glm-form-text-input-short glm-phone-input" placeholder="ex: 123-456-7890 ext 123">
                         {if $contactInfo.fieldFail.fax}<p>{$contactInfo.fieldFail.fax}</p>{/if}
                     </td>
                 </tr>
@@ -618,6 +618,10 @@
                 window.location.replace("{$thisUrl}?page={$thisPage}&glm_action=contacts&member={$memberID}&option=delete&contact={$contactID}");
             });
 
+            // Set masking for phone number fields - see http://digitalbush.com/projects/masked-input-plugin/
+            $.mask.definitions['e'] = "[A-Za-z0-9: ]";
+            $(".glm-phone-input").mask("999-999-9999? eeeeeeeeeee");
+                            
             // Flash certain elements for a short time after display      
             $(".glm-flash-updated").fadeOut(500).fadeIn(500).fadeOut(500).fadeIn(500).fadeOut(500).fadeIn(500).fadeOut(500).fadeIn(500).fadeOut(500).fadeIn(500).fadeOut(500);
 
-- 
2.17.1