From df76ae8f0f9abedb288911faa48b3c4412b2a750 Mon Sep 17 00:00:00 2001
From: Chuck Scott <cscott@gaslightmedia.com>
Date: Thu, 2 Jun 2016 13:18:11 -0400
Subject: [PATCH] Added counters to some text fields, fixed some phone fields,
 other changes

---
 views/admin/events/edit.html       | 31 ++++++++++++++++++++++++++++++
 views/admin/events/editFiles.html  | 13 ++++++-------
 views/admin/events/editStatus.html |  4 ++--
 3 files changed, 39 insertions(+), 9 deletions(-)

diff --git a/views/admin/events/edit.html b/views/admin/events/edit.html
index f453774..7d9aeeb 100644
--- a/views/admin/events/edit.html
+++ b/views/admin/events/edit.html
@@ -246,7 +246,13 @@
                     });
 
                     fullCalendarLoaded = true;
+                    
                 }
+
+                // Count remaining characters in field
+                $('.glm-char-count').keyup( function() {
+                    glmCharsRemaining($(this));
+                });
                 
             });
 
@@ -1053,6 +1059,31 @@
                 }
             });
 
+            // Display number of characters remaining in limited field
+            function glmCharsRemaining(f) {
+                var maxChar = f.attr('maxlength');
+                var len = f.val().length;
+                var rem = maxChar - len;
+                var msgArea = f.attr('data-msgArea');
+                if (rem < 0) {
+                    rem = rem * -1;
+                    $('#' + msgArea).html('<span class="glm-error">There are ' + rem + ' more characters than permitted</span>');
+                } else {
+                    $('#' + msgArea).html('Characters remaining: ' + rem);
+                }
+            }
+
+            // Setup initial fields using limited character counts
+            $('.glm-char-count').each( function() {
+                glmCharsRemaining($(this));
+            });
+
+            // Count remaining characters in field
+            $('.glm-char-count').keyup( function() {
+                glmCharsRemaining($(this));
+            });
+            
+
             // 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");
diff --git a/views/admin/events/editFiles.html b/views/admin/events/editFiles.html
index c3c6393..376599b 100644
--- a/views/admin/events/editFiles.html
+++ b/views/admin/events/editFiles.html
@@ -2,7 +2,6 @@
 <!-- File Upload -->
 
     <table id="glm-table-files" class="glm-admin-table glm-event-table glm-hidden">
-        <tr><td style="width: 10%;">&nbsp;</td><td style="width: 90%;"><p>(maximum description length 250 characters)</p></td></tr>
         <tr>
             <th {if $event.fieldRequired.file1}class="glm-required"{/if}>File #1:</th>
             <td {if $event.fieldFail.file1}class="glm-form-bad-input"{/if}>
@@ -18,8 +17,8 @@
         <tr>
             <th {if $event.fieldRequired.file1_descr}class="glm-required"{/if}>&nbsp;&nbsp;&nbsp;Description:</th>
             <td {if $event.fieldFail.file1_descr}class="glm-form-bad-input" data-tabid="glm-event-files"{/if}>
-                <input type="text" name="file1_descr" class="glm-form-text-input" value="{$event.fieldData.file1_descr}" maxlength="165">
-                <br>Maximum 165 characters
+                <input type="text" name="file1_descr" class="glm-form-text-input glm-char-count" value="{$event.fieldData.file1_descr}" data-msgArea="file_descr_msg1" maxlength="165">
+                <br><span id="file_descr_msg1"></span>
                 {if $event.fieldFail.file1_descr}<p>{$event.fieldFail.file1_descr}</p>{/if}
             </td>
         </tr>
@@ -39,8 +38,8 @@
         <tr>
             <th {if $event.fieldRequired.file2_descr}class="glm-required"{/if}>&nbsp;&nbsp;&nbsp;Description:</th>
             <td {if $event.fieldFail.file2_descr}class="glm-form-bad-input" data-tabid="glm-event-files"{/if}>
-                <input type="text" name="file2_descr" class="glm-form-text-input" value="{$event.fieldData.file2_descr}" maxlength="165">
-                <br>Maximum 165 characters
+                <input type="text" name="file2_descr" class="glm-form-text-input glm-char-count" value="{$event.fieldData.file2_descr}" data-msgArea="file_descr_msg2" maxlength="165">
+                <br><span id="file_descr_msg2"></span>
                 {if $event.fieldFail.file2_descr}<p>{$event.fieldFail.file2_descr}</p>{/if}
             </td>
         </tr>
@@ -61,8 +60,8 @@
         <tr>
             <th {if $event.fieldRequired.file3_descr}class="glm-required"{/if}>&nbsp;&nbsp;&nbsp;Description:</th>
             <td {if $event.fieldFail.file3_descr}class="glm-form-bad-input" data-tabid="glm-event-files"{/if}>
-                <input type="text" name="file3_descr" class="glm-form-text-input" value="{$event.fieldData.file3_descr}" maxlength="165">
-                <br>Maximum 165 characters
+                <input type="text" name="file3_descr" class="glm-form-text-input glm-char-count" value="{$event.fieldData.file3_descr}" data-msgArea="file_descr_msg3" maxlength="165">
+                <br><span id="file_descr_msg3"></span>
                 {if $event.fieldFail.file3_descr}<p>{$event.fieldFail.file3_descr}</p>{/if}
             </td>
         </tr>
diff --git a/views/admin/events/editStatus.html b/views/admin/events/editStatus.html
index 5f81075..c767d2f 100644
--- a/views/admin/events/editStatus.html
+++ b/views/admin/events/editStatus.html
@@ -146,8 +146,8 @@
         <tr>
             <th {if $event.fieldRequired.intro}class="glm-required"{/if}>Intro Text:</th>
             <td {if $event.fieldFail.intro}class="glm-form-bad-input" data-tabid="glm-event-descr"{/if}>
-                <input type="text" name="intro" class="glm-form-text-input" value="{$event.fieldData.intro}" maxlength="165">
-                <br>Maximum 165 characters            
+                <input type="text" name="intro" class="glm-form-text-input glm-char-count" data-msgArea="intro-text-msg" value="{$event.fieldData.intro}" maxlength="165">
+                <br><span id="intro-text-msg"></span>        
                 {if $event.fieldFail.intro}<p>{$event.fieldFail.intro}</p>{/if}
             </td>
         </tr>
-- 
2.17.1