add sdn icons

Signed-off-by: Alexandre Derumier <aderumier@odiso.com>
Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>

diff --git a/www/css/ext6-pve.css b/www/css/ext6-pve.css
index 1a051d0e217bd33e3581b6c24e80b83929ebb2ce..4294f659f14693b49d355cac98efb05b7400f797 100644 (file)
--- a/www/css/ext6-pve.css
+++ b/www/css/ext6-pve.css
@@ -505,6 +505,28 @@ 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-network-wired:before {
+    width: 14px;
+    height: 14px;
+    position: absolute;
+    left: 1px;
+    top: 4px;
+    background-image:url(../images/icon-fa-network-wired.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 d78a0cca192901016d9e241ed6938245624c2762..7e58901cb01fe01b2ab6423671c1f4378527be5a 100644 (file)
--- a/www/images/Makefile
+++ b/www/images/Makefile
@@ -79,7 +79,13 @@ IMAGES = ${GNOME_IMAGES}     \
        icon-cloud.svg          \
        icon-pci.png            \
        icon-usb.png            \
-       icon-die.svg
+       icon-die.svg            \
+       icon-sdn.svg            \
+       icon-fa-network-wired.svg\
+
+
+icon-sdn.svg: icon-sdn.dot
+       fdp -Tsvg $< > $@
 
 .PHONY: install 
 install: ${IMAGES}

diff --git a/www/images/icon-fa-network-wired.svg b/www/images/icon-fa-network-wired.svg
new file mode 100644 (file)
index 0000000..9d8becf
--- /dev/null
+++ b/www/images/icon-fa-network-wired.svg
@@ -0,0 +1,6 @@
+<!-- from open parts of font-awesome 5
+https://github.com/FortAwesome/Font-Awesome/blob/ce084cb3463f15fd6b001eb70622d00a0e43c56c/svgs/solid/network-wired.svg
+-->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
+    <path d="M640 264v-16c0-8.84-7.16-16-16-16H344v-40h72c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32H224c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h72v40H16c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h104v40H64c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h160c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32h-56v-40h304v40h-56c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h160c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32h-56v-40h104c8.84 0 16-7.16 16-16zM256 128V64h128v64H256zm-64 320H96v-64h96v64zm352 0h-96v-64h96v64z"/>
+</svg>

diff --git a/www/images/icon-sdn.dot b/www/images/icon-sdn.dot
new file mode 100644 (file)
index 0000000..96e2cf3
--- /dev/null
+++ b/www/images/icon-sdn.dot
@@ -0,0 +1,9 @@
+ graph sdn {
+     bgcolor="transparent";
+     node[label="",shape=circle,fillcolor=black,style=filled];
+     edge[penwidth=6];
+     a -- b -- d;
+     a -- c -- d;
+     a -- d;
+     a -- e;
+ }

diff --git a/www/images/icon-sdn.svg b/www/images/icon-sdn.svg
new file mode 100644 (file)
index 0000000..6db1749
--- /dev/null
+++ b/www/images/icon-sdn.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by graphviz version 2.40.1 (20161225.0304)
+ -->
+<!-- Title: sdn Pages: 1 -->
+<svg width="142pt" height="140pt"
+ viewBox="0.00 0.00 142.00 140.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 136)">
+<title>sdn</title>
+<!-- a -->
+<g id="node1" class="node">
+<title>a</title>
+<ellipse fill="#000000" stroke="#000000" cx="64.9158" cy="-69.1316" rx="18" ry="18"/>
+</g>
+<!-- b -->
+<g id="node2" class="node">
+<title>b</title>
+<ellipse fill="#000000" stroke="#000000" cx="116.0453" cy="-37.947" rx="18" ry="18"/>
+</g>
+<!-- a&#45;&#45;b -->
+<g id="edge1" class="edge">
+<title>a&#45;&#45;b</title>
+<path fill="none" stroke="#000000" stroke-width="6" d="M80.5342,-59.6057C86.8776,-55.7368 94.189,-51.2775 100.5226,-47.4145"/>
+</g>
+<!-- d -->
+<g id="node3" class="node">
+<title>d</title>
+<ellipse fill="#000000" stroke="#000000" cx="65.7782" cy="-17.6758" rx="18" ry="18"/>
+</g>
+<!-- a&#45;&#45;d -->
+<g id="edge5" class="edge">
+<title>a&#45;&#45;d</title>
+<path fill="none" stroke="#000000" stroke-width="6" d="M65.2223,-50.8453C65.3036,-45.9924 65.3914,-40.753 65.4727,-35.9032"/>
+</g>
+<!-- c -->
+<g id="node4" class="node">
+<title>c</title>
+<ellipse fill="#000000" stroke="#000000" cx="17.954" cy="-50.8477" rx="18" ry="18"/>
+</g>
+<!-- a&#45;&#45;c -->
+<g id="edge3" class="edge">
+<title>a&#45;&#45;c</title>
+<path fill="none" stroke="#000000" stroke-width="6" d="M47.9615,-62.5307C43.7579,-60.8941 39.2511,-59.1394 35.0411,-57.5003"/>
+</g>
+<!-- e -->
+<g id="node5" class="node">
+<title>e</title>
+<ellipse fill="#000000" stroke="#000000" cx="101.4409" cy="-114.0579" rx="18" ry="18"/>
+</g>
+<!-- a&#45;&#45;e -->
+<g id="edge6" class="edge">
+<title>a&#45;&#45;e</title>
+<path fill="none" stroke="#000000" stroke-width="6" d="M76.4726,-83.3466C80.8198,-88.6936 85.7556,-94.7648 90.0844,-100.0892"/>
+</g>
+<!-- b&#45;&#45;d -->
+<g id="edge2" class="edge">
+<title>b&#45;&#45;d</title>
+<path fill="none" stroke="#000000" stroke-width="6" d="M99.3071,-31.197C93.9378,-29.0318 87.991,-26.6336 82.6147,-24.4655"/>
+</g>
+<!-- c&#45;&#45;d -->
+<g id="edge4" class="edge">
+<title>c&#45;&#45;d</title>
+<path fill="none" stroke="#000000" stroke-width="6" d="M32.8237,-40.5338C38.527,-36.5778 45.0352,-32.0636 50.7529,-28.0977"/>
+</g>
+</g>
+</svg>

diff --git a/www/manager6/dc/Config.js b/www/manager6/dc/Config.js
index 65ba3993019bac2490dfa1f3fb878a94b414f245..8e4ec649440c8c7ce38e566aee11b4a5a91de1c1 100644 (file)
--- 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-crosshairs',
                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-th',
                itemId: 'sdnzone'
            });
            me.items.push({
                xtype: 'pveSDNVnetView',
                groups: ['sdn'],
                title: gettext('Vnets'),
-               iconCls: 'fa fa-database',
+               iconCls: 'fa fa-network-wired',
                itemId: 'sdnvnet'
            });
        }

diff --git a/www/manager6/tree/ResourceTree.js b/www/manager6/tree/ResourceTree.js
index 5adb864bd5cc09b2cb54d44ff4db9f20a9984df3..a76e385bef6e9a99e151a98a631f495cf5122cce 100644 (file)
--- 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: {