base.html 4.53 KB
Newer Older
lhark's avatar
lhark committed
1 2 3 4 5 6 7 8 9 10 11 12 13
{% load staticfiles %}

{# Load the tag library #}
{% load bootstrap3 %}

<!DOCTYPE html>
<html lang="fr">
    <head>
        {# Load CSS and JavaScript #}
        {% bootstrap_css %}
        <link rel="stylesheet" href="{% static "/static/css/base.css" %}">

        {% bootstrap_javascript %}
14
        <title>Re2o : {% block title %}Accueil{% endblock %}</title>
lhark's avatar
lhark committed
15 16 17
    </head>

    <body>
chirac's avatar
chirac committed
18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45
        <div id="wrap">
            <nav class="navbar navbar-inverse">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="/">Re2o</a>
                    </div>
                    <div class="collapse navbar-collapse" id="myNavbar">
                        <ul class="nav navbar-nav">
                            <li><a href="{% url "users:index" %}">Adhérents</a></li>
                            <li><a href="{% url "machines:index" %}">Machines</a></li>
                            <li><a href="{% url "cotisations:index" %}">Cotisations</a></li>
                            <li><a href="{% url "topologie:index" %}">Topologie</a></li>
                            <li><a href="#">Statistiques</a></li>
                        </ul>
                        <div class="col-sm-3 col-md-3 navbar-right">
                            <form action="{% url "search:search"%}"  method="POST" class="navbar-form" role="search">
                                {% csrf_token %}
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="Search" name="search_field" id="search-term">
                                    <div class="input-group-btn">
                                        <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                                        <a href="{% url "search:searchp" %}" class="btn btn-default" role="button"><i class="glyphicon glyphicon-plus"></i></a>
                                    </div>
lhark's avatar
lhark committed
46
                                </div>
chirac's avatar
chirac committed
47 48 49 50 51 52 53 54 55 56 57 58 59 60 61
                            </form>
                        </div>
                        <ul class="nav navbar-nav navbar-right">
                            <li>
                                {% if request.user.is_authenticated %}
                                <a href="{% url 'logout' %}">
                                    <span class="glyphicon glyphicon-log-out"></span> Logout
                                </a>
                                {% else %}
                                <a href="{% url 'login' %}">
                                    <span class="glyphicon glyphicon-log-in"></span> Login
                                </a>
                                {% endif %}
                            </li>
                        </ul>
lhark's avatar
lhark committed
62 63
                    </div>
                </div>
chirac's avatar
chirac committed
64
            </nav>
lhark's avatar
lhark committed
65

chirac's avatar
chirac committed
66 67 68 69 70 71 72 73 74 75 76 77
            <div id="main" class="container-fluid text-center">
                <div class="row content">
                    <div class="col-sm-2 sidenav">
                        {% block sidebar %}
                        <p><a href="#">Link</a></p>
                        <p><a href="#">Link</a></p>
                        <p><a href="#">Link</a></p>
                        {% endblock %}
                    </div>
                    <div class="col-sm-8 text-left">
                        {# Display django.contrib.messages as Bootstrap alerts #}
                        {% bootstrap_messages %}
lhark's avatar
lhark committed
78

chirac's avatar
chirac committed
79
                        <hr>
lhark's avatar
lhark committed
80

chirac's avatar
chirac committed
81
                        {% block content %}{% endblock %}
lhark's avatar
lhark committed
82
                    </div>
chirac's avatar
chirac committed
83 84 85 86 87 88 89
                    <div class="col-sm-2 sidenav">
                        <div class="well">
                            <p>ADS</p>
                        </div>
                        <div class="well">
                            <p>ADS</p>
                        </div>
lhark's avatar
lhark committed
90 91 92 93 94
                    </div>
                </div>
            </div>
        </div>

chirac's avatar
chirac committed
95
        <footer class="navbar">
96
            <div class="containerfluid text-center">
chirac's avatar
chirac committed
97
                <p>Re2o 2016 - Goulven Kermarec, Gabriel Détraz, Augustin Lemesle</p>
98
            </div>
lhark's avatar
lhark committed
99 100 101 102 103 104
        </footer>


        {# Read the documentation for more information #}
    </body>
</html>