add docblock for password

[roojs1] / Roo / bootstrap / DocumentViewer.js

diff --git a/Roo/bootstrap/DocumentViewer.js b/Roo/bootstrap/DocumentViewer.js
index 3e032a7..6186c4a 100644 (file)
--- a/Roo/bootstrap/DocumentViewer.js
+++ b/Roo/bootstrap/DocumentViewer.js
@@ -9,7 +9,6 @@
  * Bootstrap DocumentViewer class
  * @cfg {Boolean} showDownload (true|false) show download button (default true)
  * @cfg {Boolean} showTrash (true|false) show trash button (default true)
- * @cfg {Boolean} clickToDownload (true|false) click to download (default true)
  * 
  * @constructor
  * Create a new DocumentViewer
@@ -32,6 +31,12 @@ Roo.bootstrap.DocumentViewer = function(config){
          * @param {Roo.bootstrap.DocumentViewer} this
          */
         "click" : true,
+        /**
+         * @event download
+         * Fire after download button
+         * @param {Roo.bootstrap.DocumentViewer} this
+         */
+        "download" : true,
         /**
          * @event trash
          * Fire after trash button
@@ -48,8 +53,6 @@ Roo.extend(Roo.bootstrap.DocumentViewer, Roo.bootstrap.Component,  {
     
     showTrash : true,
     
-    clickToDownload : true,
-    
     getAutoCreate : function()
     {
         var cfg = {
@@ -81,22 +84,22 @@ Roo.extend(Roo.bootstrap.DocumentViewer, Roo.bootstrap.Component,  {
                         cn : [
                             {
                                 tag : 'div',
-                                cls : 'btn-group',
+                                cls : 'btn-group roo-document-viewer-download',
                                 cn : [
                                     {
                                         tag : 'button',
-                                        cls : 'btn btn-default roo-document-viewer-download',
+                                        cls : 'btn btn-default',
                                         html : '<i class="fa fa-download"></i>'
                                     }
                                 ]
                             },
                             {
                                 tag : 'div',
-                                cls : 'btn-group',
+                                cls : 'btn-group roo-document-viewer-trash',
                                 cn : [
                                     {
                                         tag : 'button',
-                                        cls : 'btn btn-default roo-document-viewer-trash',
+                                        cls : 'btn btn-default',
                                         html : '<i class="fa fa-trash"></i>'
                                     }
                                 ]
@@ -112,38 +115,47 @@ Roo.extend(Roo.bootstrap.DocumentViewer, Roo.bootstrap.Component,  {
     
     initEvents : function()
     {
-        
         this.bodyEl = this.el.select('.roo-document-viewer-body', true).first();
-        this.bodyEl.setVisibilityMode(Roo.Element.DISPLAY).originalDisplay = 'block';
+        this.bodyEl.setVisibilityMode(Roo.Element.DISPLAY);
         
         this.thumbEl = this.el.select('.roo-document-viewer-thumb', true).first();
-        this.thumbEl.setVisibilityMode(Roo.Element.DISPLAY).originalDisplay = 'block';
+        this.thumbEl.setVisibilityMode(Roo.Element.DISPLAY);
         
         this.imageEl = this.el.select('.roo-document-viewer-image', true).first();
-        this.imageEl.setVisibilityMode(Roo.Element.DISPLAY).originalDisplay = 'block';
+        this.imageEl.setVisibilityMode(Roo.Element.DISPLAY);
         
         this.footerEl = this.el.select('.roo-document-viewer-footer', true).first();
-        this.footerEl.setVisibilityMode(Roo.Element.DISPLAY).originalDisplay = 'block';
+        this.footerEl.setVisibilityMode(Roo.Element.DISPLAY);
         
         this.downloadBtn = this.el.select('.roo-document-viewer-download', true).first();
-        this.downloadBtn.setVisibilityMode(Roo.Element.DISPLAY).originalDisplay = 'block';
+        this.downloadBtn.setVisibilityMode(Roo.Element.DISPLAY);
         
         this.trashBtn = this.el.select('.roo-document-viewer-trash', true).first();
-        this.trashBtn.setVisibilityMode(Roo.Element.DISPLAY).originalDisplay = 'block';
+        this.trashBtn.setVisibilityMode(Roo.Element.DISPLAY);
         
         this.bodyEl.on('click', this.onClick, this);
-        
         this.downloadBtn.on('click', this.onDownload, this);
-        
         this.trashBtn.on('click', this.onTrash, this);
         
+        this.downloadBtn.hide();
+        this.trashBtn.hide();
+        
+        if(this.showDownload){
+            this.downloadBtn.show();
+        }
+        
+        if(this.showTrash){
+            this.trashBtn.show();
+        }
+        
+        if(!this.showDownload && !this.showTrash) {
+            this.footerEl.hide();
+        }
+        
     },
     
     initial : function()
     {
-//        this.thumbEl.setStyle('line-height', this.thumbEl.getHeight(true) + 'px');
-        
-        
         this.fireEvent('initial', this);
         
     },
@@ -155,6 +167,13 @@ Roo.extend(Roo.bootstrap.DocumentViewer, Roo.bootstrap.Component,  {
         this.fireEvent('click', this);
     },
     
+    onDownload : function(e)
+    {
+        e.preventDefault();
+        
+        this.fireEvent('download', this);
+    },
+    
     onTrash : function(e)
     {
         e.preventDefault();