Navbar, some more content

This commit is contained in:
Pēteris Caune 2015-06-18 15:50:47 +03:00
parent 31119fd11f
commit 2a60666b5a
5 changed files with 102 additions and 24 deletions

View File

@ -7,7 +7,11 @@ from hc.front.forms import TimeoutForm, TIMEOUT_CHOICES
def index(request):
return render(request, "index.html")
ctx = {
"page": "welcome"
}
return render(request, "index.html", ctx)
@login_required
@ -18,7 +22,8 @@ def checks(request):
ctx = {
"checks": checks,
"now": timezone.now,
"timeout_choices": TIMEOUT_CHOICES
"timeout_choices": TIMEOUT_CHOICES,
"page": "checks"
}
return render(request, "front/index.html", ctx)

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

View File

@ -9,6 +9,39 @@
<link rel="stylesheet" href="{% static 'css/style.css' %}" type="text/css">
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="{% url 'hc-index' %}">Health Checks</a>
</div>
<ul class="nav navbar-nav">
<li {% if page == 'welcome' %} class="active" {% endif %}>
<a href="{% url 'hc-index' %}">Welcome</a>
</li>
{% if request.user %}
<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>
</ul>
<ul class="nav navbar-nav navbar-right">
{% if request.user %}
<li><a href="#">{{ request.user.email }}</a></li>
<li><a href="#">Log Out</a></li>
{% else %}
<li><a href="#">Log In</a></li>
{% endif %}
</ul>
</div>
</nav>
<div class="container">
{% block content %}{% endblock %}
</div>

View File

@ -4,7 +4,7 @@
{% block content %}
<div class="row">
<div class="col-sm-12">
<h1>Hello {{ request.user.email }}</h1>
<h1>My Checks</h1>
<table class="table table-hover">
<tr>
<th></th>

View File

@ -1,33 +1,73 @@
{% extends "base.html" %}
{% load staticfiles %}
{% block content %}
<div class="row">
<div class="col-sm-12">
<h1>Hello World</h1>
<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" />
<h2>Get started here:</h2>
<form action="{% url 'hc-create-account' %}" method="post">
{% csrf_token %}
</li>
<li>Add a single line at the bottom of your batch processing task:
<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">
<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-something-something/
</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>
</li>
<li>Receive an email from healthchecks.io when the task has an issue:</li>
</ol>
</div>
<div class="col-sm-12">
<h1>E-mail Address to Receive Notifications:</h1>
<form action="{% url 'hc-create-account' %}" 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>
<div class="clearfix">
<button type="submit" class="btn btn-lg btn-primary pull-right">
Get Started
</button>
</div>
</form>
<div class="clearfix">
<button type="submit" class="btn btn-lg btn-primary pull-right">
Get Started
</button>
</div>
</form>
</div>
</div>