Commit Graph

84 Commits

Author SHA1 Message Date
Fabian Ebner
4958029958 add CD ROM and lxc icons for treelist-item-icon
Signed-off-by: Fabian Ebner <f.ebner@proxmox.com>
2020-11-15 18:41:11 +01:00
Stefan Reiter
1cc7c672b7 ui: improve boot order editor
The new boot order property can express many more scenarios than the old
one. Update the editor so it can handle it.

Features a grid with all supported boot devices which can be reordered
using drag-and-drop, as well as toggled on and off with an inline
checkbox.

Support for configs still using the old format is given, with the first
write automatically updating the VM config to use the new one.

The renderer for the Options panel is updated with support for the new
format.

Note that it is very well possible to disable all boot devices, in which
case an empty 'boot: ' will be stored to the config file. I'm not sure
what that would be useful for, but there's no reason to forbid it
either, just warn the user that it's probably not what they want.

Signed-off-by: Stefan Reiter <s.reiter@proxmox.com>
2020-10-14 12:31:14 +02:00
Alexandre Derumier
90f7cb68d1 sdn: fix zone icon in tree view
also add status icon:
  -pending (yellow triangle)
  -error (red cross)

Signed-off-by: Alexandre Derumier <aderumier@odiso.com>
2020-06-25 13:35:55 +02:00
Dominik Csapak
bcb8a59c51 css: remove icon colors
they are now in the widget-toolkit

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2020-06-02 11:47:43 +02:00
Alexandre Derumier
12ae2ddd90 add sdn icons
Signed-off-by: Alexandre Derumier <aderumier@odiso.com>
Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
2020-03-26 12:17:53 +01:00
Thomas Lamprecht
ca0f293f74 ui: let grid column filter symbol float right
So it has a more fixed position, independent of the column header
length. Also, this brings it nearer to the button where one can
adapt/turn off filters.

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
2020-03-07 19:04:22 +01:00
Thomas Lamprecht
da5fb60947 css: move smilar filter rules closer together
Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
2020-03-07 19:03:50 +01:00
Dominik Csapak
29d84fce15 gui: make grid column filter more obvious
by adding the icon 'fa-filter' (see fontawesome.css) after the column header
and making it slightly darker than the text

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2020-03-07 18:50:36 +01:00
Stefan Reiter
4ba4c7c616 qemu: change virtio-rng icon to die
'die' as in 'dice', not what Perl does

Signed-off-by: Stefan Reiter <s.reiter@proxmox.com>
2020-03-06 18:19:39 +01:00
Stefan Reiter
e08c232118 qemu: fix icon alignment in "Add Hardware" menu
It was ever so slightly off.

Signed-off-by: Stefan Reiter <s.reiter@proxmox.com>
2020-03-06 18:19:39 +01:00
Dominik Csapak
d20469e93b gui: remove chrome/extjs workaround
it seems that this is not needed anymore, at least i cannot
see any difference with/without it here (chromium 76)

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2019-10-30 08:54:09 +01:00
Stoiko Ivanov
f71b7c28ff change .pve-hint to .pmx-hint css-class
With introducing pmx-hint to pmg as well, by adding a 'pmx-hint' css-class
to proxmox-widget-toolkit, it makes sense to use the definition everywhere.
this patch drops the .pve-hint class from pve's css and replaces all occurences
in the GUI-source.

Signed-off-by: Stoiko Ivanov <s.ivanov@proxmox.com>
2019-10-09 09:11:04 +02:00
Thomas Lamprecht
f68387a0eb remove unused ext-pve.css
not used since commit 5783c7f4dd from
2016...

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
2019-07-23 14:27:55 +02:00
Thomas Lamprecht
90f2d251ac css: fixup: # is not a comment in css
Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
2019-06-14 13:52:46 +02:00
Thomas Lamprecht
9ba642dd0e css: tree: add some classes for specific locks
Add classes for suspended, suspending and migration.

They use the same symbol as in the buttons for consitency, size is a
bit smaller to fit better for the tree.

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
2019-06-13 21:32:49 +02:00
Dominik Csapak
3cc3b67d8b gui: add lock icons to css
and move the warning/error icons below that so that we
get the correct icon if multiple apply

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2019-06-13 11:11:38 +02:00
Dominik Csapak
6a040799f4 gui: qemu/HardwareView: prepare Hardwareview for font-awesome icons
we want to be able to use fontawesome icons directly instead of having
to use extracted png in css classes

this patch makes it possible to use 'iconCls' with the font-awesome icon name

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2019-03-28 17:04:06 +01:00
Tim Marx
4616a55b37 added basic ability to install ceph via gui
Signed-off-by: Tim Marx <t.marx@proxmox.com>
Reviewed-by: Dominik Csapak <d.csapak@proxmox.com>
2019-03-08 12:33:31 +01:00
Oguz Bektas
77d2332068 add symbol for suspended guests
use the same symbol as 'paused' guests to avoid confusion.

Signed-off-by: Oguz Bektas <o.bektas@proxmox.com>
2019-02-19 14:12:06 +01:00
Dominik Csapak
4b09a72d45 give vms with 'io-error' an error icon
so that one can see that the vm has an error, even when not
directly investigating the status of that vm

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2018-04-30 11:02:08 +02:00
Dominik Csapak
e9a7094dc6 add cloudinit pve icon svg and class
Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2018-03-16 10:05:57 +01:00
Dominik Csapak
3ff9bf5a7c add icons to summaries and improve spacing
also add a helper css class to use the png icons like fontawesome icons
and add the ha state to template summary

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2018-02-22 14:36:40 +01:00
Dominik Csapak
7235d61928 add icon/class for serial ports
Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
Reviewed-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
Tested-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
Acked-by: Wolfgang Bumiller <w.bumiller@proxmox.com>
2018-01-30 16:37:21 +01:00
Thomas Lamprecht
672a6270ea use HelpButton from widget toolkit
Proxmox.button.Help renamed the css class for the button styling, as
this class is only used rarely and the widget toolkit does not
provides a (shared) css file itself, just rename it here too.

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
Reviewed-by: Dominik Csapak <d.csapak@proxmox.com>
2018-01-25 13:36:38 +01:00
Dominik Csapak
3ab7e0ec89 change pve-invalid-row class to proxmox-invalid-row
because we will use that in the widget toolkit

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
Reviewed-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
2018-01-25 13:36:37 +01:00
Emmanuel Kasper
d0f7ae4642 Use the new xterm.js icon with the corresponding Menu Item
Signed-off-by: Emmanuel Kasper <e.kasper@proxmox.com>
2017-12-20 14:33:30 +01:00
Dominik Csapak
a19652db78 show storage usage in tree
this adds a little usage indicator in the tree for all storage definitions,
so that one can easily see how much of a storage is used

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
Acked-by: Wolfgang Bumiller <w.bumiller@proxmox.com>
2017-12-13 14:51:07 +01:00
Dominik Csapak
aa74e838e8 remove (near)full status for storages
since this is not a good default, we do not want the user
to have to configure those limits for each storage, and
a warning triangle was confusing for multiple users,
we remove this again

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
Acked-by: Wolfgang Bumiller <w.bumiller@proxmox.com>
2017-12-13 14:51:07 +01:00
Dominik Csapak
2fa8270b21 add new tree and grid classes for the 'unknown' status
this displays a '?' similar to the check/cross, to show something
is wrong, but we do not know if its offline

also cleanup the classes a bit, so we do not have to have so many
different ones

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2017-11-14 13:27:07 +01:00
Dominik Csapak
d0b1e57003 fix ceph gui icons
this adds a new css class for fontawesome which we need under certain
circumstances (it is copied from fontawesome minus a font-size:inherited)

and it changes the icons in the osd tree from x-fa to fa
(which is the correct one there)

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2017-08-10 09:38:29 +02:00
Emmanuel Kasper
9317d08a2d Rename the pve-help-button to pve-inline-button
This will allow reuse of the class for other inlined buttons
2017-07-25 14:24:35 +02:00
Dominik Csapak
9058a478af add replication grid
this patch adds a replication grid, which shows the status/configuration
for the defined replication jobs, and allow them to be
added/edited/removed

in case the replication grid gets shown in the datacenter, we omit the
status fields, because we only have the configuration there

when opening the grid, we check if there are at least two nodes,
because currently we only allow replication in a cluster environment

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2017-06-14 07:33:46 +02:00
Dominik Csapak
7f3b89a012 change to debian font-awesome
instead of having font-awesome copied into the repository,
depend on the debian package 'fonts-font-awesome', which provides all we
need

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2017-06-12 10:26:29 +02:00
Dominik Csapak
059cb51053 do not let www-data own the static js/html files
this is neither necessary, nor useful
those files are meant to be read only anyway, so there is no gain in
them being owned by www-data

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2017-06-09 14:00:30 +02:00
Dominik Csapak
8eb6f213f2 add pci icon/css class
Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2017-06-08 16:06:16 +02:00
Dominik Csapak
77c9518192 add css and image for usb devices
Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2017-06-08 15:57:56 +02:00
Dominik Csapak
c0f75e23b7 highlight errors in grids
we gave erroneous entries in grids the class .x-form-invalid-field
but since we changed to the "crisp" theme, this class did not have any
highlighting

so instead we use our own "pve-invalid-row" class
and give it a light red background

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2017-04-14 15:18:54 +02:00
Dominik Csapak
7553d76065 add css fix for chrome >=56
with chrome/chromium version 56, they changed the way how they calculate
height of text in input fields (now it is correct according to the
standard) but extjs up to 6.2.1 has a fix for this in css

this patch reverses the fix in extjs and can be reverted when they
remove the fix upstream

the bug	(EXTJS-23628) and the fix are described here:
https://www.sencha.com/forum/showthread.php?335045

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2017-03-03 12:22:38 +01:00
Dominik Csapak
3373911503 make filtered columns in grid more prominent
this makes the column header not only italic but also bold, so that one
can more easily see that the column is filtered

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2017-01-10 08:14:41 +01:00
Dominik Csapak
c359b43706 make ceph status in cluster dashboard clickable
to get faster from the datacenter dashboard to the ceph dashboard

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2016-11-30 17:10:29 +01:00
Dominik Csapak
195c7c8cbe add ceph statudetail panel
this adds a the component ceph statusdetail,
it displays the monitors (+status)
the osd as a table (in/out,up/down)
and the pg states as a list (+number)

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2016-11-22 16:37:44 +01:00
Dominik Csapak
6d453a84fb improve green and red colors
Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2016-11-22 16:36:16 +01:00
Dominik Csapak
a3a29cc8d2 add some color definitions to css
this will be used throughout the cluster dashboard
for the font-awesome icons

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2016-10-29 08:35:08 +02:00
Dominik Csapak
ce11a8afd0 add 'my settings' to top bar
this adds a menu right to the username with an entry 'my settings',
this opens a window with (for now) browser specific settings
and a place to reset them

the plan would be to add password change, 2fa setup etc here

one remark: the reset layout button reloads the window,
to really apply the reset

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2016-10-28 09:46:25 +02:00
Emmanuel Kasper
aeae272a86 Move out custom css style for hints in css class and use it 2016-10-19 17:24:28 +02:00
Thomas Lamprecht
8f46103543 Makefile: fix distclean target
As some Makefiles in sub directories do not implement the distclean
target, namely:
PVE/Service/Makefile
PVE/CLI/Makefile

This target is broken.

As all other implementations just redirect to the 'clean' target I
do not implement the missing ones but rather remove all such
targets. Keep it just in the top level directory, for consistence
sake with other pve repos, and redirect it there directly to the
clean target.

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
2016-09-28 08:21:48 +02:00
Dominik Csapak
cc183d882d add ceph icon
use official ceph icon for the ceph tab
from http://ceph.com/logos/

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2016-09-01 11:44:27 +02:00
Dominik Csapak
332581a88d reorganize node items
use new tree functionality of the configpanel
move services,time,syslog and shell under summary
move dns,firewall under network

move subpanels of firewall and ceph in the tree

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2016-08-24 12:29:21 +02:00
Dominik Csapak
9a4c279dbf use a treelist instead of tabs in configpanel
this patch changes configpanel class,
so that instead of creating a tabpanel,
we now are a card panel which uses a treelist
to choose the active card

this changes how the panel looks:
instead of having countless tabs on the top
we now can have a nice tree structure on the left

how the items will be interpreted by the tree
is commented in www/manager6/panel/ConfigPanel.js

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2016-08-24 12:19:09 +02:00
Dominik Csapak
23fd6c5395 add new infoWidget component
this adds a new component, which is 2 labels
(left the title and right the text) with a
small progressbar

it has a method updateValue, where it takes a string and
a value from 0 to 1 and updates the right label
and the progressbar

the progressbar gets a different css class at >60% and
>90% (i added some css classes to make it yellow and red
respectively)

the warning and critical thresholds are customizable

this will be used in a new version of the statusview

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2016-08-19 13:52:56 +02:00