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,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=

View File

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

View File

@ -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.",
});

View File

@ -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);
}

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