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.
134 lines
4.4 KiB
134 lines
4.4 KiB
{% extends "base.html" %}
|
|
{% load compress humanize staticfiles %}
|
|
|
|
{% block containers %}
|
|
<div class="index-bleed">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<h1 id="pitch">Get Notified When Your Cron Jobs Fail</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<h2 id="pitch-subtitle">Here's an unique ping address for you:</h2>
|
|
<div id="pitch-url">{{ ping_url }}</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<li class="active">
|
|
<a href="#crontab" data-toggle="tab">Crontab</a>
|
|
</li>
|
|
<li>
|
|
<a href="#bash" data-toggle="tab">Bash</a>
|
|
</li>
|
|
<li>
|
|
<a href="#python" data-toggle="tab">Python</a>
|
|
</li>
|
|
<li>
|
|
<a href="#node" data-toggle="tab">Node.js</a>
|
|
</li>
|
|
<li>
|
|
<a href="#php" data-toggle="tab">PHP</a>
|
|
</li>
|
|
<li>
|
|
<a href="#browser" data-toggle="tab">Browser</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content">
|
|
<div role="tabpanel" class="tab-pane active" id="crontab">
|
|
{% include "front/snippets/crontab.html" %}
|
|
</div>
|
|
<div role="tabpanel" class="tab-pane" id="bash">
|
|
{% include "front/snippets/bash.html" %}
|
|
</div>
|
|
<div role="tabpanel" class="tab-pane" id="python">
|
|
{% include "front/snippets/python.html" %}
|
|
</div>
|
|
<div class="tab-pane" id="browser">
|
|
{% include "front/snippets/browser.html" %}
|
|
<div class="welcome-browser-controls">
|
|
<button id="run-it" class="btn btn-default">Run It!</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div id="welcome-status" class="col-sm-6">
|
|
<h2>Status
|
|
<small id="check-code">{{ check.code }}</small>
|
|
</h2>
|
|
<table class="table">
|
|
<tr>
|
|
<th>Last ping</th>
|
|
<th>Frequency</th>
|
|
<th>Alert in</th>
|
|
</tr>
|
|
<tr>
|
|
<td id="last-ping">
|
|
{% if check.last_ping %}
|
|
{{ check.last_ping|naturaltime }}
|
|
{% else %}
|
|
Never
|
|
{% endif %}
|
|
</td>
|
|
<td>1 day
|
|
<span
|
|
class="glyphicon glyphicon-question-sign"
|
|
data-toggle="tooltip"
|
|
title="Sign in to change frequency"></span>
|
|
</td>
|
|
<td id="timer" data-timer="{{ timer}}">
|
|
{{ timer_formatted }}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div id="get-started" class="col-sm-6">
|
|
<h3>E-mail Address to Receive Alerts:</h3>
|
|
<form action="{% url 'hc-login' %}" method="post">
|
|
{% csrf_token %}
|
|
|
|
<div class="form-group">
|
|
<div class="input-group input-group-lg">
|
|
<div class="input-group-addon">@</div>
|
|
<input
|
|
type="email"
|
|
class="form-control"
|
|
id="id_email"
|
|
name="email"
|
|
autocomplete="email"
|
|
placeholder="Email">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clearfix">
|
|
<button type="submit" class="btn btn-lg btn-primary pull-right">
|
|
Get Started
|
|
</button>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
{% compress js %}
|
|
<script src="{% static 'js/jquery-2.1.4.min.js' %}"></script>
|
|
<script src="{% static 'js/bootstrap.min.js' %}"></script>
|
|
<script src="{% static 'js/index.js' %}"></script>
|
|
{% endcompress %}
|
|
{% endblock %}
|