roojs-bootstrap.js

roojs-bootstrap-debug.js

diff --git a/roojs-bootstrap-debug.js b/roojs-bootstrap-debug.js
index 171f923..4e31493 100644 (file)
--- a/roojs-bootstrap-debug.js
+++ b/roojs-bootstrap-debug.js
@@ -31858,7 +31858,13 @@ Roo.bootstrap.DocumentSlider = function(config){
          * Fire after update
          * @param {Roo.bootstrap.DocumentSlider} this
          */
-        "update" : true
+        "update" : true,
+        /**
+         * @event click
+         * Fire after click
+         * @param {Roo.bootstrap.DocumentSlider} this
+         */
+        "click" : true
     });
 };
 
@@ -31949,6 +31955,8 @@ 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);
@@ -31967,8 +31975,6 @@ Roo.extend(Roo.bootstrap.DocumentSlider, Roo.bootstrap.Component,  {
     
     update : function()
     {
-        Roo.log(this.indicator);
-        
         this.imageEl.attr('src', this.files[this.indicator - 1]);
         
         this.titleEl.dom.innerHTML = String.format('{0} / {1}', this.indicator, this.files.length);
@@ -31990,15 +31996,26 @@ Roo.extend(Roo.bootstrap.DocumentSlider, Roo.bootstrap.Component,  {
         this.fireEvent('update', this);
     },
     
-    prev : function()
+    onClick : function(e)
     {
+        e.preventDefault();
+        
+        this.fireEvent('click', this);
+    },
+    
+    prev : function(e)
+    {
+        e.preventDefault();
+        
         this.indicator = Math.max(1, this.indicator - 1);
         
         this.update();
     },
     
-    next : function()
+    next : function(e)
     {
+        e.preventDefault();
+        
         this.indicator = Math.min(this.files.length, this.indicator + 1);
         
         this.update();

diff --git a/roojs-bootstrap.js b/roojs-bootstrap.js
index 47fe815..20f45ec 100644 (file)
--- a/roojs-bootstrap.js
+++ b/roojs-bootstrap.js
@@ -1329,15 +1329,15 @@ return false;}return true;},getValue:function(){return this.fixPrecision(this.pa
 if(!this.allowDecimals||this.decimalPrecision==-1||B||!A){return B?'':A;}return parseFloat(A).toFixed(this.decimalPrecision);},setValue:function(v){v=this.fixPrecision(v);Roo.bootstrap.NumberField.superclass.setValue.call(this,String(v).replace(".",this.decimalSeparator));
 },decimalPrecisionFcn:function(v){return Math.floor(v);},beforeBlur:function(){if(!this.castInt){return;}var v=this.parseValue(this.getRawValue());if(v){this.setValue(v);}}});
 // Roo/bootstrap/DocumentSlider.js
-Roo.bootstrap.DocumentSlider=function(A){Roo.bootstrap.DocumentSlider.superclass.constructor.call(this,A);this.files=[];this.addEvents({"initial":true,"update":true});};Roo.extend(Roo.bootstrap.DocumentSlider,Roo.bootstrap.Component,{files:false,indicator:0,getAutoCreate:function(){var A={tag:'div',cls:'roo-document-slider',cn:[{tag:'div',cls:'roo-document-slider-header',cn:[{tag:'div',cls:'roo-document-slider-header-title'}
+Roo.bootstrap.DocumentSlider=function(A){Roo.bootstrap.DocumentSlider.superclass.constructor.call(this,A);this.files=[];this.addEvents({"initial":true,"update":true,"click":true});};Roo.extend(Roo.bootstrap.DocumentSlider,Roo.bootstrap.Component,{files:false,indicator:0,getAutoCreate:function(){var A={tag:'div',cls:'roo-document-slider',cn:[{tag:'div',cls:'roo-document-slider-header',cn:[{tag:'div',cls:'roo-document-slider-header-title'}
 ]},{tag:'div',cls:'roo-document-slider-body',cn:[{tag:'div',cls:'roo-document-slider-prev',cn:[{tag:'i',cls:'fa fa-chevron-left'}]},{tag:'div',cls:'roo-document-slider-thumb',cn:[{tag:'img',cls:'roo-document-slider-image'}]},{tag:'div',cls:'roo-document-slider-next',cn:[{tag:'i',cls:'fa fa-chevron-right'}
 ]}]}]};return A;},initEvents:function(){this.headerEl=this.el.select('.roo-document-slider-header',true).first();this.headerEl.setVisibilityMode(Roo.Element.DISPLAY);this.titleEl=this.el.select('.roo-document-slider-header .roo-document-slider-header-title',true).first();
 this.titleEl.setVisibilityMode(Roo.Element.DISPLAY);this.bodyEl=this.el.select('.roo-document-slider-body',true).first();this.bodyEl.setVisibilityMode(Roo.Element.DISPLAY);this.thumbEl=this.el.select('.roo-document-slider-thumb',true).first();this.thumbEl.setVisibilityMode(Roo.Element.DISPLAY);
 this.imageEl=this.el.select('.roo-document-slider-image',true).first();this.imageEl.setVisibilityMode(Roo.Element.DISPLAY);this.prevIndicator=this.el.select('.roo-document-slider-prev i',true).first();this.prevIndicator.setVisibilityMode(Roo.Element.DISPLAY);
-this.nextIndicator=this.el.select('.roo-document-slider-next i',true).first();this.nextIndicator.setVisibilityMode(Roo.Element.DISPLAY);this.prevIndicator.on('click',this.prev,this);this.nextIndicator.on('click',this.next,this);},initial:function(){if(this.files.length){this.indicator=1;
-this.update()}this.fireEvent('initial',this);},update:function(){Roo.log(this.indicator);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);},prev:function(){this.indicator=Math.max(1,this.indicator-1);
-this.update();},next:function(){this.indicator=Math.min(this.files.length,this.indicator+1);this.update();}});
+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);
+},initial:function(){if(this.files.length){this.indicator=1;this.update()}this.fireEvent('initial',this);},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);},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();}});
 // Roo/bootstrap/SplitBar.js
 Roo.bootstrap.SplitBar=function(A){this.el=Roo.get(A.dragElement,true);this.el.dom.unselectable="on";this.resizingEl=Roo.get(A.resizingElement,true);this.orientation=A.orientation||Roo.bootstrap.SplitBar.HORIZONTAL;this.minSize=0;this.maxSize=2000;this.animate=false;
 this.useShim=false;this.shim=null;if(!A.existingProxy){this.proxy=Roo.bootstrap.SplitBar.createProxy(this.orientation);}else{this.proxy=Roo.get(A.existingProxy).dom;}this.dd=new Roo.dd.DDProxy(this.el.dom.id,"XSplitBars",{dragElId:this.proxy.id});this.dd.b4StartDrag=this.onStartProxyDrag.createDelegate(this);