Commit Graph

2248 Commits

Author SHA1 Message Date
Florian Strohmaier 2e995ea192 CSS: Fix `th` background in dashboard settings
refs #4403
2021-06-29 14:17:03 +02:00
Johannes Meyer b88dad9525 css: Respect `--icinga-*` 2021-06-28 16:22:19 +02:00
Johannes Meyer 6c235c64b5 css: Respect `--tr-*-color` 2021-06-28 14:12:58 +02:00
Johannes Meyer fad9eb0a84 css: Respect remaining `--menu-*` vars 2021-06-28 14:08:27 +02:00
Johannes Meyer b68281388a css: Fix notification color vars and respect `--color-notification-*` 2021-06-28 12:37:42 +02:00
Johannes Meyer 804fe75d55 css: Respect `--color-*` 2021-06-28 12:37:30 +02:00
Johannes Meyer 6990e48446 css: Respect `--disabled-gray` 2021-06-28 11:24:02 +02:00
Johannes Meyer 663cc53017 css: Respect `--black` 2021-06-28 11:13:23 +02:00
Johannes Meyer 3b6a10ecaa css: Apply theme mode also to the datetime picker 2021-06-24 17:33:28 +02:00
Johannes Meyer 98cea1bbab css: Fix form description background color 2021-06-24 13:06:05 +02:00
Johannes Meyer 36034afc93 css: Respect `--menu-flyout-color` 2021-06-23 17:40:06 +02:00
Johannes Meyer 723e3ec362 css: Respect `--menu-active-color` 2021-06-23 17:40:06 +02:00
Johannes Meyer e3dbd01e86 css: Respect `--text-color-light` 2021-06-23 17:40:06 +02:00
Johannes Meyer 638cc5c683 css: Respect `--menu-flyout-bg-color` 2021-06-23 17:40:06 +02:00
Johannes Meyer fbb137a227 css: Respect `--text-color-on-icinga-blue` 2021-06-23 17:40:06 +02:00
Johannes Meyer ac45a51ffb css: Respect `--text-color-inverted` 2021-06-23 17:40:06 +02:00
Johannes Meyer 608499c4cd Integrate light theme's `gray-lightest` using a media query 2021-06-23 17:40:06 +02:00
Johannes Meyer 49f905af06 Integrate light theme's `gray-lighter` using a media query 2021-06-23 17:40:06 +02:00
Johannes Meyer b7f42e52dc Integrate light theme's `gray-light` using a media query 2021-06-23 17:40:06 +02:00
Johannes Meyer 62979c31f0 Integrate light theme's `gray-semilight` using a media query 2021-06-23 17:40:06 +02:00
Johannes Meyer d82577c0e0 Integrate light theme's `gray` using a media query 2021-06-23 17:40:06 +02:00
Johannes Meyer 78aef14c9f Integrate light theme's `low-sat-blue-dark` using a media query 2021-06-23 17:40:06 +02:00
Johannes Meyer 02c0a9b151 Integrate light theme's `low-sat-blue` using a media query 2021-06-23 17:40:06 +02:00
Johannes Meyer 8bb50b3725 Integrate light theme's `menu-2ndlvl-color` using a media query 2021-06-23 17:40:06 +02:00
Johannes Meyer ff4dafe091 Integrate light theme's `menu-active-bg-color` using a media query 2021-06-23 17:40:06 +02:00
Johannes Meyer 39983763f1 Integrate light theme's `menu-color` using a media query 2021-06-23 17:40:06 +02:00
Johannes Meyer 039fdfc8af Integrate light theme's `@text-color` using a media query 2021-06-23 17:40:06 +02:00
Johannes Meyer 05acbd0a3f Integrate light theme's `@menu-bg-color` using a media query 2021-06-23 17:40:06 +02:00
Johannes Meyer 96687e37c6 Integrate light theme's `@body-bg-color` using a media query 2021-06-23 17:40:06 +02:00
Johannes Meyer b1622fcb2d Integrate light theme's selector rules using media queries 2021-06-23 17:40:06 +02:00
Florian Strohmaier 4b75f94573 PreferenceForm: Style theme mode control 2021-06-23 17:34:27 +02:00
Florian Strohmaier 1c137ee6e6 Add theme mode thumbnail images
refs #4390
2021-06-23 17:34:27 +02:00
Sukhwinder Dhillon c64e9888a2 Add .less files for theme modes 2021-06-23 16:20:14 +02:00
Sukhwinder Dhillon 39fbc43860 Add .var() to mixins.less 2021-06-23 16:15:52 +02:00
Florian Strohmaier 4e6049c115 Use light loader in theme 2021-06-23 07:39:56 +02:00
Florian Strohmaier 006860f0e5 Add loader image for light theme 2021-06-23 07:39:56 +02:00
Florian Strohmaier 0eec9e2521 Invert icinga-loader.gif image 2021-06-23 07:39:56 +02:00
Florian Strohmaier 1119e001d4 CSS: Use text-color-light analogous to icingadb-web 2021-06-23 07:39:56 +02:00
Florian Strohmaier 00f28b935e Adjust styles to markup changes 2021-06-23 07:39:56 +02:00
Feu Mourek cffa807503 Change pending colour to light grey in colourblind theme 2021-06-23 07:39:56 +02:00
Florian Strohmaier 020e0c767a high-contrast.less: Remove redundant #notification styles 2021-06-23 07:39:56 +02:00
Florian Strohmaier 532c2ed109 CSS: Update styles for #notifications 2021-06-23 07:39:56 +02:00
Florian Strohmaier 5b43e358fd CSS: Use correct inverted text color for light theme 2021-06-23 07:39:56 +02:00
Feu Mourek 86d8b4501b Adapt the colourblind theme colours 2021-06-23 07:39:56 +02:00
Florian Strohmaier 33402ec6b0 high-contrast.less: Fix contrast for overdue list items 2021-06-23 07:39:56 +02:00
Florian Strohmaier e88a2b588b high-contrast.less: Fix notifications success color contrast
refs #4337
2021-06-23 07:39:56 +02:00
Florian Strohmaier 584e97f631 high-contrast.less: Adjust `.button-link`, `.search-bar`and `.search-editor`
Styles for `.view-mode-switcher` in icingadb-web/view-mode-switcher-post branch
2021-06-23 07:39:56 +02:00
Florian Strohmaier 8bcbc7fc25 high-contrast.less: Make .search-bar match input style 2021-06-23 07:39:56 +02:00
Florian Strohmaier 8748c90fd3 high-contrast.less: Reset search bar background img 2021-06-23 07:39:56 +02:00
Florian Strohmaier 5e4077bb44 hight-contrast.less: Set basic vars 2021-06-23 07:39:56 +02:00
Florian Strohmaier b73acda227 high-contrast.less: Adjust `#menu` styles 2021-06-23 07:39:56 +02:00
Florian Strohmaier 652591ee96 high-contrast.less: Style `.status-bar` `.badge`s 2021-06-23 07:39:56 +02:00
Florian Strohmaier 387ac3e7fc high-contrast.less: Add original gray vars 2021-06-23 07:39:56 +02:00
Florian Strohmaier 4f4671a15b main.less: Match name-value-table label color with .horizintal-key-value key color 2021-06-23 07:39:55 +02:00
Florian Strohmaier 5f648128b5 menu.less: Use appropriate var for active menu item caret bg 2021-06-23 07:39:55 +02:00
Florian Strohmaier 5b14970b9f CSS: Use color vars for module boxes in setup
refs #4337
2021-06-23 07:39:55 +02:00
Florian Strohmaier acc3607f65 CSS: Adjust color for .control-info hover
refs #4337
2021-06-23 07:39:55 +02:00
Florian Strohmaier c419efb3d0 CSS: Adjust colors for disabled pagination elements
refs #4337
2021-06-23 07:39:55 +02:00
Johannes Meyer 6b91f8f223 css: Cleanup base.less 2021-06-23 07:39:55 +02:00
Johannes Meyer 9d50b0e742 css: Cleanup light theme 2021-06-23 07:39:55 +02:00
Johannes Meyer 7122455d5b css: Fix notification text in light theme 2021-06-23 07:39:55 +02:00
Johannes Meyer 3b87bbaff9 css: Fix tab hover styles 2021-06-23 07:39:55 +02:00
Johannes Meyer 06d0621a12 menu.less: Use appropriate color variables based on usage 2021-06-23 07:39:55 +02:00
Johannes Meyer 4481c5b9c4 Fix collapsible impact effect 2021-06-23 07:39:55 +02:00
Florian Strohmaier e863344dad CSS: Redesign login form 2021-06-23 07:39:55 +02:00
Florian Strohmaier 3b1b8a0b92 CSS: Remove layout specific styles for login view 2021-06-23 07:39:55 +02:00
Florian Strohmaier fe5e2b0f05 login.less: Implement login animation 2021-06-23 07:39:55 +02:00
Florian Strohmaier b36c130e15 Assets: Add orb images 2021-06-23 07:39:55 +02:00
Florian Strohmaier 94a86f3d2d icinga-light-theme: Fix notifications text color 2021-06-23 07:39:55 +02:00
Florian Strohmaier 7e5bb8a230 icinga-light-theme: Style login view 2021-06-23 07:39:55 +02:00
Florian Strohmaier 73deefe7c4 badges.less: Fix default badge contrast 2021-06-23 07:39:55 +02:00
Florian Strohmaier 4ae71ae1dc Login: Use static background image 2021-06-23 07:39:55 +02:00
Florian Strohmaier 44430a3901 menu.less: Adjust level-2 hover background 2021-06-23 07:39:55 +02:00
Florian Strohmaier 049aadefc6 menu.less: Fix drop shadow obscuring #toggle-sidebar and active list itemm caret 2021-06-23 07:39:55 +02:00
Florian Strohmaier 22dc22b535 layout-structure.less: Add sidebar shadow 2021-06-23 07:39:55 +02:00
Florian Strohmaier 2b323c9008 controls.less: Use light search icon in controls 2021-06-23 07:39:55 +02:00
Florian Strohmaier 090e744508 main.less: Blend collapsible gradient to background 2021-06-23 07:39:55 +02:00
Florian Strohmaier c854bd3f34 tabs.less: Adjust tabs item color 2021-06-23 07:39:55 +02:00
Florian Strohmaier 1b0e8aa73c Add ui image files
Add file

Add file

Add file
2021-06-23 07:39:55 +02:00
Florian Strohmaier 32e756b185 menu.less: User themable text color for active level-1 menu item 2021-06-23 07:39:55 +02:00
Florian Strohmaier a9a7cb81e8 menu.less: Remove drop shadow from menu 2021-06-23 07:39:55 +02:00
Florian Strohmaier 112e1a147c Add icinga-light-theme file 2021-06-23 07:39:55 +02:00
Florian Strohmaier e30277c81d Add icinga-logo-inverted.svg 2021-06-23 07:39:55 +02:00
Florian Strohmaier a99e99bd39 Adjust sidebar toggle icon color 2021-06-23 07:39:55 +02:00
Florian Strohmaier 50c2c8075b menu.less: Adjust menu colors 2021-06-23 07:39:55 +02:00
Florian Strohmaier 1cb92064aa main.less: Adjust collapsible bottom fade 2021-06-23 07:39:55 +02:00
Florian Strohmaier eed1672ed4 login.less: Update login screen 2021-06-23 07:39:55 +02:00
Florian Strohmaier 77be67662b menu.less: Invert .badge-nav-item hover color 2021-06-23 07:39:55 +02:00
Florian Strohmaier 2f7b2f1fde tabs.less: Adjust tab colors 2021-06-23 07:39:55 +02:00
Florian Strohmaier acca870064 layout.less: Adjust layout element colors 2021-06-23 07:39:55 +02:00
Florian Strohmaier bddd376cfd base.less: Set color vars 2021-06-23 07:39:55 +02:00
Johannes Meyer 23ee95e45f js: Only show a single datetime picker in each container at a time 2021-06-22 11:22:19 +02:00
Johannes Meyer c01e0f9dc8 js: Don't add scheme and location when reloading CSS
It's not necessary and may (has) lead to the following case:
`http://localhost/http://localhost/icingaweb2/css/icinga.min.css`
2021-06-18 17:19:18 +02:00
Johannes Meyer 1c7e5b31bf js: Don't bypass our cache when reloading CSS
The timestamp previously added, forces the browser to ignore
its own cache and thus it doesn't transmit the `If-None-Match`
header. We then re-calculate the the CSS possibly for no reason.
If there is a re-calculation indeed required it should be still
done now since the ETag transmitted by the browser is outdated.

refs #4340
2021-06-16 14:59:19 +02:00
Johannes Meyer 7c4488ddc7 input-enrichment: Fix incorrect identification of enriched elements 2021-06-09 15:19:05 +02:00
Johannes Meyer 2563672f11 css: Initialize `@iplWebAssets` variable 2021-06-02 15:33:18 +02:00
Johannes Meyer e794967389 js: Require libs from `icinga/icinga-php-library` now 2021-06-01 12:06:58 +02:00
Johannes Meyer cc0c6fc71b js: Avoid usage of `.matches()` as it isn't available with IE11 2021-05-25 17:19:03 +02:00
Eric Lippmann 68acf12407
Remember me (#4112)
Co-authored-by: Sukhwinder Dhillon <sukhwinder.dhillon@icinga.com>
2021-05-21 15:43:06 +02:00
Johannes Meyer 4236dd84d9 datetime-picker.js: Show an icon inside the flatpickr input 2021-05-17 13:20:43 +02:00
Johannes Meyer 5a6e3cf32f datetime-picker.js: Cleanup unused flatpickr instances 2021-05-17 13:20:43 +02:00
Johannes Meyer e704309c41 modal.js: Trigger `close-modal` when.. closing a modal 2021-05-17 13:20:43 +02:00
Johannes Meyer 90a056d988 datetime-picker.js: Append flatpickr container not to body
The body isn't cleared without a full reload. This way the
flatpickr container resides in the same container as the
input's form.
2021-05-17 13:20:43 +02:00
Johannes Meyer 025c50f8a5 css: Only set `width:100%` for `.icinga-form`s in a modal's content 2021-05-17 13:20:43 +02:00
Johannes Meyer 6c3c8a3e38 css: Add dark styles for `flatpickr` widgets to solarized dark theme 2021-05-17 13:20:43 +02:00
Johannes Meyer 162d898d42 js: Introduce `DatetimePicker` behavior
Utilizes `flatpickr` from ipl-web.
2021-05-17 13:20:42 +02:00
Johannes Meyer c202eccf65 define.js: Support libs that require `exports`
I'm not sure how this actually is supposed to work,
but I believe this is how we can support it so that
it's still useful.
2021-05-17 13:20:42 +02:00
Johannes Meyer 0da4a11d91
Merge pull request #4355 from Icinga/health-endpoint
Health endpoint
2021-05-17 13:11:51 +02:00
Johannes Meyer cb4e6011f3 js: Remove jquery-migrate 2021-05-17 10:44:27 +02:00
Johannes Meyer def52c6c49 css: Remove `.code()` mixin
Undefined mixins don't cause the CSS to not load anymore.
2021-05-17 10:28:23 +02:00
Johannes Meyer 5e382dcfa9 Introduce health endpoint /health[/checks] 2021-05-14 15:45:35 +02:00
Johannes Meyer 54720a1fc1 collapsible.js: Fix flickering 2021-05-12 09:06:26 +02:00
Johannes Meyer f50c095e15 js: Support custom collapsible controls in place of the default one 2021-05-05 17:59:12 +02:00
Johannes Meyer a77219d9e2 css: Enhance margins of `.icinga-form.inline` 2021-04-26 13:54:57 +02:00
Johannes Meyer 7264b8ce9f css: Provide working char-code for fontawesome spinners 2021-04-22 10:21:22 +02:00
Johannes Meyer aaf6bcea4d css: Align labels and inputs vertically centered in inline forms 2021-04-22 10:20:53 +02:00
Johannes Meyer 85e9f06510 js: Mark autosubmits as autosubmits, not as autorefreshes
fixes #4346
2021-04-12 09:39:48 +02:00
Johannes Meyer aa03631eef js: Allow to mark requests explicitly as autosubmits 2021-04-12 09:39:48 +02:00
Johannes Meyer f782c08d80 RoleForm: Highlight set privileges in headers
resolves #4241
2021-04-08 10:13:24 +02:00
Johannes Meyer bab10899a2 role/audit: Fix layout on mobile devices
Not perfect, but enough for now.
2021-04-07 14:30:14 +02:00
Johannes Meyer 9db50eb75b css: Enhance layout of inline forms 2021-04-07 14:30:14 +02:00
Johannes Meyer e288ccd713 css: Don't override padding of all inputs in controls
inputs are expected to have their own padding and if
that doesn't suit everywhere, they have to be adjusted.
Overriding padding and such stuff this generally is bad.
This also solves the problem that the filter editor
search field is missing its specific padding, yay. -.-
2021-04-07 14:30:14 +02:00
Johannes Meyer 68f101b015 RoleForm: Don't let privilege labels break on dashes 2021-04-07 14:30:14 +02:00
Johannes Meyer be227fd61d roles/audit: Utilize view `Icinga\Web\View\PrivilegeAudit` 2021-04-07 14:30:14 +02:00
Johannes Meyer 074f08db4e Introduce view `Icinga\Web\View\PrivilegeAudit` 2021-04-07 14:30:14 +02:00
Johannes Meyer f31b1569aa css: Add new mixin `.user-select()` 2021-04-07 14:30:14 +02:00
Johannes Meyer ce1fed1b1d css: Use specific colors to represent grants, refusals and restrictions 2021-04-07 14:30:14 +02:00
Johannes Meyer a8be92c245 loader.js: Still apply some accessibility changes..
..if a renderHook discards an autorefresh. There is
unfortunately no way to distinguish between a renderHook
that really discards changes or one that applies them
on the DOM itself. If it's the first, this change
*shouldn't* hurt. If it's the latter, users should
benefit.
2021-03-31 12:38:35 +02:00
Johannes Meyer e65ec1900a js: Add new special redirect target `__CLOSE__`
This has the same effect as a normal redirect. The benefit of it however
is that the server doesn't need to know what's being shown in the left
column. It just instructs the client to close the right and refresh the
left column. But still produces a new history state, it's a forward
navigation nonetheless.
2021-03-30 13:25:40 +02:00
Johannes Meyer 94a16056d7 js: Speedup collapsible.js by a factor of 10
It's still relatively slow as it forces a reflow in the
browser if there are many collapsibles in the view.
I didn't manage to identify the issue yet, but I left
a TODO at the location that's responsible for it.
2021-03-30 09:31:57 +02:00
Johannes Meyer 1675cc6d74 js: Make Utils.getCSSPath work without a jQuery set 2021-03-30 09:31:57 +02:00
Johannes Meyer 25263e767b js: Allow to disable persistence for collapsibles 2021-03-30 09:27:22 +02:00
Johannes Meyer 8c147c1b2f css: Remove left-over styles from tipsy 2021-03-09 08:58:48 +01:00
Johannes Meyer 07251e6d5e modal.js: Really only close the modal if the user clicks outside of it
The click event fires only after the mouse button is released, which
may happen on the outside, after the user tried to select something
and overrun accidentally. A close is then not desired as the user
may loose input. The mousedown event fires right when the button
is pressed and suffices on the outside of the modal.
2021-03-09 08:52:10 +01:00
Johannes Meyer 7790a72efa js: Only close a modal if an ESC press is not handled otherwise 2021-03-09 08:52:10 +01:00
Johannes Meyer b4531b6b45 js: Add support for the `search-editor` input enrichment
Also makes it possible to enrich inputs in modals
2021-03-09 08:52:10 +01:00
Johannes Meyer b17be671bc js: Accept non-jQuery nodes in method `EventListener.bind()` 2021-03-09 08:52:10 +01:00
Johannes Meyer e4ff391b1a js: Trigger a `rendered` event if SearchBar editor is opened 2021-03-09 08:52:10 +01:00
Johannes Meyer f44ea884bd js: Suspend auto refresh once `search-bar` enrichment opens its editor 2021-03-09 08:52:10 +01:00
Johannes Meyer 1f29c4a2fe js: Allow to suspend auto refresh for individual containers 2021-03-09 08:52:10 +01:00
Johannes Meyer 4366f93127 js: Support new input enrichment type `search-bar` 2021-03-09 08:52:10 +01:00
Johannes Meyer 027e468943 js: Update a form's action if it's a auto submit response with `X-Icinga-Location-Query` 2021-03-09 08:52:10 +01:00
Johannes Meyer 43dd89f946 js: Also support `_self` and such target ids for response header `X-Icinga-Container`
The server can now instruct the client to render the response in a different container
2021-03-09 08:52:10 +01:00
Johannes Meyer 6e8ca9cdda js: Add method `identifyLinkTarget()` to the loader 2021-03-09 08:52:10 +01:00
Johannes Meyer 4f57aa68cd js: Transmit `X-Icinga-Container` for all requests
This tells the server which container the client will use
to render the response in
2021-03-09 08:52:10 +01:00
Johannes Meyer 4d4f5b3a69 js: Don't serve scripts utilizing ECMA2016+ features
i.e. library javascript assets
2021-02-22 16:01:42 +01:00
Johannes Meyer 5c5e83a700 loader.js: Don't use the regex DotAll modifier, it's ES2018+ only
i.e. not supported by Microsoft Edge
2021-02-22 15:07:55 +01:00
Johannes Meyer 9dae3bdf88 loader.js: Only abort GET autorefresh requests 2021-02-18 14:10:02 +01:00
Johannes Meyer 87d741265e Auth: Add support for denied permissions 2021-02-18 11:11:39 +01:00
Johannes Meyer 57b4a31bc3 js: Don't navigate right when opening a modal
Isn't the prettiest fix. I would have liked to completely
remove the target preparation from `getLinkTargetFor`.
But this is the easiest fix since it's only for modals
that preparation is not desired. It's also the most
compatible change.
2021-02-17 12:51:26 +01:00