Roo/bootstrap/CardUploader.js

[roojs1] / Roo / bootstrap / CardUploader.js

diff --git a/Roo/bootstrap/CardUploader.js b/Roo/bootstrap/CardUploader.js
index eb26195..0978a3b 100644 (file)
--- a/Roo/bootstrap/CardUploader.js
+++ b/Roo/bootstrap/CardUploader.js
@@ -40,7 +40,7 @@ Roo.extend(Roo.bootstrap.CardUploader, Roo.bootstrap.Button,  {
     getAutoCreate : function()
     {
         var btn = Roo.bootstrap.Button.prototype.getAutoCreate.call(this);
-        
+        btn.cls += ' w-100 mb-2';
         var cfg = {
             cls : 'roo-card-uploader-wrap',
             cn : [
@@ -145,7 +145,8 @@ Roo.extend(Roo.bootstrap.CardUploader, Roo.bootstrap.Button,  {
             is_uploaded : false,
             src : url,
             title : file.name,
-            mimetype : file.mimetype,
+            mimetype : file.type,
+            preview : false,
         })
         
     },
@@ -157,42 +158,65 @@ Roo.extend(Roo.bootstrap.CardUploader, Roo.bootstrap.Button,  {
         //then we need to use something other that and header_image
         
         //   remove.....
-        
-        var cn = this.addxtype(
+        var footer = [
             {
-                 
                 xns : Roo.bootstrap,
-                xtype : 'Card',
-                closeable : true,
-                header_image : data.src,
-                data : data,
-                
-                listeners : {
-                    click : function() {
-                        // view..
-                    }
-                },
-                items : [
+                xtype : 'CardFooter',
+                items: [
                     {
                         xns : Roo.bootstrap,
-                        xtype : 'CardFooter',
-                        items: [
+                        xtype : 'Element',
+                        cls : 'd-flex',
+                        items : [
+                            
                             {
                                 xns : Roo.bootstrap,
-                                xtype : 'Element',
-                                html : data.title
+                                xtype : 'Button',
+                                html : String.format("<small>{0}</small>", data.title),
+                                cls : 'col-11 text-left',
+                                size: 'sm',
+                                weight: 'link',
+                                fa : 'download',
+                                listeners : {
+                                    click : function() {
+                                        // download
+                                    }
+                                }
                             },
+                          
                             {
                                 xns : Roo.bootstrap,
                                 xtype : 'Button',
-                                html : 'Delete',
-                                fa : 'cross'
+                                
+                                size : 'sm',
+                                weight: 'danger',
+                                cls : 'col-1',
+                                fa : 'times'
                             }
-                            
-                        ],
+                        ]
                     }
                     
-                ]
+                ],
+            }
+            
+        ];
+
+        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,
+                data : data,
+                html : false,
+                listeners : {
+                    click : function() {
+                        // view..
+                    }
+                },
+                items : footer
                   
                 
             }