* 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
* @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
showTrash : true,
- clickToDownload : true,
-
getAutoCreate : function()
{
var cfg = {
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>'
}
]
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);
},
this.fireEvent('click', this);
},
+ onDownload : function(e)
+ {
+ e.preventDefault();
+
+ this.fireEvent('download', this);
+ },
+
onTrash : function(e)
{
e.preventDefault();