feat(ui): Add a button to navigate to external links

[Avasz]

First of all thank you for this awesome tool! Really like this, have been using this for 100+ hosts and it has been helping us a lot!!

We use Grafana for detailed monitoring of the host system metrics and Gatus for the Uptime monitoring & alerting of those hosts.
It would be better if we can have one or multiple button/link that can open any third party pages [Grafana Dashboard for that particular host in my case ] to analyze what went wrong.

Please let me know your views on this! I hope this makes sense to other users too.

[TwiN]

Hello @Avasz, I'm glad to know Gatus has been helpful to you so far.

To answer your question, I also think that it definitely makes sense.

That said, there would definitely be some challenges when it comes to the UI aspect of adding 3rd party links; it'd probably have to be a drop down button with a list of all external links, that or a dedicated section in the service details page.

So before considering that option, is there a reason why you can't include the link to 3rd party links in the alert description?
If you're using Slack notifications or something of the sort, it shouldn't be too hard to add links to these external services.

P.S. Answering "because it's not as convenient as having a drop down menu on the main dashboard" is a perfectly acceptable answer.

[Avasz]

Yes, I do include the external link in my alert descriptions.

But there are times when I am taking a look at the Gatus dashboard and see few regular healthcheck fails that do not trigger the alert because it didn't actually meet my threshold. For eg:

Also one more reason is, I want to have Gatus as the main dashboard for my services, from which I can link it to external service.

The above screenshot also shows what I had in my mind while making this feature request - the external link icon near the IP address.

Thank you!

[TwiN]

Something like this would totally make sense:

services:
  - name: example
    url: "https://twinnation.org/health"
    conditions:
      - "[STATUS] == 200"
    links:
      - name: Repository
        value: "https://github.com/example/example"
        type: URL
      - name: Staging
        value: "https://staging.example.org"
        type: URL

On the UI, it could look something like this:

Allowing a type also gives it the potential to be extended later on without breaking changes (see #131).

[tchartron]

Hi, is there any implementation plan for this feature request ? I also think it could be pretty nice to have it

Thanks for your work, gatus is great !

[TwiN]

@tchartron Unfortunately, I don't have any timeline in mind since I'm busy with other projects as well as work at the moment.

Small modification on the aforementioned plan. This is how I think it should be reflected in the configuration:

endpoints:
  - name: example
    url: "https://example.org"
    conditions:
      - "[STATUS] == 200"
    ui:
      links:
        - name: Repository
          value: "https://github.com/example/example"
        - name: Staging
          value: "https://staging.example.org"

Basically, the changes are to put links under ui and remove the type parameter for now since it's not necessary yet.

[finzzz]

Hi, I thought this is the feature that got released in 3.5.0....
Why not just add option like "external: https://google.com" for example (?)

[TwiN]

@finzzz The feature that was just released is a link to open when the logo is clicked.

This issue is more about having endpoint-level external links rather than a global link.

[finzzz]

Yeah, that's what I need, endpoint-level external links.

[TwiN]

Had some free time today, decided to add support for buttons under the header:

Very minimal, but I figured it could still come in handy.