You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

95 lines
3.2 KiB

{% extends "base.html" %}
{% load compress humanize staticfiles hc_extras %}
{% block title %}Notification Channels - {% site_name %}{% endblock %}
{% block content %}
<div class="row">
<div class="col-sm-12">
<h1>Telegram</h1>
{% if chat_id %}
<div class="jumbotron">
<p>
When a check goes <strong>up</strong> or <strong>down</strong>,
healthchecks.io will send notifications to
{% if chat_type == "private" %}
a Telegram user
{% else %}
a Telegram chat
{% endif %}
named <strong>{{ chat_name }}</strong>. Sound good?
</p>
<form method="post" class="text-center">
{% csrf_token %}
<button type="submit" class="btn btn-lg btn-default">
<img class="ai-icon" src="{% static 'img/integrations/telegram.png' %}" alt="Telegram" />
Yes, connect Telegram
</button>
</form>
</div>
{% else %}
<p>If your team uses <a href="https://telegram.org/">Telegram</a>,
you can set up {% site_name %} to post status updates directly to an
appropriate Telegram chat or user.</p>
<h2>Setup Guide</h2>
<div class="row ai-step">
<div class="col-sm-6">
<span class="step-no">1</span>
<p>
From your Telegram client, invite
<strong>{{ bot_name }}</strong> to a group. It will get added
as a member with no access to group messages.
</p>
<p>
Alternatively, if you want notifications sent to yourself
directly, start a conversation with
<strong>{{ bot_name }}</strong>.
</p>
</div>
<div class="col-sm-6">
<img
class="ai-guide-screenshot"
alt="Screenshot"
src="{% static 'img/integrations/setup_telegram_1.png' %}">
</div>
</div>
<div class="row ai-step">
<div class="col-sm-6">
<span class="step-no">2</span>
<p>Type <strong><code>/start</code></strong> command.
If there are multiple bots in the group, type
<strong><code>/start@{{ bot_name }}</code></strong> instead.
</p>
<p>The bot will respond with a confirmation link.</p>
</div>
<div class="col-sm-6">
<img
class="ai-guide-screenshot"
alt="Screenshot"
src="{% static 'img/integrations/setup_telegram_2.png' %}">
</div> </div>
<div class="row ai-step">
<div class="col-sm-6">
<span class="step-no">3</span>
<p>Click or tap on the confirmation link, and
{% site_name %} will open in a browser window asking you to
confirm the new integration.</p>
<p>Confirm the integration, and it's done!</p>
</div>
<div class="col-sm-6">
<img
class="ai-guide-screenshot"
alt="Screenshot"
src="{% static 'img/integrations/setup_telegram_3.png' %}">
</div>
</div>
{% endif %}
</div>
</div>
{% endblock %}