BlackDex 5af51fa46f webui: Added auto width and height dimensions parameters to generic image dashboard widget (#8314)
Added the ability to substituted special parameters for width and height of the Generic-image widget to be added to an Image URL.
2018-03-01 22:12:46 +00:00

79 lines
3.8 KiB
Markdown

source: Extensions/Dashboards.md
# Dashboards
Create customised dashboards in LibreNMS per user. You can share dashboards with other users. You can also make a custom dashboard and
default it for all users in LibreNMS.
Example Dashboard
![Example Dashboard](/img/example-dashboard.png)
### Widgets
LibreNMS has a whole list of Widgets to select from.
+ Alerts Widget: Displays all alert notifications.
+ Availability Map: Displays all devices with colored tiles, green up, yellow for warning (device has been restarted in last 24 hours),red for down. You can also list all services and ignored/disabled devcies in this widget.
+ Componet Status: List all componets Ok state, Warning state, Critical state.
+ Device Summary horizontal: List device totals, up, down, ignored, disabled. Same for ports and services.
+ Device Summary vertical: List device totals, up, down, ignored, disabled. Same for ports and services.
+ Eventlog: Displays all events with your devices and LibreNMS.
+ External Image: can be used to show external images on your dashboard. Or images from inside LibreNMS.
+ Globe Map: Will display map of the globe.
+ Graph: Can be used to display graphs from devices.
+ Graylog: Displays all Graylog's syslog entries.
+ Notes: use for html tags, embed links and external web pages. Or just notes in general.
+ Server Stats: Will display gauges for CPU, Memory, Storage usage. Note the device type has to be listed as "Server".
+ Syslog: Displays all syslog entries.
+ Top Devices: By Traffic, or Uptime, or Response time, or Poller Duration, or Procssor load, or Memory Usage, or Storage Usage.
+ Top Interfaces: Lists top interfaces by traffic utilization.
+ Worldmap: displays all your devices locations. From syslocation or from override sysLocation.
List of Widgets:
![List of Widgets][image of widgets]
[image of widgets]: /img/list-widgets.png "List of the widgets"
### Dashboard Permissions
- Private: Sets the dashabord to only the user that created the dashboard can view and edit.
- Shared Read: Sets the dashboard to allow other users to view the dashboard, but cant make changes to the dashboard.
- Shared: Allows all users to view the dashboard and make changes.
### Setting a global default dashboard
Step 1: Set the dashboard to either shared read or shared, depending on what you want the users access to change.
Step 2: Then go to Settings -> WebUI settings -> Dashboard Settings and set the global default dashboard.
### Setting embeded webpage
Using the Notes Widget.
```html
<iframe src="your_url" frameBorder="0" width="100%" height = "100%">
<p>Your browser does not support iframes.</p>
</iframe>
```
Note you may need to play with the width and height and also size your widget properly.
``` src="url" ``` needs to be URL to webpage your linking to.
Also some web pages may not support html embeded or iframe.
![Example embed webpage](/img/example-embed-website.png)
### How to create ports graph
In the dashboard, you want to create an interface graph select the widget called
* Graph: then select "Port" "Bits"
![port-bits-graph](/img/port-bits-graph.png)
* Note: you can map the port by description or the alias or by port id. You will need to know this in order to map the port to the graph.
![port-bits-graph](/img/port-bits-port.png)
### Dimension parameter replacement for Generic-image widget
When using the Generic-image widget you can provide the width and height of the widget with your request.
This will ensure that the image will fit nicely with the dimensions if the Generic-image widget.
You can add @AUTO_HEIGHT@ and @AUTO_WIDTH@ to the Image URL as parameters.
Examples:
+ http://librenms.example.com/graph.php?id=333%2C444&type=multiport_bits_separate&legend=no&absolute=1&from=-14200&width=@AUTO_WIDTH@&height=@AUTO_HEIGHT@
+ http://example.com/myimage.php?size=@AUTO_WIDTH@x@AUTO_HEIGHT@