1
0
mirror of https://github.com/wbbaddons/Tims-Chat.git synced 2024-11-01 14:20:07 +00:00
Tims-Chat/file/js/jCounter.jQuery.coffee
max-m 97fed09649 LESS, FUCK YEAH!
- Converted sass to less files
- Adapted LESS files to use WCF style variables and less functions
- Adapted chat.tpl and jCounter.jQuery.coffee to not include their css
  files (they are compiled by lessphp as of now)
2012-09-23 17:37:18 +02:00

58 lines
1.5 KiB
CoffeeScript

###
# jCounter - a simple character counter
#
# @author Maximilian Mader
# @copyright 2011 Maximilian Mader
# @license Creative Commons Attribution-NonCommercial-ShareAlike <http://creativecommons.org/licenses/by-nc-sa/3.0/legalcode>
# @package jQuery.jCounter
###
(($) ->
$.fn.jCounter = (container, options) ->
options = $.extend
max: 0
counterClass: 'jCounter'
countUp: false
width: '100%'
, options
if @.attr('maxlength')
max = @.attr('maxlength')
else max = options.max
if !container
if !@.hasClass('jCounterInput')
@.addClass('jCounterInput')
@.wrap('<div class="jCounterContainer" style="width: ' + options.width + '"><div></div></div>').parent().append('<div class="' + options.counterClass + ' color-1">' + max + '</div>');
jCounterContainer = $(@).parent().children('.' + options.counterClass)
else
if typeof container is 'object'
jCounterContainer = container
else
jCounterContainer = $ container
@.on 'keypress keyup', $.proxy () ->
if options.countUp
length = @.val().length
else
length = max - @.val().length
if options.countUp && max > 0
if length < max / 2
color = 1
else if length >= max / 2 and length <= max / 1.2
color = 2
else
color = 3
else if options.countUp
color = 1
else
if length > max / 2
color = 1
else if length <= max / 2 and length >= max / 6
color = 2
else
color = 3
jCounterContainer.text(length).attr('class', '').addClass(options.counterClass + ' color-'+color)
, @
)(jQuery)