-
Notifications
You must be signed in to change notification settings - Fork 77
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
migrate badge documentation from pull into wiki (#83)
* migrate badge documentation from pull into wiki from this pull louislam/uptime-kuma#1119 * Update badges documentation resolve comments from CommanderStorm * Update Badge.md * Apply suggestions from code review Co-authored-by: Frank Elsinga <[email protected]> * delete counting badges Co-authored-by: Frank Elsinga <[email protected]> * Tip Open Badge Generator Co-authored-by: Frank Elsinga <[email protected]> * Delete Screenshots * Reorder whole content * Delete Example Image * Update Badge.md delete ref pull Co-authored-by: Frank Elsinga <[email protected]> * Update Badge.md delete headline open Badge Generator Co-authored-by: Frank Elsinga <[email protected]> * Update Badge.md Change Sentence about the predefined or custom color Co-authored-by: Frank Elsinga <[email protected]> * Update Badge.mf Change the appearance of all examples Co-authored-by: Frank Elsinga <[email protected]> * Update Badge.md delete file inline Table of content Co-authored-by: Frank Elsinga <[email protected]> * Update Badge.md Correction of the tables with examples * Update Badge.md Correct Markdown Typo Co-authored-by: Frank Elsinga <[email protected]> --------- Co-authored-by: Frank Elsinga <[email protected]>
- Loading branch information
1 parent
37a519b
commit bdb2bc6
Showing
18 changed files
with
123 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,125 @@ | ||
(Version >= 1.16.0) | ||
|
||
Please read: https://github.com/louislam/uptime-kuma/pull/1119 | ||
|
||
|
||
# Description | ||
|
||
`status`, `ping`, `uptime`, `avg-response`, `cert-exp` and `response`-badges are generated locally. | ||
The server does this for all monitors which have been added to status pages and have thus been published. | ||
The design is based on [badge-maker](https://www.npmjs.com/package/badge-maker) aka. [shields.io](http://shields.io/). | ||
|
||
These are the endpoints that return an SVG graphic for a given (public) monitor: | ||
|
||
| Badge Type | URL scheme | URL example | Graphic example | | ||
|----------------|---------------------------------------------------------|---------------------------------------|----------------------------------------------| | ||
| `status` | `<kuma-url>/api/badge/:monitorID/status` | `<kuma-url>/api/badge/1/status` | ![image](img/badge/status-example.png) | | ||
| `uptime` | `<kuma-url>/api/badge/:monitorID/uptime:duration` | `<kuma-url>/api/badge/1/uptime` | ![image](img/badge/uptime-example.png) | | ||
| `ping` | `<kuma-url>/api/badge/:monitorID/ping:duration` | `<kuma-url>/api/badge/1/ping` | ![image](img/badge/ping-example.png) | | ||
| `avg-response` | `<kuma-url>/api/badge/:monitorID/avg-response:duration` | `<kuma-url>/api/badge/1/avg-response` | ![image](img/badge/avg-response-example.png) | | ||
| `cert-exp` | `<kuma-url>/api/badge/:monitorID/cert-exp` | `<kuma-url>/api/badge/1/cert-exp` | ![image](img/badge/cert-exp-example.png) | | ||
| `response` | `<kuma-url>/api/badge/:monitorID/response` | `<kuma-url>/api/badge/1/response` | ![image](img/badge/response-example.png) | | ||
|
||
> [!TIP] | ||
> We have an Badge Generator integrated which makes this configuration more interactive. | ||
> | ||
> You can use said generator via: | ||
> - navigating to a status page in edit mode | ||
> - <details><summary>Clicking on the settings icon</summary> | ||
> <p> | ||
> | ||
> ![image](img/badge/settings-button.png) | ||
> | ||
> </p> | ||
> </details> | ||
> - <details><summary>Clicking on the <code>Open Badge Maker</code>-button</summary> | ||
> <p> | ||
> | ||
> ![image](img/badge/settings.png) | ||
> | ||
> </p> | ||
> </details> | ||
> - <details><summary>filling out the form to create your own badge</summary> | ||
> <p> | ||
> | ||
> ![image](img/badge/open-badge-generator.png) | ||
> | ||
> </p> | ||
> </details> | ||
# Badge Type Options | ||
|
||
## Status badge | ||
|
||
There are options to customize the **status** badge's appearance: | ||
- `upLabel`,Default value: Up | ||
- `downLabel`, Default value: Down | ||
- `upColor` | ||
- `downColor` | ||
|
||
**Examples** | ||
|
||
| Badge | Url | | ||
|-------|-----| | ||
| ![image](img/badge/status-label.png) | `<kuma-url>/api/badge/<monitorId>/status?upLabel=<upLabel>&downLabel=<downLabel>` | | ||
| ![image](img/badge/status-bw.png) | `<kuma-url>/api/badge/<monitorId>/status?upColor=white&downColor=black` | | ||
|
||
## Ping, uptime, avg-response and response badge | ||
|
||
There are options to customize the **ping**, **uptime**, **avg-response** and **response** badge's text: | ||
- `labelPrefix` | ||
- `label` | ||
- `labelSuffix`, Default: value: uptime, ping & avg-response image= `h` | ||
- `prefix` | ||
- `suffix`, Default value: uptime= `%`, ping, avg-response & response= `ms` | ||
- `color` | ||
- `labelColor` | ||
|
||
**Examples** | ||
|
||
| Badge | Url | | ||
|-------|-----| | ||
| ![image](img/badge/ping-label.png) | `<kuma-url>/api/badge/<monitorId>/ping/24?labelPrefix=<labelPrefix>&label=<label>&labelSuffix=<labelSuffix>&prefix=<prefix>&suffix=<suffix>` | | ||
| ![image](img/badge/uptime-label.png) | `<kuma-url>/api/badge/<monitorId>/uptime/24?labelPrefix=<labelPrefix>&label=<label>&labelSuffix=<labelSuffix>&prefix=<prefix>&suffix=<suffix>` | | ||
| | `<kuma-url>/api/badge/<monitorId>/avg-response/24?labelPrefix=<labelPrefix>&label=<label>&labelSuffix=<labelSuffix>&prefix=<prefix>&suffix=<suffix>` | | ||
|
||
The default uptime badge's color is based on the uptime percentage: | ||
|
||
![image](img/badge/uptime-color.png) | ||
|
||
but can be overwritten with [predefined color](https://www.npmjs.com/package/badge-maker#colors) or any other color in HEX code: | ||
|
||
![image](img/badge/custom-colours.png) | ||
|
||
### Badge Duration at ping, uptime and avg-response | ||
|
||
The given time interval at `Badge Duration (in hours)` has to be in 'hours', but customizing options allow for a different display: | ||
|
||
**Example** | ||
|
||
| Badge | Url | | ||
|-------|-----| | ||
| ![image](img/badge/duration.png) | `<kuma-url>/api/badge/1/uptime/720?label=30&labelSuffix=d` | | ||
|
||
## Certificate Expire badge | ||
|
||
There are the same options like **ping**, **uptime** and **avg-response** and additional to customize the **cert-exp** badge's text: | ||
- `upColor` | ||
- `downColor` | ||
- `warnDays` | ||
- `downDays` | ||
|
||
# Badge Styles | ||
|
||
The different badge styles as defined by https://shields.io/#styles. (thx @throwabird / [comment](https://github.com/louislam/uptime-kuma/pull/1119#issuecomment-1004760533) ) | ||
|
||
- `flat` (default) | ||
- `flat-square` | ||
- `plastic` | ||
- `for-the-badge` | ||
- `social` | ||
|
||
**Example** | ||
|
||
| Badge | Url | | ||
|-------|-----| | ||
| ![image](img/badge/badge-style.png) | `<kuma-url>/api/badge/<monitorId>/status?style=flat-square` | |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.