From dd27ec6d3acef0b8db401489c2be0924135e58a4 Mon Sep 17 00:00:00 2001
From: Thomas Lamprecht <t.lamprecht@proxmox.com>
Date: Fri, 16 Oct 2020 14:47:10 +0200
Subject: [PATCH] ui: bootorder: show device type as icon for UX

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
---
 www/manager6/qemu/BootOrderEdit.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/www/manager6/qemu/BootOrderEdit.js b/www/manager6/qemu/BootOrderEdit.js
index 20c836d4..d82309fb 100644
--- a/www/manager6/qemu/BootOrderEdit.js
+++ b/www/manager6/qemu/BootOrderEdit.js
@@ -149,6 +149,24 @@ Ext.define('PVE.qemu.BootOrderPanel', {
 		    header: gettext('Device'),
 		    dataIndex: 'name',
 		    flex: 6,
+		    renderer: (value, metaData, record, rowIndex) => {
+			let desc = record.get('desc');
+
+			let icon = '', iconCls;
+			if (value.match(/^net\d+$/)) {
+			    iconCls = 'exchange';
+			} else if (desc.match(/media=cdrom/)) {
+			    metaData.tdCls = 'pve-itype-icon-cdrom';
+			} else {
+			    iconCls = 'hdd-o';
+			}
+			if (iconCls !== undefined) {
+			    metaData.tdCls += 'pve-itype-fa';
+			    icon = `<i class="pve-grid-fa fa fa-fw fa-${iconCls}"></i>`;
+			}
+
+			return icon + value;
+		    },
 		},
 		{
 		    header: gettext('Description'),