Bastelstube/Tims-Chat
1
0
Fork 0
mirror of https://github.com/wbbaddons/Tims-Chat.git synced 2024-11-01 14:20:07 +00:00
Code Issues Releases Wiki Activity
c23e35aa24
Tims-Chat/file/js/jCounter.jQuery.coffee

58 lines
1.5 KiB
CoffeeScript
Raw Normal View History

Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
###
# 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
###
(($) ->
Fixed and changed counter a bit. Now a counter can be created like this: $('INPUT').jCounter(<null, options>); The element input element will be wrapped in two divs, the counterContainer div and a second div (display table and table-row ;) ). Then the counter will be appended to the new created parent of the Input (the second div). And it can be called like this: $('INPUT').jCounter(either an id, a class or an object ($('bla')) <, options>);
2011-12-20 15:06:48 +00:00
$.fn.jCounter = (container, options) ->
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
options = $.extend
Fixed and changed counter a bit. Now a counter can be created like this: $('INPUT').jCounter(<null, options>); The element input element will be wrapped in two divs, the counterContainer div and a second div (display table and table-row ;) ). Then the counter will be appended to the new created parent of the Input (the second div). And it can be called like this: $('INPUT').jCounter(either an id, a class or an object ($('bla')) <, options>);
2011-12-20 15:06:48 +00:00
max: 0
Seperated counter from chat.
2012-03-11 14:07:28 +00:00
counterClass: 'jCounter'
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
countUp: false
Seperated counter from chat.
2012-03-11 14:07:28 +00:00
width: '100%'
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
, options
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 15:37:18 +00:00
if @.attr('maxlength')
max = @.attr('maxlength')
Fixed and changed counter a bit. Now a counter can be created like this: $('INPUT').jCounter(<null, options>); The element input element will be wrapped in two divs, the counterContainer div and a second div (display table and table-row ;) ). Then the counter will be appended to the new created parent of the Input (the second div). And it can be called like this: $('INPUT').jCounter(either an id, a class or an object ($('bla')) <, options>);
2011-12-20 15:06:48 +00:00
else max = options.max
Seperated counter from chat.
2012-03-11 14:07:28 +00:00
Fixed and changed counter a bit. Now a counter can be created like this: $('INPUT').jCounter(<null, options>); The element input element will be wrapped in two divs, the counterContainer div and a second div (display table and table-row ;) ). Then the counter will be appended to the new created parent of the Input (the second div). And it can be called like this: $('INPUT').jCounter(either an id, a class or an object ($('bla')) <, options>);
2011-12-20 15:06:48 +00:00
if !container
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 15:37:18 +00:00
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)
Fixed and changed counter a bit. Now a counter can be created like this: $('INPUT').jCounter(<null, options>); The element input element will be wrapped in two divs, the counterContainer div and a second div (display table and table-row ;) ). Then the counter will be appended to the new created parent of the Input (the second div). And it can be called like this: $('INPUT').jCounter(either an id, a class or an object ($('bla')) <, options>);
2011-12-20 15:06:48 +00:00
else
Converting raw-js to coffeescript
2011-12-27 10:51:43 +00:00
if typeof container is 'object'
Fixed and changed counter a bit. Now a counter can be created like this: $('INPUT').jCounter(<null, options>); The element input element will be wrapped in two divs, the counterContainer div and a second div (display table and table-row ;) ). Then the counter will be appended to the new created parent of the Input (the second div). And it can be called like this: $('INPUT').jCounter(either an id, a class or an object ($('bla')) <, options>);
2011-12-20 15:06:48 +00:00
jCounterContainer = container
else
jCounterContainer = $ container
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 15:37:18 +00:00
@.on 'keypress keyup', $.proxy () ->
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
if options.countUp
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 15:37:18 +00:00
length = @.val().length
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
else
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 15:37:18 +00:00
length = max - @.val().length
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
Seperated counter from chat.
2012-03-11 14:07:28 +00:00
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
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
color = 1
else
Fixed and changed counter a bit. Now a counter can be created like this: $('INPUT').jCounter(<null, options>); The element input element will be wrapped in two divs, the counterContainer div and a second div (display table and table-row ;) ). Then the counter will be appended to the new created parent of the Input (the second div). And it can be called like this: $('INPUT').jCounter(either an id, a class or an object ($('bla')) <, options>);
2011-12-20 15:06:48 +00:00
if length > max / 2
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
color = 1
Fixed and changed counter a bit. Now a counter can be created like this: $('INPUT').jCounter(<null, options>); The element input element will be wrapped in two divs, the counterContainer div and a second div (display table and table-row ;) ). Then the counter will be appended to the new created parent of the Input (the second div). And it can be called like this: $('INPUT').jCounter(either an id, a class or an object ($('bla')) <, options>);
2011-12-20 15:06:48 +00:00
else if length <= max / 2 and length >= max / 6
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
color = 2
else
color = 3
jCounterContainer.text(length).attr('class', '').addClass(options.counterClass + ' color-'+color)
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 15:37:18 +00:00
, @
Porting counter to coffeescript
2011-12-19 16:36:05 +00:00
)(jQuery)
Reference in New Issue Copy Permalink