ui: tape panel: add/use icons

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>

www/Makefile

@@ -2,6 +2,7 @@ include ../defines.mk
 
 IMAGES := \
 	images/icon-tape.svg 				\
+	images/icon-tape-drive.svg			\
 	images/logo-128.png 				\
 	images/proxmox_logo.png
 

www/css/ext6-pbs.css

@@ -256,8 +256,7 @@ span.snapshot-comment-column {
 
 /*' PBS specific icons */
 
-.pbs-icon-tape
+.pbs-icon-tape {
-{
     background-repeat: no-repeat;
     background-position: bottom;
     padding: 0;
@@ -265,3 +264,12 @@ span.snapshot-comment-column {
     height: 20px;
     background-image:url(../images/icon-tape.svg);
 }
+
+.pbs-icon-tape-drive {
+    background-repeat: no-repeat;
+    background-position: bottom;
+    padding: 0;
+    background-size: 16px;
+    height: 20px;
+    background-image:url(../images/icon-tape-drive.svg);
+}

www/images/icon-tape-drive.svg

@@ -0,0 +1,17 @@
+<?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="2.5" y="17.5" rx="1" ry="1" width="95" height="45" stroke="black" stroke-width="6" fill="none"/>
+  <rect x="12.5" y="30" rx="0" ry="0" width="60" height="20" stroke="black" stroke-width="1" fill="black"/>
+
+  <!--
+  <circle cx="85" cy="40" r="5" stroke="black" stroke-width="3" fill="black"/>
+  -->
+  <rect x="78.5" y="35" rx="0" ry="0" width="10" height="10" stroke="black" stroke-width="1" fill="black"/>
+</svg>

www/tape/TapeManagement.js

@@ -17,36 +17,44 @@ Ext.define('PBS.TapeManagement', {
 	    xtype: 'pbsBackupOverview',
 	    title: gettext('Content'),
 	    itemId: 'content',
+	    iconCls: 'fa fa-th',
 	},
 	{
 	    xtype: 'pbsTapeInventory',
 	    title: gettext('Inventory'),
 	    itemId: 'inventory',
+	    iconCls: 'fa fa-book',
 	},
 	{
 	    xtype: 'pbsTapeChangerPanel',
 	    title: gettext('Changers'),
 	    itemId: 'changers',
+	    iconCls: 'fa fa-exchange',
 	},
 	{
 	    xtype: 'pbsTapeDrivePanel',
 	    title: gettext('Drives'),
 	    itemId: 'drives',
+	    //iconCls: 'fa fa-download',
+	    iconCls: 'pbs-icon-tape-drive',
 	},
 	{
 	    title: gettext('Media Pools'),
 	    itemId: 'pools',
 	    xtype: 'pbsMediaPoolPanel',
+	    iconCls: 'fa fa-object-group',
 	},
 	{
 	    xtype: 'pbsEncryptionKeys',
 	    title: gettext('Encryption Keys'),
 	    itemId: 'encryption-keys',
+	    iconCls: 'fa fa-key',
 	},
 	{
 	    xtype: 'pbsTapeBackupJobView',
 	    title: gettext('Backup Jobs'),
 	    itemId: 'tape-backup-jobs',
+	    iconCls: 'fa fa-floppy-o',
 	},
     ],
 });