[pve-devel] [PATCH V2 pve-manager 3/3] add sdn icons

Alexandre Derumier aderumier at odiso.com
Wed Mar 11 03:05:39 CET 2020


Signed-off-by: Alexandre Derumier <aderumier at odiso.com>
---
 www/css/ext6-pve.css               | 44 ++++++++++++++++++++++++++++++
 www/images/Makefile                |  6 +++-
 www/images/icon-sdn-controller.svg |  1 +
 www/images/icon-sdn-vnet.svg       |  1 +
 www/images/icon-sdn-zone.svg       |  1 +
 www/images/icon-sdn.svg            | 11 ++++++++
 www/manager6/dc/Config.js          |  8 +++---
 www/manager6/tree/ResourceTree.js  |  2 +-
 8 files changed, 68 insertions(+), 6 deletions(-)
 create mode 100644 www/images/icon-sdn-controller.svg
 create mode 100644 www/images/icon-sdn-vnet.svg
 create mode 100644 www/images/icon-sdn-zone.svg
 create mode 100644 www/images/icon-sdn.svg

diff --git a/www/css/ext6-pve.css b/www/css/ext6-pve.css
index 1a051d0e..c9b3b7b1 100644
--- a/www/css/ext6-pve.css
+++ b/www/css/ext6-pve.css
@@ -505,6 +505,50 @@ div.right-aligned {
     content: ' ';
 }
 
+.fa-sdn:before {
+    width: 14px;
+    height: 14px;
+    position: absolute;
+    left: 1px;
+    top: 4px;
+    background-image:url(../images/icon-sdn.svg);
+    background-size: 14px 14px;
+    content: ' ';
+}
+
+.fa-sdn-zone:before {
+    width: 14px;
+    height: 14px;
+    position: absolute;
+    left: 1px;
+    top: 4px;
+    background-image:url(../images/icon-sdn-zone.svg);
+    background-size: 14px 14px;
+    content: ' ';
+}
+
+.fa-sdn-controller:before {
+    width: 14px;
+    height: 14px;
+    position: absolute;
+    left: 1px;
+    top: 4px;
+    background-image:url(../images/icon-sdn-controller.svg);
+    background-size: 14px 14px;
+    content: ' ';
+}
+
+.fa-sdn-vnet:before {
+    width: 14px;
+    height: 14px;
+    position: absolute;
+    left: 1px;
+    top: 4px;
+    background-image:url(../images/icon-sdn-vnet.svg);
+    background-size: 14px 14px;
+    content: ' ';
+}
+
 .x-treelist-row-over > * > .x-treelist-item-icon,
 .x-treelist-row-over > * > .x-treelist-item-text{
     color: #000;
diff --git a/www/images/Makefile b/www/images/Makefile
index d78a0cca..165b8d78 100644
--- a/www/images/Makefile
+++ b/www/images/Makefile
@@ -79,7 +79,11 @@ IMAGES = ${GNOME_IMAGES}	\
 	icon-cloud.svg		\
 	icon-pci.png		\
 	icon-usb.png 		\
-	icon-die.svg
+	icon-die.svg		\
+	icon-sdn.svg		\
+	icon-sdn-controller.svg \
+	icon-sdn-vnet.svg	\
+	icon-sdn-zone.svg	\
 
 .PHONY: install 
 install: ${IMAGES}
diff --git a/www/images/icon-sdn-controller.svg b/www/images/icon-sdn-controller.svg
new file mode 100644
index 00000000..c66d5d43
--- /dev/null
+++ b/www/images/icon-sdn-controller.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2M12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20M13 13V16H15L12 19L9 16H11V13M5 13H8V15L11 12L8 9V11H5M11 11V8H9L12 5L15 8H13V11M19 11H16V9L13 12L16 15V13H19" /></svg>
\ No newline at end of file
diff --git a/www/images/icon-sdn-vnet.svg b/www/images/icon-sdn-vnet.svg
new file mode 100644
index 00000000..fa04e57c
--- /dev/null
+++ b/www/images/icon-sdn-vnet.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M10,2C8.89,2 8,2.89 8,4V7C8,8.11 8.89,9 10,9H11V11H2V13H6V15H5C3.89,15 3,15.89 3,17V20C3,21.11 3.89,22 5,22H9C10.11,22 11,21.11 11,20V17C11,15.89 10.11,15 9,15H8V13H16V15H15C13.89,15 13,15.89 13,17V20C13,21.11 13.89,22 15,22H19C20.11,22 21,21.11 21,20V17C21,15.89 20.11,15 19,15H18V13H22V11H13V9H14C15.11,9 16,8.11 16,7V4C16,2.89 15.11,2 14,2H10M10,4H14V7H10V4M5,17H9V20H5V17M15,17H19V20H15V17Z" /></svg>
\ No newline at end of file
diff --git a/www/images/icon-sdn-zone.svg b/www/images/icon-sdn-zone.svg
new file mode 100644
index 00000000..753c3f38
--- /dev/null
+++ b/www/images/icon-sdn-zone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 2c.552 0 1 .449 1 1s-.448 1-1 1-1-.449-1-1 .448-1 1-1zm15 9c.552 0 1 .448 1 1s-.448 1-1 1-1-.449-1-1c0-.552.448-1 1-1zm-15 9c.552 0 1 .449 1 1s-.448 1-1 1-1-.449-1-1 .448-1 1-1zm0-20c-1.656 0-3 1.343-3 3s1.344 3 3 3 3-1.343 3-3-1.344-3-3-3zm15 9c-1.656 0-3 1.343-3 3s1.344 3 3 3 3-1.343 3-3-1.344-3-3-3zm-15 9c-1.657 0-3 1.343-3 3s1.343 3 3 3c1.656 0 3-1.343 3-3s-1.344-3-3-3zm4.588-16.979l.412-.021c4.281 0 7.981 2.45 9.8 6.021-.717.029-1.39.21-1.998.511-1.555-2.703-4.466-4.532-7.802-4.532 0-.703-.149-1.372-.412-1.979zm10.212 15.958c-1.819 3.571-5.519 6.021-9.8 6.021l-.412-.021c.263-.607.412-1.276.412-1.979 3.336 0 6.247-1.829 7.802-4.532.608.302 1.281.483 1.998.511zm-18.91 1.186c-1.193-1.759-1.89-3.88-1.89-6.165s.697-4.406 1.89-6.165c.392.566.901 1.039 1.487 1.403-.867 1.383-1.377 3.012-1.377 4.762s.51 3.379 1.377 4.762c-.586.364-1.096.837-1.487 1.403z"/></svg>
\ No newline at end of file
diff --git a/www/images/icon-sdn.svg b/www/images/icon-sdn.svg
new file mode 100644
index 00000000..f9204a71
--- /dev/null
+++ b/www/images/icon-sdn.svg
@@ -0,0 +1,11 @@
+<?xml version='1.0' encoding='iso-8859-1'?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 470 470" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 470 470">
+  <g>
+    <path d="m202.5,405.883v-120.208c0-4.143-3.357-7.5-7.5-7.5h-50c-4.143,0-7.5,3.357-7.5,7.5s3.357,7.5 7.5,7.5h42.5v112.708c-14.315,3.396-25,16.278-25,31.617 0,17.921 14.579,32.5 32.5,32.5s32.5-14.579 32.5-32.5c0-15.339-10.685-28.221-25-31.617zm-7.5,49.117c-9.649,0-17.5-7.851-17.5-17.5s7.851-17.5 17.5-17.5 17.5,7.851 17.5,17.5-7.851,17.5-17.5,17.5z"/>
+    <path d="m282.5,405.883v-120.208c0-4.143-3.357-7.5-7.5-7.5h-49.999c-4.143,0-7.5,3.357-7.5,7.5s3.357,7.5 7.5,7.5h42.499v112.708c-14.315,3.396-25,16.278-25,31.617 0,17.921 14.579,32.5 32.5,32.5s32.5-14.579 32.5-32.5c0-15.339-10.685-28.221-25-31.617zm-7.5,49.117c-9.649,0-17.5-7.851-17.5-17.5s7.851-17.5 17.5-17.5 17.5,7.851 17.5,17.5-7.851,17.5-17.5,17.5z"/>
+    <path d="m410,355c-15.339,0-28.221,10.685-31.617,25h-15.883v-94.325c0-4.143-3.357-7.5-7.5-7.5h-50c-4.143,0-7.5,3.357-7.5,7.5s3.357,7.5 7.5,7.5h42.5v94.325c0,4.143 3.357,7.5 7.5,7.5h23.383c3.396,14.315 16.278,25 31.617,25 17.921,0 32.5-14.579 32.5-32.5s-14.579-32.5-32.5-32.5zm0,50c-9.649,0-17.5-7.851-17.5-17.5s7.851-17.5 17.5-17.5 17.5,7.851 17.5,17.5-7.851,17.5-17.5,17.5z"/>
+    <path d="M452.141,161.557c-10.108-12.55-23.837-21.848-39.113-26.592c-1.72-35.503-16.45-68.628-41.84-93.806   C344.422,14.617,308.922,0,271.226,0c-49.501,0-95.306,25.812-121.066,67.787c-6.264-1.975-12.775-2.972-19.434-2.972   c-30.637,0-56.983,21.626-63.336,51.105C28.044,126.127,0,161.988,0,203.101c0,49.667,40.406,90.074,90.073,90.074H107.5V380   H91.617C88.221,365.685,75.339,355,60,355c-17.921,0-32.5,14.579-32.5,32.5S42.079,420,60,420c15.339,0,28.221-10.685,31.617-25   H115c4.143,0,7.5-3.357,7.5-7.5V285.675c0-4.143-3.357-7.5-7.5-7.5H90.073C48.678,278.175,15,244.497,15,203.101   c0-35.723,25.395-66.688,60.383-73.627c3.155-0.625,5.561-3.193,5.978-6.383c3.229-24.671,24.451-43.275,49.365-43.275   c6.854,0,13.501,1.373,19.756,4.08c3.546,1.535,7.675,0.125,9.543-3.254C182.409,40.152,225.019,15,271.226,15   c69.384,0,126.34,56.438,126.966,125.812c0.031,3.466,2.433,6.458,5.809,7.239c30.028,6.949,51,33.351,51,64.203   c0,36.349-29.571,65.921-65.92,65.921H385c-4.143,0-7.5,3.357-7.5,7.5s3.357,7.5,7.5,7.5h4.08c44.619,0,80.92-36.301,80.92-80.921   C470,193.859,463.657,175.854,452.141,161.557z M60,405c-9.649,0-17.5-7.851-17.5-17.5S50.351,370,60,370s17.5,7.851,17.5,17.5   S69.649,405,60,405z"/>
+    <path d="m365.692,148.605h0.069c4.142-0.038 7.469-3.426 7.432-7.568-0.112-12.354-2.444-24.443-6.931-35.931-1.508-3.858-5.856-5.765-9.715-4.258s-5.765,5.856-4.258,9.715c3.822,9.784 5.808,20.083 5.903,30.61 0.039,4.12 3.389,7.432 7.5,7.432z"/>
+    <path d="m338.278,86.756c1.483,1.796 3.626,2.724 5.786,2.724 1.683,0 3.375-0.563 4.772-1.718 3.193-2.638 3.644-7.365 1.006-10.559-19.53-23.643-48.185-37.203-78.615-37.203-4.143,0-7.5,3.357-7.5,7.5s3.357,7.5 7.5,7.5c25.94,0 50.379,11.574 67.051,31.756z"/>
+  </g>
+</svg>
diff --git a/www/manager6/dc/Config.js b/www/manager6/dc/Config.js
index 65ba3993..cafea055 100644
--- a/www/manager6/dc/Config.js
+++ b/www/manager6/dc/Config.js
@@ -61,7 +61,7 @@ Ext.define('PVE.dc.Config', {
 	    me.items.push({
 		xtype: 'pveSDNStatus',
 		title: gettext('SDN'),
-		iconCls: 'fa fa-unlock',
+		iconCls: 'fa fa-sdn',
 		itemId: 'sdn',
 		expandedOnInit: true
 	    });
@@ -70,7 +70,7 @@ Ext.define('PVE.dc.Config', {
 		xtype: 'pveSDNControllerView',
 		groups: ['sdn'],
 		title: gettext('Controllers'),
-		iconCls: 'fa fa-database',
+		iconCls: 'fa fa-sdn-controller',
 		itemId: 'sdncontroller'
 	    });
 
@@ -78,14 +78,14 @@ Ext.define('PVE.dc.Config', {
 		xtype: 'pveSDNZoneView',
 		groups: ['sdn'],
 		title: gettext('Zones'),
-		iconCls: 'fa fa-database',
+		iconCls: 'fa fa-sdn-zone',
 		itemId: 'sdnzone'
 	    });
 	    me.items.push({
 		xtype: 'pveSDNVnetView',
 		groups: ['sdn'],
 		title: gettext('Vnets'),
-		iconCls: 'fa fa-database',
+		iconCls: 'fa fa-sdn-vnet',
 		itemId: 'sdnvnet'
 	    });
 	}
diff --git a/www/manager6/tree/ResourceTree.js b/www/manager6/tree/ResourceTree.js
index 5adb864b..a76e385b 100644
--- a/www/manager6/tree/ResourceTree.js
+++ b/www/manager6/tree/ResourceTree.js
@@ -20,7 +20,7 @@ Ext.define('PVE.tree.ResourceTree', {
 		text: gettext('Storage')
 	    },
 	    sdn: {
-		iconCls: 'fa fa-database',
+		iconCls: 'fa fa-sdn-vnet',
 		text: gettext('Sdn')
 	    },
 	    qemu: {
-- 
2.20.1




More information about the pve-devel mailing list