add docblock for password

[roojs1] / Roo / bootstrap / DocumentSlider.js

diff --git a/Roo/bootstrap/DocumentSlider.js b/Roo/bootstrap/DocumentSlider.js
index 8596b2a..043ae0c 100644 (file)
--- a/Roo/bootstrap/DocumentSlider.js
+++ b/Roo/bootstrap/DocumentSlider.js
@@ -7,7 +7,6 @@
  * @class Roo.bootstrap.DocumentSlider
  * @extends Roo.bootstrap.Component
  * Bootstrap DocumentSlider class
- * @cfg {Number} total 
  * 
  * @constructor
  * Create a new DocumentViewer
@@ -23,9 +22,21 @@ Roo.bootstrap.DocumentSlider = function(config){
         /**
          * @event initial
          * Fire after initEvent
-         * @param {Roo.bootstrap.DocumentViewer} this
+         * @param {Roo.bootstrap.DocumentSlider} this
          */
-        "initial" : true
+        "initial" : true,
+        /**
+         * @event update
+         * Fire after update
+         * @param {Roo.bootstrap.DocumentSlider} this
+         */
+        "update" : true,
+        /**
+         * @event click
+         * Fire after click
+         * @param {Roo.bootstrap.DocumentSlider} this
+         */
+        "click" : true
     });
 };
 
@@ -33,7 +44,7 @@ Roo.extend(Roo.bootstrap.DocumentSlider, Roo.bootstrap.Component,  {
     
     files : false,
     
-    total : 0,
+    indicator : 0,
     
     getAutoCreate : function()
     {
@@ -116,7 +127,10 @@ Roo.extend(Roo.bootstrap.DocumentSlider, Roo.bootstrap.Component,  {
         this.nextIndicator = this.el.select('.roo-document-slider-next i', true).first();
         this.nextIndicator.setVisibilityMode(Roo.Element.DISPLAY);
         
+        this.thumbEl.on('click', this.onClick, this);
+        
         this.prevIndicator.on('click', this.prev, this);
+        
         this.nextIndicator.on('click', this.next, this);
         
     },
@@ -124,18 +138,58 @@ Roo.extend(Roo.bootstrap.DocumentSlider, Roo.bootstrap.Component,  {
     initial : function()
     {
         if(this.files.length){
-            
+            this.indicator = 1;
+            this.update()
         }
+        
         this.fireEvent('initial', this);
     },
     
-    prev : function()
+    update : function()
     {
+        this.imageEl.attr('src', this.files[this.indicator - 1]);
         
+        this.titleEl.dom.innerHTML = String.format('{0} / {1}', this.indicator, this.files.length);
+        
+        this.prevIndicator.show();
+        
+        if(this.indicator == 1){
+            this.prevIndicator.hide();
+        }
+        
+        this.nextIndicator.show();
+        
+        if(this.indicator == this.files.length){
+            this.nextIndicator.hide();
+        }
+        
+        this.thumbEl.scrollTo('top');
+        
+        this.fireEvent('update', this);
+    },
+    
+    onClick : function(e)
+    {
+        e.preventDefault();
+        
+        this.fireEvent('click', this);
     },
     
-    next : function()
+    prev : function(e)
     {
+        e.preventDefault();
+        
+        this.indicator = Math.max(1, this.indicator - 1);
+        
+        this.update();
+    },
+    
+    next : function(e)
+    {
+        e.preventDefault();
+        
+        this.indicator = Math.min(this.files.length, this.indicator + 1);
         
+        this.update();
     }
 });