base4.html 6.43 KB
Newer Older
Bryan  BRANCOTTE's avatar
Bryan BRANCOTTE committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
{% load  static %}
{% load  sstatic %}
{% load  basetheme_bootstrap %}
{% load i18n %}
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" class="h-100">
<head>
    {% block ref_google %}{% endblock %}
    <title>{% block title %}{% endblock %}</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="icon" href="{% block favicon %}/static/img/favicon.png{% endblock %}">

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.4.0/css/bootstrap4-toggle.min.css" rel="stylesheet">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet">
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/10.0.0/css/bootstrap-slider.min.css"/>
    <link rel="stylesheet" href="{% static '/css/bootstrap-multiselect.css' %}" type="text/css"/>
    <link rel="stylesheet" href="{% static '/css/basetheme_bootstrap4.css' %}"/>
    {% block extra_css %}{% endblock %}
</head>
<body class="d-flex flex-column h-100">
{% include_if_exists "fork_me.html"|localize_template "basetheme_bootstrap/fork_me.example.html" %}
28
{% block header %}
Bryan  BRANCOTTE's avatar
Bryan BRANCOTTE committed
29
30
31
32
33
34
35
36
37
38
39
40
41
<header>
    <!-- Fixed navbar -->
    <nav class="navbar navbar-expand-md fixed-top navbar-light bg-light">
        <a class="navbar-brand" href="{% url 'home'%}">{% block project_name %}{% endblock %}</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
                aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="navbar-nav mr-auto">
                {% include_if_exists "nav_bar.html"|localize_template "basetheme_bootstrap/nav_bar.example.html" %}
            </ul>
            <ul class="nav navbar-nav navbar-right">
42
                {% block extra_li_dropdown_right %}{% endblock %}
43
                {% include_if_exists "login_menu.html"|localize_template "basetheme_bootstrap/login_menu.html" %}
Bryan  BRANCOTTE's avatar
Bryan BRANCOTTE committed
44
45
46
47
48
49
50
51
52
53
            </ul>
            {% block form_in_nav_bar %}
            <!--<form class="form-inline mt-2 mt-md-0">-->
                <!--<input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">-->
                <!--<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>-->
            <!--</form>-->
            {% endblock %}
        </div>
    </nav>
</header>
54
55
{% endblock header %}

Bryan  BRANCOTTE's avatar
Bryan BRANCOTTE committed
56
57
58
59
60
61
62
<!-- Begin page content -->
<main role="main" class="flex-shrink-0">
    <div class="{% block container-class %}container mb-4{% endblock %}">
        <div class="row">
            {% block whole_content_page_title %}
            <div class="pb-2 mt-4 mb-2 col-12">
                {% block content_page_title %}
63
                <div class="border-bottom content-page-title">
Bryan  BRANCOTTE's avatar
Bryan BRANCOTTE committed
64
                    <h1>{% block page_title %}{% endblock %}</h1>
65
                    {% block page_title_right %}{% endblock %}
Bryan  BRANCOTTE's avatar
Bryan BRANCOTTE committed
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
                </div>
                {% endblock %}
            </div>
            {% endblock %}
            {% if messages %}
            <div class="pb-2 mb-2 col-12">
                <div class="border-bottom">
                    {% for message in messages %}
                    <p class="alert alert-{{ message.tags|tags_to_bootstrap }}">
                        {% if message.level == DEFAULT_MESSAGE_LEVELS.ERROR %}Important: {% endif %}
                        {{ message|linebreaksbr}}
                    </p>
                    {% endfor %}
                </div>
            </div>
            {% endif %}
            {% block content %}{% endblock %}
        </div>
    </div>
</main>

87
{% block footer %}
Bryan  BRANCOTTE's avatar
Bryan BRANCOTTE committed
88
89
90
91
92
93
94
<footer class="footer mt-auto py-3">
    <div class="container">
        <span class="text-muted float-right">
            {% include_if_exists "last_update.html"|localize_template "basetheme_bootstrap/last_update.example.html" %}
        </span>
    </div>
</footer>
95
{% endblock footer %}
Bryan  BRANCOTTE's avatar
Bryan BRANCOTTE committed
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
</body>
<script
        src="https://code.jquery.com/jquery-3.3.1.min.js"
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
        crossorigin="anonymous"></script>
<script
        src="https://code.jquery.com/color/jquery.color.plus-names-2.1.2.min.js"
        integrity="sha256-Wp3wC/dKYQ/dCOUD7VUXXp4neLI5t0uUEF1pg0dFnAE="
        crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
        crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
        crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.4.0/js/bootstrap4-toggle.min.js"></script>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.flash.min.js"></script>
<script type="text/javascript" src="{% static '/js/bootstrap-multiselect.js' %}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.print.min.js"></script>
<script src="{% static '/js/basetheme_bootstrap.js' %}"></script>
{% block extra_js %}{% endblock %}
</html>