Navbar, some more content

10 years ago · 2a60666b5a
--- a/hc/front/views.py
+++ b/hc/front/views.py
@ -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)
--- a/static/img/intro-create-check.png
+++ b/static/img/intro-create-check.png
--- a/templates/base.html
+++ b/templates/base.html
@ -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>
--- a/templates/front/index.html
+++ b/templates/front/index.html
@ -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>
--- a/templates/index.html
+++ b/templates/index.html
@ -1,33 +1,73 @@
 {% extends "base.html" %}
 {% load staticfiles %}

 {% block content %}
 <div class="row">
    <div class="col-sm-12">
    <h1>Hello World</h1>

    <h2>Get started here:</h2>
    <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">
        <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:

                <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 class="clearfix">
                <button type="submit" class="btn btn-lg btn-primary pull-right">
                    Get Started
                </button>
            </div>
        </div>

        <div class="clearfix">
            <button type="submit" class="btn btn-lg btn-primary pull-right">
                Get Started
            </button>
        </div>
    </form>
        </form>

    </div>
 </div>