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
by default the title in extjs6 menus have no style
this patch uses the same style as the tab headers
Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
the grouped headers in gridpanels use space like
there is no tomorrow, this patch makes it a little
denser
Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
They are mostly intended to save space as the "new theme", if it
gets applied, takes up space like it's worth pure gold.
Paddings get made smaller on buttons, tabs and grids.
Also let the main tree receive a sane space padding.
Further fix the height of the top info panel (the one with the logo,
PVE version, login button ...).
Also the "start/stop/more/..." buttons from the tool bar above the
navigation tab bar gets fixed.
Login panel got also some small fixes together with all input
fields.
We use simple CSS overrides to achieve this all.
Working with the scss (sass) files and rebuilding the theme would
be nicer, but as I have no intend to start working with senchas
"build system" and we self have no sane way for compiling the sass
stuff also, this is the preferred way for now.
We add a new css stylesheet so that the current manager remains
untouched by this changes.
computer-template.png
computer-on-template.png
snapshot-tempalte.png
icons are coming from libreoffice (I think they are under creative common license)
Signed-off-by: Alexandre Derumier <aderumier@odiso.com>
