From: Dominik Csapak <d.csapak@proxmox.com>
Date: Tue, 19 Feb 2019 11:33:02 +0000 (+0100)
Subject: mobileui: fix list height
X-Git-Url: https://git.proxmox.com/?a=commitdiff_plain;h=7a0d854095b7f5655cea97e5dd3817372374096d;p=pmg-gui.git

mobileui: fix list height

the items have different heights depending on theme and type
so use the correct ones

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
---

diff --git a/js/mobile/quarantineview.js b/js/mobile/quarantineview.js
index c2e7e94..7113214 100644
--- a/js/mobile/quarantineview.js
+++ b/js/mobile/quarantineview.js
@@ -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;