roojs-bootstrap.js

roojs-bootstrap-debug.js

diff --git a/roojs-bootstrap-debug.js b/roojs-bootstrap-debug.js
index c0be3af..0813956 100644 (file)
--- a/roojs-bootstrap-debug.js
+++ b/roojs-bootstrap-debug.js
@@ -12719,7 +12719,8 @@ Roo.extend(Roo.bootstrap.CardUploader, Roo.bootstrap.Input,  {
                                 fa : 'download',
                                 listeners : {
                                     click : function() {
-                                        this.downloadCard(data.id)
+                                     
+                                        t.fireEvent( "download", t, data );
                                     }
                                 }
                             },
@@ -12764,7 +12765,7 @@ Roo.extend(Roo.bootstrap.CardUploader, Roo.bootstrap.Input,  {
                     var card = this;
                     this.imgEl = this.el.select('.card-img-top').first();
                     if (this.imgEl) {
-                        this.imgEl.on('click', function() { t.fireEvent( "preview", t, card ); }, this);
+                        this.imgEl.on('click', function() { t.fireEvent( "preview", t, data ); }, this);
                         this.imgEl.set({ 'pointer' : 'cursor' });
                                   
                     }

diff --git a/roojs-bootstrap.js b/roojs-bootstrap.js
index 679e3d6..fa23930 100644 (file)
--- a/roojs-bootstrap.js
+++ b/roojs-bootstrap.js
@@ -526,9 +526,9 @@ this.addxtype({xns:Roo.bootstrap,xtype:'Button',container_method:'getButtonConta
 this.selectorEl=this.el.select('.roo-card-upload-selector',true).first();this.selectorEl.on('change',this.onFileSelected,this);if(this.images){var t=this;this.images.forEach(function(img){t.addCard(img)});this.images=false;}this.containerEl=this.el.select('.roo-card-uploader-container',true).first();
 },onClick:function(e){e.preventDefault();this.selectorEl.dom.click();},onFileSelected:function(e){e.preventDefault();if(typeof(this.selectorEl.dom.files)=='undefined'||!this.selectorEl.dom.files.length){return;}Roo.each(this.selectorEl.dom.files,function(file){this.addFile(file);
 },this);},addFile:function(file){if(typeof(file)==='string'){throw "Add file by name?";return;}if(!file||!this.urlAPI){return;}var _this=this;var url=_this.urlAPI.createObjectURL(file);this.addCard({id:Roo.bootstrap.CardUploader.ID--,is_uploaded:false,src:url,srcfile:file,title:file.name,mimetype:file.type,preview:false,is_deleted:0}
-);},addCard:function(data){var t=this;var footer=[{xns:Roo.bootstrap,xtype:'CardFooter',items:[{xns:Roo.bootstrap,xtype:'Element',cls:'d-flex',items:[{xns:Roo.bootstrap,xtype:'Button',html:String.format("<small>{0}</small>",data.title),cls:'col-10 text-left',size:'sm',weight:'link',fa:'download',listeners:{click:function(){this.downloadCard(data.id)}
-}},{xns:Roo.bootstrap,xtype:'Button',style:'max-height: 28px; ',size:'sm',weight:'danger',cls:'col-2',fa:'times',listeners:{click:function(){t.removeCard(data.id)}}}]}]}];var cn=this.addxtype({xns:Roo.bootstrap,xtype:'Card',closeable:true,header:!data.mimetype.match(/image/)&&!data.preview?"Document":false,header_image:data.mimetype.match(/image/)?data.src:data.preview,header_image_fit_square:true,data:data,html:false,items:footer,initEvents:function(){Roo.bootstrap.Card.prototype.initEvents.call(this);
-var card=this;this.imgEl=this.el.select('.card-img-top').first();if(this.imgEl){this.imgEl.on('click',function(){t.fireEvent("preview",t,card);},this);this.imgEl.set({'pointer':'cursor'});}this.getCardFooter().addClass('p-1');}});this.fileCollection.add(cn);
+);},addCard:function(data){var t=this;var footer=[{xns:Roo.bootstrap,xtype:'CardFooter',items:[{xns:Roo.bootstrap,xtype:'Element',cls:'d-flex',items:[{xns:Roo.bootstrap,xtype:'Button',html:String.format("<small>{0}</small>",data.title),cls:'col-10 text-left',size:'sm',weight:'link',fa:'download',listeners:{click:function(){t.fireEvent("download",t,data);
+}}},{xns:Roo.bootstrap,xtype:'Button',style:'max-height: 28px; ',size:'sm',weight:'danger',cls:'col-2',fa:'times',listeners:{click:function(){t.removeCard(data.id)}}}]}]}];var cn=this.addxtype({xns:Roo.bootstrap,xtype:'Card',closeable:true,header:!data.mimetype.match(/image/)&&!data.preview?"Document":false,header_image:data.mimetype.match(/image/)?data.src:data.preview,header_image_fit_square:true,data:data,html:false,items:footer,initEvents:function(){Roo.bootstrap.Card.prototype.initEvents.call(this);
+var card=this;this.imgEl=this.el.select('.card-img-top').first();if(this.imgEl){this.imgEl.on('click',function(){t.fireEvent("preview",t,data);},this);this.imgEl.set({'pointer':'cursor'});}this.getCardFooter().addClass('p-1');}});this.fileCollection.add(cn);
 if(!data.srcfile){this.updateInput();return;}var _t=this;var reader=new FileReader();reader.addEventListener("load",function(){data.srcdata=reader.result;_t.updateInput();});reader.readAsDataURL(data.srcfile);},removeCard:function(id){var card=this.fileCollection.get(id);
 card.data.is_deleted=1;card.data.src='';card.el.dom.parentNode.removeChild(card.el.dom);this.updateInput();},reset:function(){this.fileCollection.each(function(card){if(card.el.dom&&card.el.dom.parentNode){card.el.dom.parentNode.removeChild(card.el.dom);}
 });this.fileCollection.clear();this.updateInput();},updateInput:function(){var data=[];this.fileCollection.each(function(e){data.push(e.data);});this.inputEl().dom.value=JSON.stringify(data);}});Roo.bootstrap.CardUploader.ID=-1;