meerkat-dashboard / meerkat Goto Github PK
View Code? Open in Web Editor NEWDrag-and-drop dashboards for Icinga
Home Page: https://meerkat.run
License: GNU Affero General Public License v3.0
Drag-and-drop dashboards for Icinga
Home Page: https://meerkat.run
License: GNU Affero General Public License v3.0
The card feature needs to support perfdata. The perfdata output is key=value pairs, and when configuring a host or service check, the card element type should allow the user to pick the type of perfdata from that check (say 'packet_loss') and then when displayed, the card will show the value of the perfdata. EG - new card, service, ping google, contents is perfdata - pick packetloss. Save element, and packet loss value to google is showed on diagram.
If you add an Icinga Line object, it seems to save OK, and then when you view the dashboard it disappears.
In GitLab by @max1 on May 3, 2021, 11:18
Need to be able to clone a dashboard, i'm thinking this will be on the home screen next to the delete button. after cloning it will create a new dashboard with the file name plus "copy" then "copy 2" etc
its brutal
We need to be able to support the acknowledged state on services and hosts. The simple solution is to apply a lighter overlay in CSS to the current state.
Something like where critical + acknowledged is received, apply a white tone to make the red into a pink.
And so on for warning + ack and unknown + ack.
It needs to be light enough to be clear it is a different colour.
The sky racing dashboard in nagvis is an example of how we used to do it:
In GitLab by @max1 on May 21, 2021, 17:10
We need a new type of element which is basically like those info graphics you see at the bottom of a news program.
Don't use the marquee html tag as its deprecated in HTML5.
This will need a text input box that contains the Ticker text to be scrolled.
Also a colour option would be nice for both text and background (maybe height also).
Scroll direction should be left to right. It can be pinned to the bottom of the dashboard (Bonus points for making it a movable element).
current with even a small amount of checks its very hard to find what you are looking for in a big dropdown
a text search ui field would be rad
In GitLab by @max1 on Jan 8, 2021, 12:03
The elements are moved off their background position when in view mode after the stretch was turned off. I think this is to do with where they are placed in x,y land. It would be easy enough to have the edit mode have the picture start at 0,0 as well, then the background and elements would match in both modes.
The static text feature doesn't save properly. and the text gets lost and then doesn't display in view mode.
When going back into edit an element the combosearch box loses its value. The element is OK on disk I think, just the UI is missing the value.
In GitLab by @max1 on Sep 22, 2020, 14:14
When an element is duplicated and the duplicated item has it's service changed, it changes the source duplicated one as well
In GitLab by @woody on Apr 12, 2021, 16:16
As a documentation feature and for usability it would be great to store with each element a sentence which could be displayed on hover which gives some meaning to the element, to enhance their understanding of what the "Green" or "Red" means.
examples:
"The Audio sources originating at Ultimo all have status OK on all the A muxes"
The title could be used for this but the title could maybe be shorter for other reasons.
Bonus feature, if this is blank, then generate something from the Icinga check config, e.g. "Service group Ultimo Audio A"
This is a new API call, but will require a list of all services on a host from the API, then you can put the host in the search box. This will create an Icinga element that has the "worst" service on the host out of all the services.
In GitLab by @woody on Apr 12, 2021, 16:20
Some checks would benefit from some more detail, this could come from an Icinga help text field which is maybe populated from Netbox / Director whatever.
e.g. for TBS the BOC operators would have instructions or details from Netbox such as who to call and what DVN services are involved etc.
On a more general use it might just be useful to bring up the list of icinga services, one per line, in order of criticality.
seems not clickable and then it it. could just be my session
In GitLab by @matthew.palmer on Oct 10, 2020, 13:34
Some sort of little icon next to the filter <input>
element which, when clicked, provided a pop-up with our best guess of what Icinga API filter syntax actually was, would be very handy. It's a weird sort of language, and bears absolutely zero resemblance to what people who've only dealt with the Icinga web API before would expect.
In GitLab by @matthew on Apr 29, 2021, 09:50
It would be useful to be able to add a linking url to any element added to the dashboard (except the background which isn't a element)
Meerkat needs authentication for some purposes, while still being able to support viewable URLs easily for monitors on walls etc.
The current plan is as follows:
This along with having an IcingaAPI user with read only rights, should provide a decent balance of security and usability. Yes its possible to leak/share read only versions of the maps with whoever can reach the meerkat server, however given that meerkat has no ability to make changes this should be acceptable. We can expand on this model later on if we need more fine grained control.
In GitLab by @matthew.palmer on Oct 10, 2020, 13:32
Icinga filters are somewhat fiddly, and it can sometimes be hard to figure out exactly what a given filter will match. It would be useful if there was a button next to the host/service filter <input>
element which ran the filter string currently in the box against the backend Icinga, and listed what hosts or services will match the filter (perhaps optionally with each object's status?). That way users can "test" a filter before they commit to it, and also make sure they're not matching something they didn't want to (which could have disastrous consequences for dashboard accuracy).
We may need to get streams from a proxy off the internet, so the video and audio types need to support having a proxy config text input which then gets passed to the video player
Can't see how to do that
Need to be able to have a video dropped onto meerkat as a iframe so we can watch the stream
In GitLab by @max1 on Sep 10, 2020, 14:21
Merges feature/new-element-iframe-video -> master
In GitLab by @matthew on Apr 13, 2021, 16:38
If a dashboard has many elements it can be difficult to figure out the name of the element you want to change, but it is easy to see it's position on the dashboard.
You should be able to select a element by clicking on the element on the dashboard (that you know the position of) instead of trying to figure out what the right name is.
Doubly so if you didn't originally set the dashboard up and don't know what the name is, the names are a host mess or it has been a while since you've worked on the dashboard.
Would be nice to have more than 'Meerkat' in the title for an instance.
In GitLab by @matthew on Jan 20, 2021, 14:17
Create a meerkat template that allows you to pass in a variable that changes the which checks are shown in the diagram.
To be used where 100's of diagrams are needed that look identical but return the results based on a variable : eg all services from a given host.
Each template would have a single diagram background
Likely to already be done but the url to the template should be consistent so other automated systems can create links using the variables.
example from icinga shared navigation: name = Live diagram, url = http://meerkat.example.com/view/templateid?hostname=$host.name$
http://meerkat.example.com/view/templateid?hostname= is the part that should be consistent
$key$ is icingaweb2's format for variables.
Being able to control templateid may be of use too. Meerkat dashboards are built for existing systems, rather than have to customize each url on a per template basis for system linking to meerkat allowing the meerkat template url to be controlled opens the possibility for systems to have a single entry covering all systems and templates (over multiple meerkat templates).
Example icinga hosts that has a
The icinga url becomes http://meerkat.example.com/view/$host.var.projectname$?hostname=$host.name$.
The meerkat url will take paramaters that can be used as variables in checks.
These variables should be predefined in an array of allowed variable names per template
example meerkat url: http://meerkat.example.com/view/templateid?hostname=ikus_headends_tab-0009e3100309
When adding checks to the diagram instead of selecting the specific check require the user will be able to select the an
object type filtered by the predefined variables above.
example input for url: http://icinga-tsr.sky.net.local/icingaweb2/monitoring/host/show?host={hostname}
needs to support SSM - Source Specific Multicast.
target=_blank
tailwind css is sexy
Need an indicator that says "this dashboard isn't updating!" as its possible the dashboard is frozen.
In GitLab by @woody on Apr 12, 2021, 16:23
Quite often the URL required is pretty obvious based on the config of the check, e.g. if the checkbox is for a service group then link to that service group in icinga.
This could maybe be a radio button arrangement, e.g. No link, dashboard view, list view, custom, other meerkat dashboard, or custom (e.g. to device)
its a bit of messing about selecting UI elements and setting all their states each time
a clone button so we can copy the one we set up and paste it again to just change the name would be good
In GitLab by @max1 on Oct 7, 2020, 10:38
Merges clickable-url-in-view-mode -> master
We are quickly going to exhaust the CPU of the Icinga server unless we do something drastic (like switch to the Event API).
The current logs are filled with requests like this:
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49224)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49226)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49222)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49228)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49230)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:25215)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49234)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49236)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49238)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49240)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49242)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49244)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49246)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49248)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49250)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:25216)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49254)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49256)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:25217)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:25218)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49266)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49262)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49264)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49270)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:25219)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49272)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49276)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49274)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection have been received in the last 10 seconds.
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: HTTP client disconnected (from [10.99.99.90]:49278)
[2021-03-19 01:49:31 +0000] information/HttpServerConnection: No messages for HTTP connection
can cause weird issues.
Allow elements to be linkable in view mode to other web pages. Needs a UI in editing an element for URL, and a hyperlink added to to the element for view mode. Doesn't need to apply to all elements, like video and audio, just the icons and cards.
Need to get the worst state of the service group, and make ACK the second worst state.
So - green if ALL OK
Hard red if any CRITICAL and unacknowledged
Soft RED (ACK) if critical but acknowledged.
Unacked beats acked.
In GitLab by @matthew.palmer on Oct 19, 2020, 10:44
This may seem, on the face of it, to be a deranged thing to do, but hear me out.
At the moment, a dashboard consists of two "main" data items: (1) the JSON description of the elements (what they are, where they live, their parameters, etc), and (2) the background image. They are stored separately on disk (in entirely separate directories, even), and are not related to each other except by a reference in the dashboard JSON to the (content-encoded) filename of the image.
For various reasons, this offends my aesthetic sensibilities.
Firstly, if you delete a dashboard JSON file, the background image isn't necessarily deleted, and once the dashboard JSON is gone, there's no way to ever know what its background image was (so cleaning it up later is a matter of enumerating all the other dashboards, listing their background images, and then deleting the image file(s) that aren't listed -- eeeeugh!). A similar problem ("orphaned" dashboard backgrounds) can happen if you create a new dashboard, upload a background image, and then don't save the dashboard.
Secondly, when you want to retrieve a dashboard, you need to make two requests: first, one for the JSON dashboard description, and then a second for the background image. These can't be made in parallel, because you need to read and parse the dashboard description to find out what image filename you need.
Finally, and the thing which made me think this might be entirely an unhinged idea, is that Narwhal will be incorporating Meerkat dashboards, and the most likely approach to do that will be to request the dashboard JSON directly from Meerkat, and render it within Narwhal. This is a neat idea, but that'll likely require Narwhal proxying Meerkat requests from the user, and it'll simplify the proxy implementation if there's fewer requests that need to be proxied.
So, my recommendation is for dashboard background images to be base64-encoded, jammed into the dashboard JSON, and uploaded as a single unit to Meerkat.
Here endeth the sermon.
basically needs dark mode and a logo to look cool.
Merges dave-master-patch-13500 -> master
need fixed size to make it work on tvs
In GitLab by @max1 on May 10, 2021, 11:21
Could possibly just add media="print" to the style sheet:
<link rel="stylesheet" src="print.css" type="text/css" media="print" />
Media query for print (which should work for the PDF print):
@media print { .check-card.ok: background-colour: green }
This is a screenshot from a pdf document where the styles for the check card aren't displaying:
We have customers have use these and need to be able to source them from the API and use them in checks.
The state of the worst group member needs to set the state for the whole group. Of course that means that if 1 thing goes red, the whole icon goes red, and a second thing won't make it more red. Which is fine.
It would be handy to have the dashboard be able to display host variables dynamically. So the creator of the dashboard can pick a new type of card - Dynamic text, and this then prompts them to pick the host, then the host variable for the contents of the card. Formatting can be applied just like static text.
This will work well with templates, but even for static dashboards, it will be handy to not have to repeat ourselves for things like site address or serial numbers.
In GitLab by @matthew.palmer on Oct 10, 2020, 13:30
When editing an element which uses a host or service filter to select which object('s|s') status to use, the <input>
element for the filter currently uses an onChange
handler to update the filter parameter. This has the unpleasant side-effect of updating the element's display in the preview pane on every keystroke, so as you're typing in a filter specification, the element "flickers" as the filter spec currently in the box changes between valid and invalid. This is ugly. Need to figure out which event handler is more appropriate than onChange
, so that the filter only actually updates when the <input>
loses focus, or perhaps when Enter is pressed, or... something.
In GitLab by @max1 on Sep 28, 2020, 12:23
We need to have alert sounds that can be uploaded and attached to a particular element that will sound when a check changes status.
This will involve uploading the sound via an upload form from the frontend processing it in the backend and storing it in the repo alongside the other assets.
When selecting Icinga Elements, it would make more sense to have a 2 stage selection, where you first select the Object Type - like Host, HostGroup, Service or ServiceGroup. And then the second dropdown lets you select from a list of the first time, so a list of hosts for example. This way we can cut down the size of the list and make it more targeted.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.