tape: add svg icon

This commit is contained in:
Dietmar Maurer 2020-12-11 13:02:23 +01:00
parent 663ef85992
commit 73b8f6793e
5 changed files with 41 additions and 5 deletions

View File

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

View File

@ -119,8 +119,8 @@ Ext.define('PBS.view.main.NavigationTree', {
if (PBS.TapeManagement !== undefined) { if (PBS.TapeManagement !== undefined) {
if (!root.findChild('id', 'tape_management', false)) { if (!root.findChild('id', 'tape_management', false)) {
root.insertChild(3, { root.insertChild(3, {
text: "Tape Management", text: "Tape Backup",
iconCls: 'fa fa-gears', iconCls: 'pbs-icon-tape',
id: 'tape_management', id: 'tape_management',
path: 'pbsTapeManagement', path: 'pbsTapeManagement',
expanded: true, expanded: true,

View File

@ -2,10 +2,10 @@ Ext.define('PBS.TapeManagement', {
extend: 'Ext.tab.Panel', extend: 'Ext.tab.Panel',
alias: 'widget.pbsTapeManagement', alias: 'widget.pbsTapeManagement',
title: gettext('Tape Management'), title: gettext('Tape Backup'),
border: true, border: true,
defaults: { border: false }, defaults: { border: false },
html: "Experimental tape management GUI.", html: "Experimental tape backup GUI.",
}); });

View File

@ -253,3 +253,20 @@ span.snapshot-comment-column {
text-shadow: 1px 1px 1px #AAA; text-shadow: 1px 1px 1px #AAA;
font-weight: 800; 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);
}

18
www/images/icon-tape.svg Normal file
View File

@ -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>

After

Width:  |  Height:  |  Size: 832 B