2 files changed, 154 insertions, 0 deletions
diff --git a/app/notes/static/count.js b/app/notes/static/count.js
new file mode 100644
index 0000000..d75d870
--- /dev/null
+++ b/app/notes/static/count.js
@@ -0,0 +1,17 @@
+var jQuery = django.jQuery; 
+var $ = jQuery;
+$(document).ready(function () {
+    $('#id_body_markdown').after('<span style="display: inline-block; margin-left: 2em;"><span id="counter">400</span> chars used </span>');
+
+$('#id_body_markdown').simplyCountable({
+    counter:            '#counter',
+    countType:          'characters',
+    maxCount:           400,
+    strictMax:          false,
+    countDirection:     'up',
+    safeClass:          'safe',
+});
+
+
+});
+
diff --git a/app/notes/static/jquery.simplyCountable.js b/app/notes/static/jquery.simplyCountable.js
new file mode 100644
index 0000000..a911466
--- /dev/null
+++ b/app/notes/static/jquery.simplyCountable.js
@@ -0,0 +1,137 @@
+/*
+* jQuery Simply Countable plugin
+* Provides a character counter for any text input or textarea
+* 
+* @version  0.4.2
+* @homepage http://github.com/aaronrussell/jquery-simply-countable/
+* @author   Aaron Russell (http://www.aaronrussell.co.uk)
+*
+* Copyright (c) 2009-2010 Aaron Russell (aaron@gc4.co.uk)
+* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+*/
+var jQuery = django.jQuery, $ = jQuery;
+(function($){
+
+  $.fn.simplyCountable = function(options){
+    
+    options = $.extend({
+      counter:            '#counter',
+      countType:          'characters',
+      maxCount:           140,
+      strictMax:          false,
+      countDirection:     'down',
+      safeClass:          'safe',
+      overClass:          'over',
+      thousandSeparator:  ',',
+      onOverCount:        function(){},
+      onSafeCount:        function(){},
+      onMaxCount:         function(){}
+    }, options);
+
+    var navKeys = [33,34,35,36,37,38,39,40];
+
+    return $(this).each(function(){
+
+      var countable = $(this);
+      var counter = $(options.counter);
+      if (!counter.length) { return false; }
+      
+      var countCheck = function(){
+             
+        var count;
+        var revCount;
+        
+        var reverseCount = function(ct){
+          return ct - (ct*2) + options.maxCount;
+        }
+        
+        var countInt = function(){
+          return (options.countDirection === 'up') ? revCount : count;
+        }
+        
+        var numberFormat = function(ct){
+          var prefix = '';
+          if (options.thousandSeparator){
+            ct = ct.toString();          
+            // Handle large negative numbers
+            if (ct.match(/^-/)) { 
+              ct = ct.substr(1);
+              prefix = '-';
+            }
+            for (var i = ct.length-3; i > 0; i -= 3){
+              ct = ct.substr(0,i) + options.thousandSeparator + ct.substr(i);
+            }
+          }
+          return prefix + ct;
+        }
+
+        var changeCountableValue = function(val){
+          countable.val(val).trigger('change');
+        }
+        
+        /* Calculates count for either words or characters */
+        if (options.countType === 'words'){
+          count = options.maxCount - $.trim(countable.val()).split(/\s+/).length;
+          if (countable.val() === ''){ count += 1; }
+        }
+        else { count = options.maxCount - countable.val().length; }
+        revCount = reverseCount(count);
+        
+        /* If strictMax set restrict further characters */
+        if (options.strictMax && count <= 0){
+          var content = countable.val();
+          if (count < 0) {
+            options.onMaxCount(countInt(), countable, counter);
+          }
+          if (options.countType === 'words'){
+            var allowedText = content.match( new RegExp('\\s?(\\S+\\s+){'+ options.maxCount +'}') );
+            if (allowedText) {
+              changeCountableValue(allowedText[0]);
+            }
+          }
+          else { changeCountableValue(content.substring(0, options.maxCount)); }
+          count = 0, revCount = options.maxCount;
+        }
+        
+        counter.text(numberFormat(countInt()));
+        
+        /* Set CSS class rules and API callbacks */
+        if (!counter.hasClass(options.safeClass) && !counter.hasClass(options.overClass)){
+          if (count < 0){ counter.addClass(options.overClass); }
+          else { counter.addClass(options.safeClass); }
+        }
+        else if (count < 0 && counter.hasClass(options.safeClass)){
+          counter.removeClass(options.safeClass).addClass(options.overClass);
+          options.onOverCount(countInt(), countable, counter);
+        }
+        else if (count >= 0 && counter.hasClass(options.overClass)){
+          counter.removeClass(options.overClass).addClass(options.safeClass);
+          options.onSafeCount(countInt(), countable, counter);
+        }
+        
+      };
+      
+      countCheck();
+
+      countable.on('keyup blur paste', function(e) {
+        switch(e.type) {
+          case 'keyup':
+            // Skip navigational key presses
+            if ($.inArray(e.which, navKeys) < 0) { countCheck(); }
+            break;
+          case 'paste':
+            // Wait a few miliseconds if a paste event
+            setTimeout(countCheck, (e.type === 'paste' ? 5 : 0));
+            break;
+          default:
+            countCheck();
+            break;
+        }
+      });
+
+    });
+    
+  };
+
+})(jQuery);