2345 Commits

Author SHA1 Message Date
ValeDaRold
5edd267f2a Refresh container if X-Icinga-Extra-Updates with length 1 is defined (#3970)
* Refresh container if X-Icinga-Extra-Updates with length 1 is defined
2019-12-12 13:50:03 +01:00
Johannes Meyer
d6677bfb66 loader.js: Also preserve scroll position of display:flex containers 2019-12-11 15:27:03 +01:00
Florian Strohmaier
680467a1aa CSS: Fix flex-box scrolling for different browsers 2019-12-11 12:57:20 +01:00
Johannes Meyer
168fcfec36 layout.less: Relax specificity of content and controls padding 2019-12-11 11:31:23 +01:00
Johannes Meyer
55b9b44be9 js: Fix error when focusing navigation anchors 2019-12-11 09:27:18 +01:00
Johannes Meyer
6a4c3ea542 layout: Don't use explicit width anymore to resize multiple columns 2019-12-06 16:05:24 +01:00
Johannes Meyer
d83ae2cd9b layout: Apply overflow:auto also to .container elements
Otherwise content not wrapped with `.content` lets overflow
the entire page.
2019-12-06 16:04:10 +01:00
Johannes Meyer
9a32be2f4e Winter.less: Properly apply snow effect to menu items 2019-12-06 15:41:16 +01:00
Johannes Meyer
60dfbcbad9 Remove remaining usages of #menu-container 2019-12-06 15:39:14 +01:00
Johannes Meyer
9acd45df13 css: Remove min-height and overflow from body
Causes issues in minimal layouts otherwise, at least in
Chrome. Safari suffers from this, but who cares...
2019-12-06 15:39:14 +01:00
Johannes Meyer
8922447d10 css: Remove remaining position instructions used for the legacy layout 2019-12-06 15:39:14 +01:00
Johannes Meyer
e61eb6f160 ui: Fix sidebar issues in minimal layout
Was completely broken even prior the removal of `ui.fixControls()`..
2019-12-06 15:39:14 +01:00
Johannes Meyer
4af48c797d js: Remove ui.fixControls() and ui.initializeControls()
Hooray!
2019-12-06 15:39:14 +01:00
Johannes Meyer
83d6a258ec application-state.js: Remove redundant rendered callback 2019-12-06 15:39:14 +01:00
Johannes Meyer
cfb9450cf0 Winter.less: Apply snow effect to directly to tabs
The header has no height anymore without announcements.
2019-12-06 15:39:14 +01:00
Johannes Meyer
31e3ce70a8 layout: Don't use id header if it's not a global header 2019-12-06 15:36:34 +01:00
Florian Strohmaier
6218ad8cde menu.less: Use appropriate less functions to darken colors 2019-12-06 15:36:34 +01:00
Florian Strohmaier
2b2f0cf48f menu.less: Align .badge-nav-item with flexbox 2019-12-06 15:36:34 +01:00
Florian Strohmaier
ca02547bf6 Tabs: Beautify tabs hover 2019-12-06 15:36:34 +01:00
Florian Strohmaier
5443bfe9fa JS: Do not apply 'menu-hovered' on #layout
refs #3904
2019-12-06 15:36:34 +01:00
Florian Strohmaier
7864150054 JS: Fix navigation flyout not fading out after mouseout
refs #3904
2019-12-06 15:36:34 +01:00
Florian Strohmaier
88db9c80c3 CSS: Compensate .tabs-spacer
refs #3810
refs #3815
2019-12-06 15:36:34 +01:00
Florian Strohmaier
eb104c3332 CSS: Prevent tabs from line-break
refs #3810
refs #3815
2019-12-06 15:36:34 +01:00
Florian Strohmaier
c6c77aa411 JS: Remove unused code 2019-12-06 15:36:34 +01:00
Florian Strohmaier
6d7bccc348 CSS: Fix special view layout issues 2019-12-06 15:36:34 +01:00
Florian Strohmaier
516bbc1ef0 JS: Fix sidebar animating out 2019-12-06 15:36:34 +01:00
Florian Strohmaier
0da89bb977 JS: Reinstate mobile menu 2019-12-06 15:36:34 +01:00
Florian Strohmaier
4febf7433e CSS: Add minimal-layout styles for #content-wrapper 2019-12-06 15:36:34 +01:00
Florian Strohmaier
615085d744 CSS: Fix collapsed sidebar 2019-12-06 15:36:34 +01:00
Florian Strohmaier
59d6237a5a CSS: Style fixes for sidebar 2019-12-06 15:36:34 +01:00
Florian Strohmaier
cbb88d1d5e CSS: Add tabs background 2019-12-06 15:36:34 +01:00
Florian Strohmaier
400abfe7f2 CSS: Fix overflowing content in Safari 2019-12-06 15:36:34 +01:00
Florian Strohmaier
c06aec0471 Remove unused code 2019-12-06 15:36:34 +01:00
Florian Strohmaier
955ab298f7 CSS: Flex layout to container contents 2019-12-06 15:36:34 +01:00
Florian Strohmaier
8c7b5fcd57 CSS: Add flex-box to #main 2019-12-06 15:36:34 +01:00
Florian Strohmaier
ead543e373 CSS: Hide ‘empty’ containers in main 2019-12-06 15:36:34 +01:00
Florian Strohmaier
d579428ff9 CSS: Restrict #content-wrapper height to window 2019-12-06 15:36:34 +01:00
Florian Strohmaier
cfbeb26354 JS: Disable fixControls() 2019-12-06 15:36:34 +01:00
Florian Strohmaier
b819dd6881 CSS: Add sidebar layout 2019-12-06 15:36:34 +01:00
Florian Strohmaier
739dd50384 CSS: Set basic layout structure 2019-12-06 15:36:34 +01:00
Florian Strohmaier
722cbfe47f CSS: Make body and #layout 100% of viewport 2019-12-06 15:36:34 +01:00
Johannes Meyer
4157821c89 IcingaCheckbox: Don't display:none the checkbox but add .sr-only to it 2019-12-05 16:12:41 +01:00
Feu Mourek
8236b3baf0 Move form colours to the base.less 2019-12-04 11:35:25 +01:00
Florian Strohmaier
1755c01390 base.less: Add gray-semilight var 2019-11-28 15:32:38 +01:00
Johannes Meyer
cc065b949b js: Use custom event icinga-init to trigger initial render events
The `load` event is not really only fired *after all shared resources are loaded*.
Just Chromium ensures this event is fired only after `ready` and `DOMContentLoaded`.
FF, IE and Safari don't so we need our own post-init event: `icinga-init`
2019-11-26 16:00:21 +01:00
Johannes Meyer
48098a2830 js: Don't initialize modules using a beforerender event
`beforerender` is already too late. Module initialization
done using an event handler is wrong anyway. It's some
kind of bootstrapping after all and should be performed
by parts of the code which is directly responsible for
DOM content handling of modules. (i.e. loader.js)

This change though introduces a side-effect which was
not the case previously: Nested `.container` elements
trigger `rendered` events now. I've introduced this to
ensure we're also lazy loading modules and let them
handle their `rendered` events right after a redirect
which rerendered the layout. (Only `#layout` got a
`rendered` event then prior to this change)
2019-11-21 09:55:20 +01:00
Johannes Meyer
7f78c1a8a8 js: Properly initialize modules and don't trigger rendered events twice
Cleans up how our JS initializes module javascript. Previously the `rendered`
event only got fired upon page load if a module got loaded as well. This is
now decoupled and `rendered` events fire for all containers and the entire
layout upon page load.

Notable changes:
* A `load` event initializes modules and triggers `rendered` on `.container` and `#layout` elements
* Module javascript (module.js) is still lazy loaded but with a `beforerender` event, not `rendered`
* Previously `#layout` received a `rendered` event during bootstrapping, this is not the case anymore
* Initial search value preservation now got its own handler `events.onRenderedMenu()`
* Initial dashlet loading now git its own handler `events.loadDashlets()`
2019-11-20 16:22:56 +01:00
Johannes Meyer
47c2a8bdc1 js: Utilize utils.objectsEqual() in actiontable.select() 2019-11-20 16:22:56 +01:00
Johannes Meyer
2dbf9ca8ab js: Properly parse/decode query params in utils.parseParams() 2019-11-20 16:22:56 +01:00
Johannes Meyer
5f739deea3 loader.js: Enhance __BACK__ handling 2019-11-05 15:04:23 +01:00