From 73b8f6793e3aae4ed6bdd0915ad7ee699843d482 Mon Sep 17 00:00:00 2001
From: Dietmar Maurer <dietmar@proxmox.com>
Date: Fri, 11 Dec 2020 13:02:23 +0100
Subject: [PATCH] tape: add svg icon

---
 www/Makefile             |  3 ++-
 www/NavigationTree.js    |  4 ++--
 www/TapeManagement.js    |  4 ++--
 www/css/ext6-pbs.css     | 17 +++++++++++++++++
 www/images/icon-tape.svg | 18 ++++++++++++++++++
 5 files changed, 41 insertions(+), 5 deletions(-)
 create mode 100644 www/images/icon-tape.svg

diff --git a/www/Makefile b/www/Makefile
index 493d194f..ec9f469d 100644
--- a/www/Makefile
+++ b/www/Makefile
@@ -1,7 +1,8 @@
 include ../defines.mk
 
 IMAGES := \
-	images/logo-128.png \
+	images/icon-tape.svg 				\
+	images/logo-128.png 				\
 	images/proxmox_logo.png
 
 TAPE_UI_FILES=
diff --git a/www/NavigationTree.js b/www/NavigationTree.js
index 9b9bbc1c..e37447ce 100644
--- a/www/NavigationTree.js
+++ b/www/NavigationTree.js
@@ -119,8 +119,8 @@ Ext.define('PBS.view.main.NavigationTree', {
 	    if (PBS.TapeManagement !== undefined) {
 		if (!root.findChild('id', 'tape_management', false)) {
 		    root.insertChild(3, {
-			text: "Tape Management",
-			iconCls: 'fa fa-gears',
+			text: "Tape Backup",
+			iconCls: 'pbs-icon-tape',
 			id: 'tape_management',
 			path: 'pbsTapeManagement',
 			expanded: true,
diff --git a/www/TapeManagement.js b/www/TapeManagement.js
index 69d35fe6..d7400f06 100644
--- a/www/TapeManagement.js
+++ b/www/TapeManagement.js
@@ -2,10 +2,10 @@ Ext.define('PBS.TapeManagement', {
     extend: 'Ext.tab.Panel',
     alias: 'widget.pbsTapeManagement',
 
-    title: gettext('Tape Management'),
+    title: gettext('Tape Backup'),
 
     border: true,
     defaults: { border: false },
 
-    html: "Experimental tape management GUI.",
+    html: "Experimental tape backup GUI.",
 });
diff --git a/www/css/ext6-pbs.css b/www/css/ext6-pbs.css
index 85892c1a..ff6cb382 100644
--- a/www/css/ext6-pbs.css
+++ b/www/css/ext6-pbs.css
@@ -253,3 +253,20 @@ span.snapshot-comment-column {
     text-shadow: 1px 1px 1px #AAA;
     font-weight: 800;
 }
+
+/*' PBS specific icons */
+
+.pbs-icon-tape
+{
+    background-repeat: no-repeat;
+    background-position: bottom;
+    vertical-align: bottom;
+    padding: 0;
+}
+
+.pbs-icon-tape
+{
+    background-size: 16px;
+    height: 20px;
+    background-image:url(../images/icon-tape.svg);
+}
diff --git a/www/images/icon-tape.svg b/www/images/icon-tape.svg
new file mode 100644
index 00000000..da30b707
--- /dev/null
+++ b/www/images/icon-tape.svg
@@ -0,0 +1,18 @@
+<?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">
+
+  <rect x="10" y="20" rx="5" ry="5" width="80" height="60" stroke="black" stroke-width="4" fill="none"/>
+  <line x1="10" y1="35" x2="90" y2="35" stroke="black" stroke-width="4"/>
+  <line x1="10" y1="65" x2="90" y2="65" stroke="black" stroke-width="4"/>
+
+  <circle cx="31" cy="50" r="15" stroke="black" stroke-width="4" fill="none"/>
+  <circle cx="31" cy="50" r="5" stroke="black" stroke-width="4" fill="black"/>
+  <circle cx="69" cy="50" r="15" stroke="black" stroke-width="4" fill="none"/>
+  <circle cx="69" cy="50" r="5" stroke="black" stroke-width="4" fill="black"/>
+</svg>