healthchecks/templates/front/projects.html

{% extends "base.html" %}
{% load compress static hc_extras %}

{% block title %}Project Settings - {{ project }}{% endblock %}


{% block content %}
<div class="row">
    <div class="col-sm-12">
        <h1 class="settings-title">
            My Projects

            <div class="pull-right">
                <button
                    class="btn btn-primary"
                    data-toggle="modal"
                    data-target="#add-project-modal">Create New Project</button>
            </div>
        </h1>

        <div id="project-selector" class="row">
            {% for project in projects%}
            <a href="{% url 'hc-checks' project.code %}">
                <div class="col-sm-6 col-md-4">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <h4>{{ project }}</h4>
                            <div>
                                {% with project.check_set.count as n %}
                                {{ n }} check{{ n|pluralize }},
                                {% endwith %}

                                {% with project.channel_set.count as n %}
                                {{ n }} integration{{ n|pluralize }}
                                {% endwith %}
                            </div>
                            <div class="text-muted">
                                {{ project.owner.email }}
                            </div>
                        </div>
                    </div>
                </div>
            </a>
            {% endfor %}
        </div>
    </div>
</div>

{% include "accounts/add_project_modal.html" %}

{% 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/project.js' %}"></script>
{% endcompress %}
{% endblock %}