]> git.proxmox.com Git - pmg-gui.git/commitdiff
mobileui: fix list height
authorDominik Csapak <d.csapak@proxmox.com>
Tue, 19 Feb 2019 11:33:02 +0000 (12:33 +0100)
committerDietmar Maurer <dietmar@proxmox.com>
Wed, 20 Feb 2019 08:20:11 +0000 (09:20 +0100)
the items have different heights depending on theme and type
so use the correct ones

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
js/mobile/quarantineview.js

index c2e7e9460d76c2871a1b8f5f0956a660c7581995..7113214223e0a3184df05f15b00f7ad4227c7cb3 100644 (file)
@@ -135,6 +135,9 @@ class QuarantineView extends Component {
                renderItem: function(item) {
                    return me._renderItem(item);
                },
+               height: function(item) {
+                   return me._calculateHeight(item);
+               },
                emptyTemplate: '<div class="empty">No data in database</div>'
            });
 
@@ -252,6 +255,32 @@ class QuarantineView extends Component {
        }
        return false;
     }
+    _calculateHeight(item) {
+       var me = this;
+
+       let height = 48; // default
+
+       if (typeof item === 'object') {
+           let type = app.theme + '-' + (item.divider? "divider" : 'item');
+           switch (type) {
+               case 'md-divider':
+                   height = 48;
+                   break;
+               case 'md-item':
+                   height = 54;
+                   break;
+               case 'ios-divider':
+                   height = 31;
+                   break;
+               case 'ios-item':
+                   height = 53;
+                   break;
+               default: ;
+           }
+       }
+
+       return height;
+    }
     _renderItem(item) {
        var me = this;