nielsperetzke
/
healthchecks
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 32 Wiki Activity
Browse Source

More content

pull/7/head
Pēteris Caune 10 years ago
parent
2a60666b5a
commit
a1bfed5d89
10 changed files with 261 additions and 56 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +3
    -0
      hc/front/urls.py
  2. +12
    -4
      hc/front/views.py
  3. +36
    -0
      static/css/pricing.css
  4. +25
    -3
      static/css/style.css
  5. +35
    -0
      templates/about.html
  6. +15
    -6
      templates/base.html
  7. +51
    -0
      templates/docs.html
  8. +5
    -7
      templates/front/index.html
  9. +40
    -36
      templates/index.html
  10. +39
    -0
      templates/pricing.html

+ 3
- 0
hc/front/urls.py View File

@ -8,4 +8,7 @@ urlpatterns = [
url(r'^checks/add/$', views.add_check, name="hc-add-check"),
url(r'^checks/([\w-]+)/name/$', views.update_name, name="hc-update-name"),
url(r'^checks/([\w-]+)/timeout/$', views.update_timeout, name="hc-update-timeout"),
url(r'^pricing/$', views.pricing, name="hc-pricing"),
url(r'^docs/$', views.docs, name="hc-docs"),
url(r'^about/$', views.about, name="hc-about"),
]

+ 12
- 4
hc/front/views.py View File

@ -7,11 +7,19 @@ from hc.front.forms import TimeoutForm, TIMEOUT_CHOICES
def index(request):
ctx = {
"page": "welcome"
}
return render(request, "index.html", {"page": "welcome"})
def pricing(request):
return render(request, "pricing.html", {"page": "pricing"})
def docs(request):
return render(request, "docs.html", {"page": "docs"})
return render(request, "index.html", ctx)
def about(request):
return render(request, "about.html", {"page": "about"})
@login_required


+ 36
- 0
static/css/pricing.css View File

@ -0,0 +1,36 @@
@import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css");
.panel-pricing {
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
}
.panel-pricing:hover {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.panel-pricing .panel-heading {
padding: 20px 10px;
}
.panel-pricing .panel-heading .fa {
margin-top: 10px;
font-size: 58px;
}
.panel-pricing .list-group-item {
color: #777777;
border-bottom: 1px solid rgba(250, 250, 250, 0.5);
}
.panel-pricing .list-group-item:last-child {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.panel-pricing .list-group-item:first-child {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.panel-pricing .panel-body {
background-color: #f0f0f0;
font-size: 40px;
color: #777777;
padding: 20px;
margin: 0px;
}

+ 25
- 3
static/css/style.css View File

@ -2,6 +2,23 @@ html, body {
background: #EEE;
}
#pitch {
text-align: center;
padding: 3em;
}
.step-number {
text-align: center;
font-size: 48px;
font-weight: bold;
color: #777;
}
#get-started {
margin-top: 3em;
}
.glyphicon.up, .glyphicon.new, .glyphicon.down {
font-size: 22px;
}
@ -38,10 +55,11 @@ table.table tr > th.th-name {
opacity: 0;
}
.indicator-cell {
vertical-align: middle;
#checks-table .indicator-cell {
text-align: center;
}
table.table tr.checks-row > td {
#checks-table td {
vertical-align: middle;
}
@ -63,6 +81,10 @@ table.table tr.checks-row > td {
opacity: 1;
}
.url-cell {
font-size: small;
}
td.inactive .popover {
visibility: hidden;
}


+ 35
- 0
templates/about.html View File

@ -0,0 +1,35 @@
{% extends "base.html" %}
{% load staticfiles %}
{% block content %}
<div class="row">
<div class="col-sm-12">
<h3>Who Runs This</h3>
<p>
Hello, my name is Pēteris Caune, I live in Riga, Latvia and do programming for living.
You can contact me <a href="mailto:[email protected]">via email</a>.
</p>
<h3>Reliability Guarantees</h3>
<p>
Health Checks is currently at a very early stage as you can probably tell.
</p>
<p>
The service is currently run on single $5 Digital Ocean box. The service
can and will have ocassional outages. User data should be safe however,
as we are doing regular database backups to Amazon S3.
</p>
<p>
If all this does not sound very inspiring,
there are also alternative services:
</p>
<h3>Alternative Services</h3>
<ul>
<li><a href="https://cronitor.io/">Cronitor.io</a></li>
<li><a href="https://deadmanssnitch.com/">Dead Man's Snitch</a></li>
<li><a href="https://github.com/quantopian/coal-mine">Coal Mine</a></li>
</ul>
</div>
</div>
{% endblock %}

+ 15
- 6
templates/base.html View File

@ -7,6 +7,7 @@
{% load staticfiles %}
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'css/style.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'css/pricing.css' %}" type="text/css">
</head>
<body>
<nav class="navbar navbar-default">
@ -19,24 +20,32 @@
<li {% if page == 'welcome' %} class="active" {% endif %}>
<a href="{% url 'hc-index' %}">Welcome</a>
</li>
{% if request.user %}
{% if request.user.is_authenticated %}
<li {% if page == 'checks' %} class="active" {% endif %}>
<a href="{% url 'hc-checks' %}">My Checks</a>
</li>
{% endif %}
<li><a href="#">Pricing</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#">About</a></li>
<li {% if page == 'pricing' %} class="active" {% endif %}>
<a href="{% url 'hc-pricing' %}">Pricing</a>
</li>
<li {% if page == 'docs' %} class="active" {% endif %}>
<a href="{% url 'hc-docs' %}">Documentation</a>
</li>
<li {% if page == 'about' %} class="active" {% endif %}>
<a href="{% url 'hc-about' %}">About</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
{% if request.user %}
{% if request.user.is_authenticated %}
<li><a href="#">{{ request.user.email }}</a></li>
<li><a href="#">Log Out</a></li>
{% else %}
<li><a href="#">Log In</a></li>
<li><a href="{% url 'hc-login' %}">Log In</a></li>
{% endif %}
</ul>
</div>


+ 51
- 0
templates/docs.html View File

@ -0,0 +1,51 @@
{% extends "base.html" %}
{% load staticfiles %}
{% block content %}
<div class="row">
<div class="col-sm-12">
<h3>Checks and pinging</h3>
<p>
Each check you create in <a href="{% url 'hc-checks' %}">My Checks</a>
page has an unique "ping" URL. Whenever you access this URL,
the "Last Ping" value of corresponding check is updated.
</p>
<p>When a certain amount of time passes since last received ping, the
check is considered "late", and Health Checks sends an email notification.
It is all very simple, really.</p>
<h3>Executing a ping</h3>
<p>
At the end of your batch job, add a bit of code to ping
one of your checks.
</p>
<ul>
<li>HTTP and HTTPS protocols both are fine</li>
<li>Request method can be GET or POST</li>
<li>It does not matter what request headers you send</li>
<li>You can leave request body empty or put anything in it, it's all good</li>
</ul>
<p>The response will have status code "200 OK" and response body will be a
short and simple string "OK".</p>
<p>
In bash scripts, you can use <code>wget</code> or <code>curl</code> to run the requests:
</p>
<pre>
wget https://healthchecks.io/ping/b2012751-c542-4deb-b054-ff51322102b9/
</pre>
<h3>When notifications are sent</h3>
<p>
Each check has a configurable "Frequency" parameter, with default value of <strong>one day</strong>.
When time since last ping exceeds the configured amount, the check is considered late.
When a check is <strong>1 hour late</strong>, Health Checks sends you an email notification.
</p>
</div>
</div>
{% endblock %}

+ 5
- 7
templates/front/index.html View File

@ -5,11 +5,11 @@
<div class="row">
<div class="col-sm-12">
<h1>My Checks</h1>
<table class="table table-hover">
<table id="checks-table" class="table table-hover">
<tr>
<th></th>
<th class="th-name">Name</th>
<th>Code</th>
<th>URL</th>
<th>Frequency</th>
<th>Last Ping</th>
<th></th>
@ -25,7 +25,7 @@
<span class="glyphicon glyphicon-exclamation-sign down"></span>
{% endif %}
</td>
<td>
<td class="name-cell">
<form
method="post"
action="{% url 'hc-update-name' check.code %}"
@ -46,10 +46,8 @@
</button>
</form>
</td>
<td>
<small>
<code>{{ check.code }}</code>
</small>
<td class="url-cell">
<code>https://healthchecks.io{% url 'hc-ping' check.code %}</code>
</td>
<td class="timeout-cell inactive">
<div class="timeout-dialog popover bottom">


+ 40
- 36
templates/index.html View File

@ -3,49 +3,53 @@
{% block content %}
<div class="row">
<div class="col-sm-12">
<h1>Get Notified When Your CRON Jobs Fail</h1>
<ol>
<li>Create a pingback address on healtchecks.io <br />
<img
src="{% static 'img/intro-create-check.png' %}"
alt="Screenshot of 'My Checks'"
class="img-thumbnail" />
</li>
<li>Add a single line at the bottom of your batch processing task:
<div class="col-sm-12">
<h1 id="pitch">Get Notified When Your Cron Jobs Fail</h1>
</div>
</div>
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#bash" aria-controls="home" role="tab" data-toggle="tab">Bash</a>
</li>
<li role="presentation">
<a href="#python" aria-controls="profile" role="tab" data-toggle="tab">Python</a>
</li>
</ul>
<div class="row">
<div class="col-sm-4">
<p class="step-number">1</p>
<p>
Create a ping URL on healtchecks.io
</p>
</div>
<div class="col-sm-4">
<p class="step-number">2</p>
Add a single line at the bottom of your batch processing task:
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="bash">
<pre>wget https://healthchecks.io/ping/b2012751-something-something/
</pre>
</div>
<div role="tabpanel" class="tab-pane" id="python">
<pre>
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#bash" aria-controls="home" role="tab" data-toggle="tab">Bash</a>
</li>
<li role="presentation">
<a href="#python" aria-controls="profile" role="tab" data-toggle="tab">Python</a>
</li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="bash">
<pre>wget https://healthchecks.io/ping/b2012751-c542-4deb-b054-ff51322102b9/
</pre>
</div>
<div role="tabpanel" class="tab-pane" id="python">
<pre>
>>> import urllib2
>>> urllib2.urlopen("http://localhost:8000/ping/b2012751-c542-4deb-b054-ff51322102b9")
</pre>
</div>
</div>
>>> urllib2.urlopen("https://healthchecks.io/ping/b2012751-c542-4deb-b054-ff51322102b9/")
</pre>
</div>
</div>
</li>
<li>Receive an email from healthchecks.io when the task has an issue:</li>
</ol>
</div>
<div class="col-sm-12">
<div class="col-sm-4">
<p class="step-number">3</p>
Receive an email from healthchecks.io when the task has an issue
</div>
<h1>E-mail Address to Receive Notifications:</h1>
<div id="get-started" class="col-sm-6 col-sm-offset-3">
<h3>E-mail Address to Receive Notifications:</h3>
<form action="{% url 'hc-create-account' %}" method="post">
{% csrf_token %}


+ 39
- 0
templates/pricing.html View File

@ -0,0 +1,39 @@
{% extends "base.html" %}
{% load staticfiles %}
{% block content %}
<!-- Plans -->
<section id="plans">
<div class="container">
<div class="row">
<!-- item -->
<div class="col-md-4 text-center col-md-offset-4">
<div class="panel panel-success panel-pricing">
<div class="panel-heading">
<i class="fa fa-desktop"></i>
<h3>Free Plan</h3>
</div>
<div class="panel-body text-center">
<p><strong>€0 / Month</strong></p>
</div>
<ul class="list-group text-center">
<li class="list-group-item"><i class="fa fa-check"></i> Personal or Commercial use</li>
<li class="list-group-item"><i class="fa fa-check"></i> Unlimited projects</li>
<li class="list-group-item"><i class="fa fa-check"></i> Unlimited notifications</li>
</ul>
<div class="panel-footer">
<a class="btn btn-lg btn-block btn-success" href="#">Get Started</a>
</div>
</div>
</div>
<!-- /item -->
</div>
</div>
</section>
<!-- /Plans -->
{% endblock %}

Write Preview
Loading…
Cancel
Save