ux/FlipCounter.js

[roojs1] / ux / FlipCounter.js

diff --git a/ux/FlipCounter.js b/ux/FlipCounter.js
index f5cd8ce..472b3f1 100644 (file)
--- a/ux/FlipCounter.js
+++ b/ux/FlipCounter.js
@@ -2,7 +2,9 @@
 
 Roo.ux.FlipCounter = function(options)
 {
-    Roo.apply(this, options);
+    Roo.ux.FlipCounter.superclass.constructor.call(this, options);
+    
+    //Roo.apply(this, options);
     //this.el = $(element);
     //this.options = $.extend({}, defaults, options);
     this.addEvents({
@@ -46,7 +48,7 @@ Roo.extend(Roo.ux.FlipCounter, Roo.bootstrap.Component, {
         };
     },
         
-    init : function ()
+    initEvents : function ()
     { 
         var startNum = ""+ this.startnumber;
         
@@ -56,7 +58,8 @@ Roo.extend(Roo.ux.FlipCounter, Roo.bootstrap.Component, {
         }
     },
     
-    addDigit : function (num) {
+    addDigit : function (num)
+    {
         // Add separator after every 3rd digit
         if (this.digits.length % 3 == 0 && this.digits.length != 0)
         {
@@ -65,8 +68,8 @@ Roo.extend(Roo.ux.FlipCounter, Roo.bootstrap.Component, {
         
          
         
-        var li = this.el.select('li'.true).first();
-        var digit = new Roo.ux.FlipCounter.Digit(li, num);
+        
+        var digit = new Roo.ux.FlipCounter.Digit({ manager : this, currentNumber : num });
         digit.manager = this;
         this.digits.push(digit);
         digit.render(this.el);
@@ -145,12 +148,17 @@ Roo.extend(Roo.ux.FlipCounter, Roo.bootstrap.Component, {
 Roo.ux.FlipCounter.Digit = function(options)
 {
     //Roo.apply(this, options);
+    Roo.ux.FlipCounter.Digit.superclass.constructor.call(this, options);
+
+    
+    this.currentNumber = parseInt(this.currentNumber);
+    
     
-    this.currentNumber = this.parseInt(this.currentNumber);
 }
 
 Roo.extend(Roo.ux.FlipCounter.Digit, Roo.bootstrap.Component, {
 
+    manager : null, // the flipcounter... 
     currentNumber : 0,
     targetNum : 0,
     
@@ -174,7 +182,7 @@ Roo.extend(Roo.ux.FlipCounter.Digit, Roo.bootstrap.Component, {
                             {
                                 cls : 'flipper_top flipper_top2 flipper_top_back',
                                 cn : [
-                                    { tag: 'span', html: num },
+                                    { tag: 'span', html: this.currentNumber },
                                     { cls : 'rings' }
                                 ]
                         
@@ -182,7 +190,7 @@ Roo.extend(Roo.ux.FlipCounter.Digit, Roo.bootstrap.Component, {
                             {
                                 cls : 'flipper_top flipper_top_front',
                                 cn : [
-                                    { tag: 'span', html: num },
+                                    { tag: 'span', html: this.currentNumber },
                                     { cls : 'rings' }
                                 ]
                         
@@ -193,14 +201,14 @@ Roo.extend(Roo.ux.FlipCounter.Digit, Roo.bootstrap.Component, {
                             {
                                 cls : 'flipper_bottom flipper_bottom1 flipper_bottom_back',
                                 cn : [
-                                    { tag: 'span', html: num },
+                                    { tag: 'span', html: this.currentNumber },
                                     { cls : 'rings' }
                                 ]
                             },
                             {
                                 cls : 'flipper_bottom flipper_bottom_front',
                                 cn : [
-                                    { tag: 'span', html: num },
+                                    { tag: 'span', html: this.currentNumber },
                                     { cls : 'rings' }
                                 ]
                             },
@@ -223,9 +231,9 @@ Roo.extend(Roo.ux.FlipCounter.Digit, Roo.bootstrap.Component, {
         this.bottomNumBack = this.el.select('.flipper_bottom_back span',true);
         this.bottomNumFront = this.el.select('.flipper_bottom_front span',true);
         
-        this.targetNum = currentNumber;
-        this.currentNum = currentNumber;
-        this.nextNum = currentNumber;
+        this.targetNum = this.currentNumber;
+        this.currentNum = this.currentNumber;
+        this.nextNum = this.currentNumber;
         
         this.currentlyAnimating = false;
     },