From 64bef8206e2728b5a33ed237787f1e5955270c63 Mon Sep 17 00:00:00 2001
From: Thomas Lamprecht <t.lamprecht@proxmox.com>
Date: Thu, 31 Mar 2022 16:52:14 +0200
Subject: [PATCH] ui: qemu: switch memory icon to SVG

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
---
 www/css/ext6-pve.css              |  6 ++++++
 www/images/Makefile               |  1 +
 www/images/icon-memory.svg        | 29 +++++++++++++++++++++++++++++
 www/manager6/qemu/HardwareView.js |  2 +-
 4 files changed, 37 insertions(+), 1 deletion(-)
 create mode 100644 www/images/icon-memory.svg

diff --git a/www/css/ext6-pve.css b/www/css/ext6-pve.css
index c4423ee5..a32818f3 100644
--- a/www/css/ext6-pve.css
+++ b/www/css/ext6-pve.css
@@ -302,6 +302,7 @@
 .pve-itype-icon-cloud,
 .pve-itype-icon-pci,
 .pve-itype-icon-cpu,
+.pve-itype-icon-memory,
 .pve-itype-icon-die {
     background-repeat: no-repeat;
     background-position:3px center;
@@ -425,6 +426,11 @@
 }
 
 
+.pve-itype-icon-memory {
+    background-size: 16px;
+    background-image:url(../images/icon-memory.svg);
+}
+
 .pve-icon {
     height: 16px;
     background-position: bottom;
diff --git a/www/images/Makefile b/www/images/Makefile
index 25c34764..fbc73b78 100644
--- a/www/images/Makefile
+++ b/www/images/Makefile
@@ -81,6 +81,7 @@ IMAGES = ${GNOME_IMAGES}	\
 	icon-sdn.svg		\
 	icon-fa-network-wired.svg\
 	icon-cpu.svg		\
+	icon-memory.svg		\
 
 
 icon-sdn.svg: icon-sdn.dot
diff --git a/www/images/icon-memory.svg b/www/images/icon-memory.svg
new file mode 100644
index 00000000..eb03916a
--- /dev/null
+++ b/www/images/icon-memory.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+    xmlns:svg="http://www.w3.org/2000/svg"
+    xmlns="http://www.w3.org/2000/svg"
+    width="100"
+    height="100"
+    version="1.1"
+>
+
+    <g fill="none" stroke="#000" stroke-width="7" shape-rendering="crispEdges">
+        <rect x="3.0" y="25" rx="0" ry="0" width="94" height="40"/> <!-- outer dimm PCB border -->
+
+        <g stroke-width="0"> <!-- dimm chips -->
+            <rect x="12.5" y="35" rx="0" ry="0" width="20" height="20" fill="black"/>
+            <rect x="40.0" y="35" rx="0" ry="0" width="20" height="20" fill="black"/>
+            <rect x="67.5" y="35" rx="0" ry="0" width="20" height="20" fill="black"/>
+        </g>
+
+        <g stroke-width="8"> <!-- pins -->
+            <path d="m10,67 v+10"/>
+            <path d="m26,67 v+10"/>
+            <path d="m42,67 v+10"/>
+            <path d="m58,67 v+10"/>
+            <path d="m74,67 v+10"/>
+            <path d="m90,67 v+10"/>
+        </g>
+    </g>
+</svg>
diff --git a/www/manager6/qemu/HardwareView.js b/www/manager6/qemu/HardwareView.js
index 2ce4e3d6..21e1776a 100644
--- a/www/manager6/qemu/HardwareView.js
+++ b/www/manager6/qemu/HardwareView.js
@@ -66,7 +66,7 @@ Ext.define('PVE.qemu.HardwareView', {
 		editor: caps.vms['VM.Config.Memory'] ? 'PVE.qemu.MemoryEdit' : undefined,
 		never_delete: true,
 		defaultValue: '512',
-		tdCls: 'pmx-itype-icon-memory',
+		tdCls: 'pve-itype-icon-memory',
 		group: 2,
 		multiKey: ['memory', 'balloon', 'shares'],
 		renderer: function(value, metaData, record, ri, ci, store, pending) {