{% extends "base.html" %}
|
|
{% load humanize static hc_extras %}
|
|
|
|
{% block title %}Add VictorOps - {% site_name %}{% endblock %}
|
|
|
|
|
|
{% block content %}
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<h1>VictorOps</h1>
|
|
|
|
<p><a href="https://victorops.com/">VictorOps</a> is
|
|
another incident management system similar to PagerDuty.
|
|
If you use or plan on using VictorOps, you can can integrate it
|
|
with your {% site_name %} account in few simple steps.</p>
|
|
|
|
<h2>Setup Guide</h2>
|
|
<div class="row ai-step">
|
|
<div class="col-sm-6">
|
|
<span class="step-no"></span>
|
|
<p>
|
|
Log into your VictorOps account,
|
|
go to <strong>Settings > Schedules</strong>,
|
|
and find or create the Team Schedule you
|
|
would like to use for {% site_name %} alerts.
|
|
</p>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<img
|
|
class="ai-guide-screenshot"
|
|
alt="Screenshot"
|
|
src="{% static 'img/integrations/setup_victorops_1.png' %}">
|
|
</div>
|
|
</div>
|
|
<div class="row ai-step">
|
|
<div class="col-sm-6">
|
|
<span class="step-no"></span>
|
|
<p>
|
|
Go to <strong>Settings > Integrations</strong> and scroll
|
|
to the bottom of the page. Choose an existing
|
|
<strong>Routing Key</strong> or
|
|
add a new one, and make note of it.
|
|
</p>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<img
|
|
class="ai-guide-screenshot"
|
|
alt="Screenshot"
|
|
src="{% static 'img/integrations/setup_victorops_2.png' %}">
|
|
</div>
|
|
</div>
|
|
<div class="row ai-step">
|
|
<div class="col-sm-6">
|
|
<span class="step-no"></span>
|
|
In the right hand side of
|
|
<strong>Settings > Integrations</strong> page,
|
|
select <strong>REST Endpoint</strong>, and click on
|
|
<strong>Enable Integration</strong>.
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<img
|
|
class="ai-guide-screenshot"
|
|
alt="Screenshot"
|
|
src="{% static 'img/integrations/setup_victorops_3.png' %}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row ai-step">
|
|
<div class="col-sm-6">
|
|
<span class="step-no"></span>
|
|
<p>Paste the <strong>Post URL</strong> from step 3 in the field
|
|
below, being careful to replace <strong>$routing_key</strong>
|
|
with your actual Routing Key from step 2. Save the integration,
|
|
and it's done!</p>
|
|
</div>
|
|
</div>
|
|
|
|
<h2>Integration Settings</h2>
|
|
|
|
<form method="post" class="form-horizontal">
|
|
{% csrf_token %}
|
|
<div class="form-group {{ form.value.css_classes }}">
|
|
<label for="post-url" class="col-sm-2 control-label">Post URL</label>
|
|
<div class="col-sm-10">
|
|
<input
|
|
id="post-url"
|
|
type="text"
|
|
class="form-control"
|
|
name="value"
|
|
placeholder="https://"
|
|
value="{{ form.value.value|default:"" }}">
|
|
|
|
{% if form.value.errors %}
|
|
<div class="help-block">
|
|
{{ form.value.errors|join:"" }}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-sm-offset-2 col-sm-10">
|
|
<button type="submit" class="btn btn-primary">Save Integration</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|