Commit Graph

1956 Commits

Author SHA1 Message Date
Eric Lippmann 97006973d8 JS: Introduce Icinga.History.getCurrentState()
Before, Icinga.History.pushCurrentState() had this functionality
enclosed. Now it is usable from other functions as well.
2020-01-15 09:55:39 +01:00
Johannes Meyer db69f23c20 modal.js: Don't push form submits to the history 2020-01-15 08:41:34 +01:00
Johannes Meyer 844cb911a4 loader.js: Use `utils.addUrlFlag` instead of the now deprecated one 2020-01-15 08:00:04 +01:00
Johannes Meyer e45c18c833 utils.js: Use a regex to identify the uri fragment 2020-01-15 07:58:49 +01:00
Eric Lippmann 7f8ee4f94d JS: Deprecate Icinga.Loader.addUrlFlag() in favor of Icinga.Utils.addUrlFlag() 2020-01-14 14:58:34 +01:00
Eric Lippmann 4d02d8f6d6 JS: Introduce Icinga.Utils.addUrlFlag() 2020-01-14 14:58:34 +01:00
Johannes Meyer 33f6047973 css: Remove left-right padding from inline form elements
fixes #4036
2020-01-14 11:11:25 +01:00
Johannes Meyer e9b27b338f css: Set correct line-height for tabs
Otherwise a gap is shown between the dropdown toggle and
menu which causes FF to hide the dropdown too fast.
2020-01-13 16:02:50 +01:00
Johannes Meyer b85360449b js: Ignore anchors without href in `events.linkClicked()` 2019-12-13 16:13:55 +01:00
Johannes Meyer 63452ba250 js: Enhance scroll location detection in `ui.focusElement()` 2019-12-13 16:13:13 +01:00
Johannes Meyer f5ce5d42ef js: Add jQuery plugin `offsetTopRelativeTo($ancestor)` 2019-12-13 16:12:40 +01:00
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
Johannes Meyer da565f4d16 loader.js: Refresh left twice in case right has been closed..
..if the redirect target is `__BACK__`
2019-11-04 17:25:05 +01:00
Johannes Meyer 42e596f457 loader.js: Navigate back if redirect target is `__BACK__` 2019-11-04 16:03:54 +01:00
Johannes Meyer a13d2b1e48 js: Introduce behavior modal.js 2019-11-04 12:46:30 +01:00
Florian Strohmaier ad66582e9c CSS: Add modal styles 2019-11-04 12:46:30 +01:00
Johannes Meyer c0cac6fe3c loader.js: Allow to use a separate target for redirections 2019-11-04 12:46:30 +01:00
Johannes Meyer 0e5e046ae5 js: Split event handling and processing of form submits 2019-11-04 12:46:30 +01:00
Johannes Meyer 50bf126d36 js: Move function events.getLinkTargetFor to loader.js 2019-11-04 12:46:30 +01:00
Florian Strohmaier 82e02c8ce1 CSS: Align value-table-name width with label width 2019-10-31 14:43:37 +01:00
Florian Strohmaier a00151ef5c CSS: Use margin-right only for non-inline control-groups 2019-10-30 14:57:13 +01:00
Johannes Meyer 2979ad1da0 css: Fix toggle placement in Firefox 2019-10-08 13:12:33 +02:00
Florian Strohmaier 30a4c62a2a CSS: Fix hidden radio inputs
refs #3957
2019-10-08 09:17:13 +02:00
Johannes Meyer 2896cbd781 loader.js: Avoid named capture groups to parse multipart content
fixes #3975
2019-10-07 14:35:49 +02:00
Johannes Meyer a8dc609b62 loader.js: Add support for multipart content
refs #3953
2019-09-25 10:34:24 +02:00
Johannes Meyer dda49b5ff1 loader.js: Drop redundant method `cacheLoadedIcons` 2019-09-25 10:34:24 +02:00
Johannes Meyer da513a746d loader.js: Add support for extra updates
refs #3953
2019-09-25 10:34:24 +02:00
Johannes Meyer 329f54cc96 ui.js: Don't generate a container id if its parent is #col1
refs #3953
2019-09-25 10:34:24 +02:00
Johannes Meyer b15c012671 loader.js: Only pre-wrap a search response's html with a div
It's not required for all responses anymore.

refs #3953
2019-09-25 10:34:24 +02:00
Johannes Meyer f98f988aff Remove tristate form element 2019-09-23 08:36:24 +02:00
Florian Strohmaier 1778ec673b IE11: Fix nav flyouts being covered by #main
fixes #3942
2019-09-04 12:26:37 +02:00
Florian Strohmaier b7617bf81b CSS: Don’t make .inline forms 100% width 2019-08-22 14:38:40 +02:00
Florian Strohmaier 7b0b32fc43 CSS: Adapt form design for button links 2019-08-22 14:37:26 +02:00
Feu Mourek da7086cede Center inputs in loginform (#3919)
fixes #3918
2019-08-14 13:09:06 +02:00
Feu Mourek 2ca3ffcb60 Add borders around form inputs (#3908) 2019-08-12 13:34:05 +02:00
Eric Lippmann 6e05d852ee Forms: Distinguish placeholders from real values (#3911)
We now also use the ::placeholder pseudo-element selector instead of
several vendor prefixes.
2019-08-12 12:54:44 +02:00
Johannes Meyer 6bbafd1c3e
Merge pull request #3899 from Icinga/bugfix/solarized-theme-contrast-issues-3892
Bugfix/solarized theme contrast issues 3892
2019-08-12 11:24:31 +02:00
Johannes Meyer 6e5353fd50 solarized-dark: Let the dashboard settings look less weird 2019-08-12 11:17:12 +02:00
Feu Mourek 18f23ec551 Fix menu header contrast (#3898)
fixes #3897
2019-08-12 11:01:14 +02:00
Feu Mourek 359d7f735b CSS: Edit form control classes in solarized dark 2019-08-08 11:00:13 +02:00
Eric Lippmann 53529115e5 Fix bad looking login form errors 2019-08-05 17:17:32 +02:00
Florian Strohmaier fab25f87a7 Login: Fix error messages 2019-08-05 15:47:17 +02:00
Feu Mourek 75971ac3e2 Apply styles to editor / fiter controlls as well 2019-08-05 13:02:21 +02:00
Feu Mourek 61eabf0724 Darken menu styles and add splash of colour for selected 2019-08-05 12:51:43 +02:00
Feu Mourek b71f0780a7 Sort colour variables and adapt menu colours 2019-08-02 15:47:11 +02:00
Johannes Meyer 5333bbf04d loader.js: Also set title directly if layout is base target 2019-08-02 15:42:58 +02:00
Feu Mourek bc4bb6741b Add form-backgrounds colour and apply to toggles and buttons 2019-08-02 12:53:52 +02:00
Feu Mourek 7acdf789e0 Change input background colour to darker shade 2019-08-02 10:54:11 +02:00
Feu Mourek f9a18e1ee6 Fix contrast for form inputs
refs #3892
2019-08-01 13:59:16 +02:00
Johannes Meyer 5a57903f6c forms.less: Fix element error layout 2019-07-30 10:17:57 +02:00
Eric Lippmann bfec423eae Compat: Provide empty LESS mixin .code()
Some 3rd party modules (e.g. vsphere) use this mixin (though we never had it).
With lessphp version 0.5.0 using undefined mixins now throws exceptions.
Since we can't rely that users upgrade those modules first,
we provide the mixin for compatibility here.
2019-07-30 08:31:03 +02:00