mirror of
https://github.com/healthchecks/healthchecks.git
synced 2024-11-24 00:09:38 +00:00
b859a71920
I like "sign in" better, but users from time to time confuse "sign in" and "sign up" forms. To reduce confusion potential, I'm renaming "sign in" to "log in".
128 lines
4.1 KiB
HTML
128 lines
4.1 KiB
HTML
{% extends "base_project.html" %}
|
|
{% load humanize static hc_extras %}
|
|
|
|
{% block title %}{% site_name %} Integration for Slack{% endblock %}
|
|
|
|
{% block description %}
|
|
<meta name="description" content="Use {% site_name %} with Slack: configure {% site_name %} to post status updates directly to a Slack channel.">
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
|
|
<div class="jumbotron">
|
|
{% if request.user.is_authenticated %}
|
|
<p>If your team uses <a href="https://slack.com/">Slack</a>, you can set
|
|
up {% site_name %} to post status updates directly to an appropriate
|
|
Slack channel.</p>
|
|
|
|
{% if authorize_url %}
|
|
<div class="text-center">
|
|
<a href="{{ authorize_url }}">
|
|
<img
|
|
alt="Add to Slack"
|
|
src="{% static 'img/integrations/add_to_slack.png' %}"
|
|
srcset="{% static 'img/integrations/add_to_slack.png' %} 1x, {% static 'img/integrations/add_to_slack@2x.png' %} 2x" />
|
|
</a>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% else %}
|
|
<p>
|
|
{% site_name %} is a <strong>free</strong> and
|
|
<a href="https://github.com/healthchecks/healthchecks">open source</a>
|
|
service for monitoring your cron jobs, background processes and
|
|
scheduled tasks. To set up a {% site_name %} integration for Slack, please
|
|
log into {% site_name %}:</p>
|
|
|
|
<div class="text-center">
|
|
<a href="{% url 'hc-login' %}"
|
|
class="btn btn-primary btn-lg">Log In</a>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<h2>Setup Guide</h2>
|
|
|
|
{% if not authorize_url %}
|
|
<div class="row ai-step">
|
|
<div class="col-sm-6">
|
|
<span class="step-no"></span>
|
|
<p>
|
|
{% if request.user.is_authenticated %}
|
|
Go
|
|
{% else %}
|
|
After logging in, go
|
|
{% endif %}
|
|
|
|
to the <strong>Integrations</strong> page,
|
|
and click on <strong>Add Integration</strong> next to the
|
|
Slack icon.
|
|
</p>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<img
|
|
class="ai-guide-screenshot"
|
|
alt="Screenshot"
|
|
src="{% static 'img/integrations/setup_slack_btn_0.png' %}">
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="row ai-step">
|
|
<div class="col-sm-6">
|
|
<span class="step-no"></span>
|
|
<p>
|
|
Click on the "Add to Slack" button, and you should
|
|
be on a page that says "{% site_name %} would like access to
|
|
your Slack team". Select the team you want to add the
|
|
{% site_name %} integration app to.
|
|
</p>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<img
|
|
class="ai-guide-screenshot"
|
|
alt="Screenshot"
|
|
src="{% static 'img/integrations/setup_slack_btn_1.png' %}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row ai-step">
|
|
<div class="col-sm-6">
|
|
<span class="step-no"></span>
|
|
<p>
|
|
You should now be on a page that says "{% site_name %} would
|
|
like access to <i>TEAM NAME</i>". Select the channel you want to
|
|
post {% site_name %} notifications to.
|
|
</p>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<img
|
|
class="ai-guide-screenshot"
|
|
alt="Screenshot"
|
|
src="{% static 'img/integrations/setup_slack_btn_2.png' %}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row ai-step">
|
|
<div class="col-sm-6">
|
|
<span class="step-no"></span>
|
|
<p>
|
|
That is all! You will now be redirected back to
|
|
"Integrations" page on {% site_name %} and see
|
|
the new integration!
|
|
</p>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<img
|
|
class="ai-guide-screenshot"
|
|
alt="Screenshot"
|
|
src="{% static 'img/integrations/setup_slack_btn_3.png' %}">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|