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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
the template badges had the wrong background color
when selected or hovered, so the line would be
blue but the background of the icon would be white
now the background is the correct color
Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
Next / OK are already displayed in blue, which is the 'call-to-action'
color we use everywhere.
To prevent stealing attention from these buttons, switch help button
to grey
with this patch, the resourceGrid saves its state when
the columns are changed (resized, sorted, etc.)
also add a little reset button to the toolbar
Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
previously the upper border of a dialog window was white only, thus
when a window opened it had a little less contrast.
Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
this adds the necessary classes/overwrites for the new icons
notable changes:
nodes/cts/vms state:
Dark when on
Light grey when off
Badges for Nodes (check = on, cross = off)
VM/CT (play = on, pause = paused)
change the hardware/resource view to the new icons
Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
adds font-awesome to css folder and
inserts the css into the html of the site
we will use font-awesome for most icons
Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
adds the missing icons after migration to ext6
also fixes the spacing in the tree (without this,
the spacing of the dot background in the tree is not right)
and fixes the horizontal spacing of the icons in the dropdown menus
since the loading dots gif does not exist in this theme, i used
the loading circle which is shown everywhere else for the task loading
entry
Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
* usability improvement for enabled buttons:
in the default theme, ExtJS uses two different nuances of grey to
distinguish enabled or disabled buttons
the problem is that compared to the full black of the panels titles, it gives
the impression that everything is disabled (the contrast is not strong
enough between the two grey nuances)
the fix is to replace the dark grey of an 'enabled' button with black, similar with
what we had in ExtJS and the Classic theme
* re add menu header
this was lost when moving to crisp theme
reasoning and fix identic to
198f2d837a
by default the title in extjs6 menus have no style
this patch uses the same style as the tab headers
