e49b5f8fbd
LINE Notify is shutting down on Apr 1, 2025: https://notify-bot.line.me/closing-announce I'm removing the onboarding form so people don't set up new integrations that will stop working in 5 months. The code for sending LINE Notify notifications still exists, and the existing integrations will continue to work (until LINE Notify stops working).
580 lines
22 KiB
HTML
580 lines
22 KiB
HTML
{% extends "base_project.html" %}
|
|
{% load compress humanize static hc_extras %}
|
|
|
|
{% block title %}Integrations - {{ site_name }}{% endblock %}
|
|
|
|
|
|
{% block content %}
|
|
<div class="row">
|
|
{% if messages %}
|
|
<div class="col-sm-12">
|
|
{% for message in messages %}
|
|
<p class="alert alert-{{ message.tags }}">{{ message }}</p>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="col-sm-12">
|
|
{% if channels %}
|
|
<table class="table channels-table {% if rw %}rw{% endif %}">
|
|
<tr>
|
|
<th></th>
|
|
<th class="th-name">Name, Details</th>
|
|
<th class="th-checks">Assigned Checks</th>
|
|
<th>Status</th>
|
|
<th>Last Notification</th>
|
|
<th></th>
|
|
</tr>
|
|
{% for ch in channels %}
|
|
<tr class="channel-row kind-{{ ch.kind }}">
|
|
<td class="icon-cell">
|
|
<img src="{% static ch.icon_path %}" alt="{{ ch.get_kind_display }}" class="kind-{{ ch.kind }}" />
|
|
</td>
|
|
<td>
|
|
<div class="edit-name" data-toggle="modal" data-target="#name-{{ ch.code }}">
|
|
{% if ch.name %}
|
|
{{ ch.name }}
|
|
{% else %}
|
|
<div class="unnamed">unnamed</div>
|
|
{% endif %}
|
|
<div class="channel-details-mini">
|
|
{% include "front/channel_description.html" with ch=ch %}
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="edit-checks"
|
|
data-url="{% url 'hc-channel-checks' ch.code %}">
|
|
{{ ch.n_checks }} check{{ ch.n_checks|pluralize }}
|
|
</div>
|
|
</td>
|
|
<td>
|
|
{% if ch.disabled %}
|
|
<span class="label label-danger">Disabled</span>
|
|
{% elif ch.kind == "email" and not ch.email_verified %}
|
|
<span class="label label-default">Unconfirmed</span>
|
|
{% elif ch.kind == "hipchat" or ch.kind == "pagerteam" %}
|
|
Retired
|
|
{% else %}
|
|
Ready to deliver
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
{% if ch.last_notify %}
|
|
{% if ch.last_error %}
|
|
<span class="text-danger" data-toggle="tooltip" title="{{ ch.last_error }}">
|
|
<strong>Failed</strong>, {{ ch.last_notify|naturaltime }}
|
|
</span>
|
|
{% else %}
|
|
Delivered, {{ ch.last_notify|naturaltime }}
|
|
{% endif %}
|
|
{% else %}
|
|
Never
|
|
{% endif %}
|
|
{% if ch.kind == "sms" or ch.kind == "whatsapp" %}
|
|
<p>Used {{ profile.sms_sent_this_month }} of {{ profile.sms_limit }} sends this month.</p>
|
|
{% endif %}
|
|
{% if ch.kind == "call" %}
|
|
<p>Used {{ profile.calls_sent_this_month }} of {{ profile.call_limit }} phone calls this month.</p>
|
|
{% endif %}
|
|
</td>
|
|
<td class="actions">
|
|
{% if ch.is_editable and rw %}
|
|
<a class="btn btn-sm btn-default" href="{% url 'hc-edit-channel' ch.code %}">
|
|
{% if ch.kind == "email" and ch.disabled %}Fix…{% else %}Edit{% endif %}
|
|
</a>
|
|
{% endif %}
|
|
<form action="{% url 'hc-channel-test' ch.code %}" method="post">
|
|
{% csrf_token %}
|
|
<button
|
|
class="btn btn-sm btn-default"
|
|
data-toggle="tooltip"
|
|
title="Send a test notification using this integration"
|
|
type="submit">
|
|
Test!
|
|
</button>
|
|
</form>
|
|
{% if rw %}
|
|
<button
|
|
data-kind="{{ ch.get_kind_display }}"
|
|
data-url="{% url 'hc-remove-channel' ch.code %}"
|
|
class="btn btn-sm btn-default channel-remove"
|
|
type="button">
|
|
<span class="ic-delete"></span>
|
|
</button>
|
|
{% endif %}
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
{% else %}
|
|
<div class="alert alert-danger">
|
|
<p> The project "{{ project }}" does not have any integrations
|
|
set up yet.
|
|
</p>
|
|
<p>With no configured integrations, {{ site_name }}
|
|
<strong>will not send any notifications</strong>
|
|
when checks change state.
|
|
</p>
|
|
</div>
|
|
{% endif %}
|
|
|
|
|
|
{% if rw %}
|
|
<h1 class="ai-title">Add More</h1>
|
|
<ul class="add-integration">
|
|
{% if enable_slack %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/slack.png' %}"
|
|
class="icon" alt="Slack icon" />
|
|
|
|
<h2>Slack</h2>
|
|
<p>A messaging app for teams.</p>
|
|
{% if enable_slack_btn %}
|
|
<a href="{% url 'hc-add-slack-btn' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
{% else %}
|
|
<a href="{% url 'hc-add-slack' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
{% endif %}
|
|
</li>
|
|
{% endif %}
|
|
|
|
<li>
|
|
<img src="{% static 'img/integrations/email.png' %}"
|
|
class="icon" alt="Email icon" />
|
|
|
|
<h2>Email</h2>
|
|
<p>Get an email message when a check goes up or down.</p>
|
|
<a href="{% url 'hc-add-email' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
|
|
{% if enable_webhooks %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/webhook.png' %}"
|
|
class="icon" alt="Webhook icon" />
|
|
|
|
<h2>Webhook</h2>
|
|
<p>Receive an HTTP callback when a check goes down.</p>
|
|
<a href="{% url 'hc-add-webhook' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_apprise %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/apprise.png' %}"
|
|
class="icon" alt="Apprise icon" />
|
|
|
|
<h2>Apprise</h2>
|
|
<p>Receive instant push notifications using Apprise; see <a href="https://github.com/caronc/apprise#popular-notification-services" >all of the supported services here</a>.</p>
|
|
<a href="{% url 'hc-add-apprise' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_discord %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/discord.png' %}"
|
|
class="icon" alt="Discord icon" />
|
|
|
|
<h2>Discord</h2>
|
|
<p>Cross-platform voice and text chat app designed for gamers.</p>
|
|
<a href="{% url 'hc-add-discord' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
<li>
|
|
<img src="{% static 'img/integrations/gotify.png' %}" class="icon" alt="Gotify icon" />
|
|
<h2>Gotify</h2>
|
|
<p> Self-hosted push notification service.</p>
|
|
<a href="{% url 'hc-add-gotify' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
|
|
<li>
|
|
<img src="{% static 'img/integrations/group.png' %}" class="icon" alt="Group icon" />
|
|
<h2>Group</h2>
|
|
<p> Deliver to multiple integrations at once.</p>
|
|
<a href="{% url 'hc-add-group' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
|
|
{% if enable_matrix %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/matrix.png' %}"
|
|
class="icon kind-matrix" alt="Matrix icon" />
|
|
|
|
<h2>Matrix</h2>
|
|
<p>Post notifications to a Matrix room.</p>
|
|
<a href="{% url 'hc-add-matrix' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_mattermost %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/mattermost.png' %}"
|
|
class="icon kind-mattermost" alt="Mattermost icon" />
|
|
|
|
<h2>Mattermost</h2>
|
|
<p>High Trust Messaging for the Enterprise.</p>
|
|
<a href="{% url 'hc-add-mattermost' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_msteams %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/msteams.png' %}"
|
|
class="icon" alt="Microsoft Teams" />
|
|
|
|
<h2>Microsoft Teams</h2>
|
|
<p>Chat and collaboration platform for Microsoft Office 365 customers.</p>
|
|
<a href="{% url 'hc-add-msteams' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
<li>
|
|
<img src="{% static 'img/integrations/ntfy.png' %}"
|
|
class="icon kind-ntfy" alt="ntfy" />
|
|
|
|
<h2>ntfy</h2>
|
|
<p>Send push notifications to your phone or desktop via PUT/POST.</p>
|
|
<a href="{% url 'hc-add-ntfy' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
|
|
{% if enable_opsgenie %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/opsgenie.png' %}"
|
|
class="icon" alt="Opsgenie icon" />
|
|
|
|
<h2>Opsgenie</h2>
|
|
<p> Alerting & Incident Management Solution for Dev & Ops.</p>
|
|
<a href="{% url 'hc-add-opsgenie' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_pd %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/pd.png' %}"
|
|
class="icon" alt="PagerDuty icon" />
|
|
|
|
<h2>PagerDuty</h2>
|
|
<p>On-call scheduling, alerting, and incident tracking.</p>
|
|
<a href="{% url 'hc-add-pd' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_pagertree %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/pagertree.png' %}"
|
|
class="icon" alt="PagerTree icon" />
|
|
|
|
<h2>PagerTree</h2>
|
|
<p>DevOps Incident Management - On-Call Schedules, Alerts, & Notifications.</p>
|
|
<a href="{% url 'hc-add-pagertree' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_call %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/call.png' %}"
|
|
class="icon" alt="Phone icon" />
|
|
|
|
<h2>Phone Call</h2>
|
|
<p>Get a phone call when a check goes down.</p>
|
|
<a href="{% url 'hc-add-call' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_prometheus %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/prometheus.png' %}"
|
|
class="icon" alt="Prometheus icon" />
|
|
|
|
<h2>Prometheus</h2>
|
|
<p>Export check and tag status values to Prometheus.</p>
|
|
<a href="{% url 'hc-add-prometheus' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_pushbullet %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/pushbullet.png' %}"
|
|
class="icon" alt="Pushbullet icon" />
|
|
|
|
<h2>Pushbullet</h2>
|
|
<p>Pushbullet connects your devices, making them feel like one.</p>
|
|
<a href="{% url 'hc-add-pushbullet' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_pushover %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/po.png' %}"
|
|
class="icon" alt="Pushover icon" />
|
|
|
|
<h2>Pushover</h2>
|
|
<p>Receive instant push notifications on your phone or tablet.</p>
|
|
<a href="{% url 'hc-add-pushover' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_rocketchat %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/rocketchat.png' %}"
|
|
class="icon" alt="Rocket.Chat icon" />
|
|
|
|
<h2>Rocket.Chat</h2>
|
|
<p>Open-source communications platform for organizations with high data protection standards.</p>
|
|
<a href="{% url 'hc-add-rocketchat' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_shell %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/shell.png' %}"
|
|
class="icon" alt="Shell icon" />
|
|
|
|
<h2>Shell Command</h2>
|
|
<p>Execute a local shell command when a check goes up or down.</p>
|
|
<a href="{% url 'hc-add-shell' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_signal %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/signal.png' %}"
|
|
class="icon" alt="Signal icon" />
|
|
|
|
<h2>Signal</h2>
|
|
<p>Get a Signal message when a check goes up or down.</p>
|
|
<a href="{% url 'hc-add-signal' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_sms %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/sms.png' %}"
|
|
class="icon" alt="SMS icon" />
|
|
|
|
<h2>SMS</h2>
|
|
<p>Get a text message to your phone when a check goes down.</p>
|
|
<a href="{% url 'hc-add-sms' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_spike %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/spike.png' %}" class="icon" alt="Spike.sh icon" />
|
|
|
|
<h2>Spike.sh</h2>
|
|
<p>Incident management with unlimited alerts and on-call schedules.</p>
|
|
|
|
<a href="{% url 'hc-add-spike' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_telegram %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/telegram.png' %}"
|
|
class="icon" alt="Telegram icon" />
|
|
|
|
<h2>Telegram</h2>
|
|
<p>A messaging app with a focus on speed and security.</p>
|
|
<a href="{% url 'hc-add-telegram' %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_trello %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/trello.png' %}"
|
|
class="icon" alt="Trello icon" />
|
|
|
|
<h2>Trello</h2>
|
|
<p>Create a Trello card when a check goes down.</p>
|
|
<a href="{% url 'hc-add-trello' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_victorops %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/victorops.png' %}"
|
|
class="icon" alt="Splunk On-Call icon" />
|
|
|
|
<h2>Splunk On-Call (VictorOps)</h2>
|
|
<p>On-call scheduling, alerting, and incident tracking.</p>
|
|
<a href="{% url 'hc-add-victorops' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_whatsapp %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/whatsapp.png' %}"
|
|
class="icon" alt="WhatsApp icon" />
|
|
|
|
<h2>WhatsApp</h2>
|
|
<p>Get a WhatsApp message when a check goes up or down.</p>
|
|
<a href="{% url 'hc-add-whatsapp' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% if enable_zulip %}
|
|
<li>
|
|
<img src="{% static 'img/integrations/zulip.png' %}"
|
|
class="icon" alt="Zulip icon" />
|
|
|
|
<h2>Zulip</h2>
|
|
<p>Open-source group chat.</p>
|
|
<a href="{% url 'hc-add-zulip' project.code %}" class="btn btn-primary">Add Integration</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
<li class="link-to-github">
|
|
<img src="{% static 'img/integrations/missing.png' %}"
|
|
class="icon" alt="Suggest New Integration" />
|
|
<p>
|
|
Your favorite service or notification method not listed? <br />
|
|
Please <a href="https://github.com/healthchecks/healthchecks/issues">file an issue on GitHub</a>!
|
|
</p>
|
|
</li>
|
|
|
|
</ul>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<div id="checks-modal" class="modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="remove-channel-modal" class="modal">
|
|
<div class="modal-dialog">
|
|
<form id="remove-channel-form" method="post">
|
|
{% csrf_token %}
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
<h4>
|
|
Remove this
|
|
<span class="remove-channel-kind">---</span>
|
|
Integration?
|
|
</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>You are about to remove this
|
|
<span class="remove-channel-kind">---</span>
|
|
integration.
|
|
</p>
|
|
<p>Once it's gone it's gone. But, if you change your
|
|
mind later, you can create a similar channel again.
|
|
Do you want to continue?</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
|
<button type="submit" class="btn btn-danger">Remove</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
{% if rw %}
|
|
{% for ch in channels %}
|
|
<div id="name-{{ ch.code }}" class="modal channel-modal">
|
|
<div class="modal-dialog">
|
|
<form
|
|
action="{% url 'hc-channel-name' ch.code %}"
|
|
class="form-horizontal"
|
|
method="post">
|
|
{% csrf_token %}
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
<h4>Integration Details</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">
|
|
Name
|
|
</label>
|
|
<div class="col-sm-10">
|
|
<input
|
|
name="name"
|
|
type="text"
|
|
maxlength="100"
|
|
value="{{ ch.name }}"
|
|
placeholder="{{ ch }}"
|
|
class="input-name form-control" />
|
|
|
|
<span class="help-block">
|
|
Give this integration a human-friendly name,
|
|
so you can easily recognize it later.
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
{% if ch.kind == "webhook" %}
|
|
{% with ch.down_webhook_spec as spec %}
|
|
{% if spec.url %}
|
|
<p><strong>Execute on "down" events:</strong></p>
|
|
<pre>{{ spec.method }} {{ spec.url }}</pre>
|
|
{% if spec.body %}
|
|
<p>Request Body</p>
|
|
<pre>{{ spec.body }}</pre>
|
|
{% endif %}
|
|
|
|
{% if spec.headers %}
|
|
<p>Request Headers</p>
|
|
<pre>{{ spec.headers|format_headers }}</pre>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% endwith %}
|
|
|
|
{% with ch.up_webhook_spec as spec %}
|
|
{% if spec.url %}
|
|
<p><strong>Execute on "up" events:</strong></p>
|
|
<pre>{{ spec.method }} {{ spec.url }}</pre>
|
|
{% if spec.body %}
|
|
<p>Request Body</p>
|
|
<pre>{{ spec.body }}</pre>
|
|
{% endif %}
|
|
|
|
{% if spec.headers %}
|
|
<p>Request Headers</p>
|
|
<pre>{{ spec.headers|format_headers }}</pre>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% endwith %}
|
|
{% endif %}
|
|
|
|
|
|
{% if ch.kind == "shell" %}
|
|
{% if ch.shell.cmd_down %}
|
|
<p><strong>Execute on "down" events:</strong></p>
|
|
<pre>{{ ch.shell.cmd_down }}</pre>
|
|
{% endif %}
|
|
|
|
{% if ch.shell.cmd_up %}
|
|
<p><strong>Execute on "up" events:</strong></p>
|
|
<pre>{{ ch.shell.cmd_up }}</pre>
|
|
{% endif %}
|
|
{% endif %}
|
|
</div>
|
|
<div class="modal-footer">
|
|
{% if ch.kind == "webhook" %}
|
|
<a class="btn btn-default pull-left" href="{% url 'hc-edit-channel' ch.code %}">Edit Webhook Parameters…</a>
|
|
{% endif %}
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
|
<button type="submit" class="btn btn-primary">Save</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
{% compress js %}
|
|
<script src="{% static 'js/channels.js' %}"></script>
|
|
{% endcompress %}
|
|
{% endblock %}
|