[pve-devel] [PATCH manager 2/4] use font-awesome icons for action buttons and cmdmenu
Dominik Csapak
d.csapak at proxmox.com
Mon Apr 4 14:07:40 CEST 2016
this patch makes use of font-awesome for
lxc/qemu action buttons (start/shutdown etc.)
node actions buttons (restart/shutdown etc.)
and lxc/qemu cmdmenus
Signed-off-by: Dominik Csapak <d.csapak at proxmox.com>
---
www/manager6/lxc/CmdMenu.js | 14 +++++++-------
www/manager6/lxc/Config.js | 18 ++++++++++++------
www/manager6/node/Config.js | 16 ++++++++++------
www/manager6/qemu/CmdMenu.js | 18 +++++++++---------
www/manager6/qemu/Config.js | 24 ++++++++++++++++--------
www/manager6/qemu/TemplateMenu.js | 4 ++--
6 files changed, 56 insertions(+), 38 deletions(-)
diff --git a/www/manager6/lxc/CmdMenu.js b/www/manager6/lxc/CmdMenu.js
index c9280a7..5046269 100644
--- a/www/manager6/lxc/CmdMenu.js
+++ b/www/manager6/lxc/CmdMenu.js
@@ -32,14 +32,14 @@ Ext.define('PVE.lxc.CmdMenu', {
me.items = [
{
text: gettext('Start'),
- icon: '/pve2/images/start.png',
+ iconCls: 'fa fa-fw fa-play',
handler: function() {
vm_command('start');
}
},
{
text: gettext('Migrate'),
- icon: '/pve2/images/forward.png',
+ iconCls: 'fa fa-fw fa-send-o',
handler: function() {
var win = Ext.create('PVE.window.Migrate', {
vmtype: 'lxc',
@@ -51,7 +51,7 @@ Ext.define('PVE.lxc.CmdMenu', {
},
{
text: gettext('Suspend'),
- icon: '/pve2/images/forward.png',
+ iconCls: 'fa fa-fw fa-pause',
handler: function() {
var msg = Ext.String.format(gettext("Do you really want to suspend {0}?"), 'CT ' + vmid);
Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) {
@@ -65,14 +65,14 @@ Ext.define('PVE.lxc.CmdMenu', {
},
{
text: gettext('Resume'),
- icon: '/pve2/images/forward.png',
+ iconCls: 'fa fa-fw fa-play',
handler: function() {
vm_command('resume');
}
},
{
text: gettext('Shutdown'),
- icon: '/pve2/images/stop.png',
+ iconCls: 'fa fa-fw fa-power-off',
handler: function() {
var msg = Ext.String.format(gettext("Do you really want to shutdown {0}?"), 'CT ' + vmid);
Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) {
@@ -86,7 +86,7 @@ Ext.define('PVE.lxc.CmdMenu', {
},
{
text: gettext('Stop'),
- icon: '/pve2/images/gtk-stop.png',
+ iconCls: 'fa fa-fw fa-stop',
handler: function() {
var msg = Ext.String.format(gettext("Do you really want to stop {0}?"), 'CT ' + vmid);
Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) {
@@ -120,7 +120,7 @@ Ext.define('PVE.lxc.CmdMenu', {
// },
{
text: gettext('Console'),
- icon: '/pve2/images/display.png',
+ iconCls: 'fa fa-fw fa-terminal',
handler: function() {
PVE.Utils.openDefaultConsoleWindow(true, 'lxc', vmid, nodename, vmname);
}
diff --git a/www/manager6/lxc/Config.js b/www/manager6/lxc/Config.js
index 8bf9078..cf6f33a 100644
--- a/www/manager6/lxc/Config.js
+++ b/www/manager6/lxc/Config.js
@@ -43,7 +43,8 @@ Ext.define('PVE.lxc.Config', {
disabled: !caps.vms['VM.PowerMgmt'],
handler: function() {
vm_command('start');
- }
+ },
+ iconCls: 'fa fa-play'
});
var umountBtn = Ext.create('Ext.Button', {
@@ -61,7 +62,8 @@ Ext.define('PVE.lxc.Config', {
confirmMsg: Ext.String.format(gettext("Do you really want to stop VM {0}?"), vmid),
handler: function() {
vm_command("stop");
- }
+ },
+ iconCls: 'fa fa-stop'
});
var shutdownBtn = Ext.create('PVE.button.Button', {
@@ -70,7 +72,8 @@ Ext.define('PVE.lxc.Config', {
confirmMsg: Ext.String.format(gettext("Do you really want to shutdown VM {0}?"), vmid),
handler: function() {
vm_command('shutdown');
- }
+ },
+ iconCls: 'fa fa-power-off'
});
var migrateBtn = Ext.create('Ext.Button', {
@@ -83,7 +86,8 @@ Ext.define('PVE.lxc.Config', {
vmid: vmid
});
win.show();
- }
+ },
+ iconCls: 'fa fa-send-o'
});
var removeBtn = Ext.create('PVE.button.Button', {
@@ -94,7 +98,8 @@ Ext.define('PVE.lxc.Config', {
url: base_url,
item: { type: 'CT', id: vmid }
}).show();
- }
+ },
+ iconCls: 'fa fa-trash-o'
});
var vmname = me.pveSelNode.data.name;
@@ -104,7 +109,8 @@ Ext.define('PVE.lxc.Config', {
consoleType: 'lxc',
consoleName: vmname,
nodename: nodename,
- vmid: vmid
+ vmid: vmid,
+ iconCls: 'fa fa-terminal'
});
var descr = vmid + " (" + (vmname ? "'" + vmname + "' " : "'CT " + vmid + "'") + ")";
diff --git a/www/manager6/node/Config.js b/www/manager6/node/Config.js
index 6d60bfc..d9f266a 100644
--- a/www/manager6/node/Config.js
+++ b/www/manager6/node/Config.js
@@ -36,7 +36,8 @@ Ext.define('PVE.node.Config', {
items: [
{
text: gettext('Start All VMs'),
- icon: '/pve2/images/start.png',
+ iconCls: 'fa fa-fw fa-play',
+// icon: '/pve2/images/start.png',
handler: function() {
var msg = Ext.String.format(gettext("Do you really want to start all Vms on node {0}?"), nodename);
Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) {
@@ -57,7 +58,7 @@ Ext.define('PVE.node.Config', {
},
{
text: gettext('Stop All VMs'),
- icon: '/pve2/images/gtk-stop.png',
+ iconCls: 'fa fa-fw fa-stop fa-red',
handler: function() {
var msg = Ext.String.format(gettext("Do you really want to stop all Vms on node {0}?"), nodename);
Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) {
@@ -78,7 +79,7 @@ Ext.define('PVE.node.Config', {
},
{
text: gettext('Migrate All VMs'),
- icon: '/pve2/images/forward.png',
+ iconCls: 'fa fa-fw fa-send-o',
handler: function() {
var win = Ext.create('PVE.window.MigrateAll', {
nodename: nodename,
@@ -96,7 +97,8 @@ Ext.define('PVE.node.Config', {
confirmMsg: Ext.String.format(gettext("Do you really want to restart node {0}?"), nodename),
handler: function() {
node_command('reboot');
- }
+ },
+ iconCls: 'fa fa-undo'
});
var shutdownBtn = Ext.create('PVE.button.Button', {
@@ -105,14 +107,16 @@ Ext.define('PVE.node.Config', {
confirmMsg: Ext.String.format(gettext("Do you really want to shutdown node {0}?"), nodename),
handler: function() {
node_command('shutdown');
- }
+ },
+ iconCls: 'fa fa-power-off'
});
var shellBtn = Ext.create('PVE.button.ConsoleButton', {
disabled: !caps.nodes['Sys.Console'],
text: gettext('Shell'),
consoleType: 'shell',
- nodename: nodename
+ nodename: nodename,
+ iconCls: 'fa fa-terminal'
});
me.items = [];
diff --git a/www/manager6/qemu/CmdMenu.js b/www/manager6/qemu/CmdMenu.js
index 5e889c6..a5261c3 100644
--- a/www/manager6/qemu/CmdMenu.js
+++ b/www/manager6/qemu/CmdMenu.js
@@ -32,14 +32,14 @@ Ext.define('PVE.qemu.CmdMenu', {
me.items = [
{
text: gettext('Start'),
- icon: '/pve2/images/start.png',
+ iconCls: 'fa fa-fw fa-play',
handler: function() {
vm_command('start');
}
},
{
text: gettext('Migrate'),
- icon: '/pve2/images/forward.png',
+ iconCls: 'fa fa-fw fa-send-o',
handler: function() {
var win = Ext.create('PVE.window.Migrate', {
vmtype: 'qemu',
@@ -51,7 +51,7 @@ Ext.define('PVE.qemu.CmdMenu', {
},
{
text: gettext('Suspend'),
- icon: '/pve2/images/forward.png',
+ iconCls: 'fa fa-fw fa-pause',
handler: function() {
var msg = Ext.String.format(gettext("Do you really want to suspend {0}?"), 'VM ' + vmid);
Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) {
@@ -64,14 +64,14 @@ Ext.define('PVE.qemu.CmdMenu', {
},
{
text: gettext('Resume'),
- icon: '/pve2/images/forward.png',
+ iconCls: 'fa fa-fw fa-play',
handler: function() {
vm_command('resume');
}
},
{
text: gettext('Shutdown'),
- icon: '/pve2/images/stop.png',
+ iconCls: 'fa fa-fw fa-power-off',
handler: function() {
var msg = Ext.String.format(gettext("Do you really want to shutdown {0}?"), 'VM ' + vmid);
Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) {
@@ -85,7 +85,7 @@ Ext.define('PVE.qemu.CmdMenu', {
},
{
text: gettext('Stop'),
- icon: '/pve2/images/gtk-stop.png',
+ iconCls: 'fa fa-fw fa-stop',
handler: function() {
var msg = Ext.String.format(gettext("Do you really want to stop {0}?"), 'VM ' + vmid);
Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) {
@@ -99,7 +99,7 @@ Ext.define('PVE.qemu.CmdMenu', {
},
{
text: gettext('Clone'),
- icon: '/pve2/images/forward.png',
+ iconCls: 'fa fa-fw fa-clone',
handler: function() {
var win = Ext.create('PVE.window.Clone', {
nodename: nodename,
@@ -110,7 +110,7 @@ Ext.define('PVE.qemu.CmdMenu', {
},
{
text: gettext('Convert to template'),
- icon: '/pve2/images/forward.png',
+ iconCls: 'fa fa-fw fa-sticky-note-o',
handler: function() {
var msg = Ext.String.format(gettext("Do you really want to convert {0} into a template?"), 'VM ' + vmid);
Ext.Msg.confirm(gettext('Confirm'), msg, function(btn) {
@@ -130,7 +130,7 @@ Ext.define('PVE.qemu.CmdMenu', {
},
{
text: gettext('Console'),
- icon: '/pve2/images/display.png',
+ iconCls: 'fa fa-fw fa-terminal',
handler: function() {
PVE.Utils.API2Request({
url: '/nodes/' + nodename + '/qemu/' + vmid + '/status/current',
diff --git a/www/manager6/qemu/Config.js b/www/manager6/qemu/Config.js
index 603b4c2..b647427 100644
--- a/www/manager6/qemu/Config.js
+++ b/www/manager6/qemu/Config.js
@@ -44,7 +44,8 @@ Ext.define('PVE.qemu.Config', {
hidden: true,
handler: function() {
vm_command('resume');
- }
+ },
+ iconCls: 'fa fa-play'
});
var startBtn = Ext.create('Ext.Button', {
@@ -52,7 +53,8 @@ Ext.define('PVE.qemu.Config', {
disabled: !caps.vms['VM.PowerMgmt'],
handler: function() {
vm_command('start');
- }
+ },
+ iconCls: 'fa fa-play',
});
var stopBtn = Ext.create('PVE.button.Button', {
@@ -61,7 +63,8 @@ Ext.define('PVE.qemu.Config', {
confirmMsg: Ext.String.format(gettext("Do you really want to stop VM {0}?"), vmid),
handler: function() {
vm_command("stop", { timeout: 30 });
- }
+ },
+ iconCls: 'fa fa-stop'
});
var migrateBtn = Ext.create('Ext.Button', {
@@ -74,7 +77,8 @@ Ext.define('PVE.qemu.Config', {
vmid: vmid
});
win.show();
- }
+ },
+ iconCls: 'fa fa-send-o'
});
var resetBtn = Ext.create('PVE.button.Button', {
@@ -83,7 +87,8 @@ Ext.define('PVE.qemu.Config', {
confirmMsg: Ext.String.format(gettext("Do you really want to reset VM {0}?"), vmid),
handler: function() {
vm_command("reset");
- }
+ },
+ iconCls: 'fa fa-bolt'
});
var shutdownBtn = Ext.create('PVE.button.Button', {
@@ -92,7 +97,8 @@ Ext.define('PVE.qemu.Config', {
confirmMsg: Ext.String.format(gettext("Do you really want to shutdown VM {0}?"), vmid),
handler: function() {
vm_command('shutdown');
- }
+ },
+ iconCls: 'fa fa-power-off'
});
var removeBtn = Ext.create('PVE.button.Button', {
@@ -103,7 +109,8 @@ Ext.define('PVE.qemu.Config', {
url: base_url,
item: { type: 'VM', id: vmid }
}).show();
- }
+ },
+ iconCls: 'fa fa-trash-o'
});
var vmname = me.pveSelNode.data.name;
@@ -113,7 +120,8 @@ Ext.define('PVE.qemu.Config', {
consoleType: 'kvm',
consoleName: vmname,
nodename: nodename,
- vmid: vmid
+ vmid: vmid,
+ iconCls: 'fa fa-terminal'
});
var descr = vmid + " (" + (vmname ? "'" + vmname + "' " : "'VM " + vmid + "'") + ")";
diff --git a/www/manager6/qemu/TemplateMenu.js b/www/manager6/qemu/TemplateMenu.js
index 8c9be92..6bcf87e 100644
--- a/www/manager6/qemu/TemplateMenu.js
+++ b/www/manager6/qemu/TemplateMenu.js
@@ -34,7 +34,7 @@ Ext.define('PVE.qemu.TemplateMenu', {
me.items = [
{
text: gettext('Migrate'),
- icon: '/pve2/images/forward.png',
+ iconCls: 'fa fa-fw fa-send-o',
handler: function() {
var win = Ext.create('PVE.window.Migrate', {
vmtype: 'qemu',
@@ -46,7 +46,7 @@ Ext.define('PVE.qemu.TemplateMenu', {
},
{
text: gettext('Clone'),
- icon: '/pve2/images/forward.png',
+ iconCls: 'fa fa-fw fa-clone',
handler: function() {
var win = Ext.create('PVE.window.Clone', {
nodename: nodename,
--
2.1.4
More information about the pve-devel
mailing list