base_template.html 4.96 KB
Newer Older
1 2 3 4 5 6 7 8 9 10
<!DOCTYPE html>
<html lang="fr">

<head>
    {% block head %}
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="icon" href="{{ url_for('static', filename='img/favicon.ico')}}" type="image/x-icon">
    <link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.ico')}}" type="image/x-icon">
    <!-- Bootstrap CSS -->
Christophe Benz's avatar
Christophe Benz committed
11
    <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">
12
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
Pierre Dittgen's avatar
Pierre Dittgen committed
13 14
    <!-- Validata CSS-->
    <link rel="stylesheet" href="{{ url_for('static', filename='validata.css')}}">
Christophe Benz's avatar
Christophe Benz committed
15
    <title>Validata – {% block title %}{% endblock %}</title>
16 17 18 19 20
    {% endblock %}
</head>

<body>
    <!-- horizontal navigation bar -->
Christophe Benz's avatar
Christophe Benz committed
21
    <nav class="nav px-3 py-2 border-bottom">
22
        <a class="navbar-brand" href="{{ url_for('home') }}">
23 24
            <img src="{{ url_for('static', filename='img/logo-horizontal.png') }}" height="15" alt="Validata" />
        </a>
25 26
        <a class="nav-link" href="https://validata.fr/doku.php?id=utilisation" target="_blank">Mode d'emploi</a>
        <a class="nav-link" href="https://scdl.opendatafrance.net/docs" target="_blank">Documentation SCDL</a>
Christophe Benz's avatar
Christophe Benz committed
27 28
        <a class="nav-link" href="https://teamopendata.org/c/socle-commun-des-donnees-locales" target="_blank">Forum</a>
        <a class="btn btn-outline-danger ml-auto" rel="external" target="_blank" href="https://git.opendatafrance.net/validata/validata-ui/issues/new?issuable_template=Probl%C3%A8me">
29
            Signaler un problème
30 31 32 33
        </a>
    </nav>

    <!-- Breadcrumbs -->
Christophe Benz's avatar
Christophe Benz committed
34
    {% if breadcrumbs %}
35 36 37
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            {% for bc in breadcrumbs %}
Christophe Benz's avatar
Christophe Benz committed
38 39 40 41 42 43 44
            <li class="breadcrumb-item">
            {% if bc.url %}
                <a href="{{ bc.url }}">{{ bc.title|e }}</a>
            {% else %}
                <span>{{ bc.title|e }}</span>
            {% endif %}
            </li>
45 46 47
            {% endfor %}
        </ol>
    </nav>
Christophe Benz's avatar
Christophe Benz committed
48
    {% endif %}
49 50 51 52 53

    <!-- Flashing messages -->
    {% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
    {% for category, message in messages %}
54
    <div class="alert alert-{{ category }}">
55 56 57 58 59 60 61
        {{ message }}
    </div>
    {% endfor %}
    {% endif %}
    {% endwith %}

    <!-- main content -->
62
    <div id="content">
Christophe Benz's avatar
Christophe Benz committed
63
    {% block content %}{% endblock %}
64 65
    </div>

Pierre Dittgen's avatar
Pierre Dittgen committed
66
    <footer class="footer hidden-print">
67
        <p>
Pierre Dittgen's avatar
Pierre Dittgen committed
68 69
            Le service de validation du <a href="https://www.validata.fr/">projet Validata</a>
            est mis à disposition par
Christophe Benz's avatar
Christophe Benz committed
70
            <a href="http://www.opendatafrance.net/">OpenDataFrance</a> avec
71 72 73 74 75 76 77 78 79 80
            l'aide de <a href="https://jailbreak.paris">Jailbreak</a>.
        </p>
        <p>
            <a href="/api/v1/apidocs" target="_blank">API</a>
            | <a href="https://git.opendatafrance.net/validata" target="_blank">Codes sources</a>
            | <a href="https://riot.im/app/#/room/#validata:jailbreak.paris" target="_blank">Salon de discussion public</a>
        </p>
        <p class="text-muted">
            (version <a href="https://git.opendatafrance.net/validata/validata-ui/tree/v{{ validata_ui_version }}" target="_blank">{{ validata_ui_version }}</a>)
        </p>
81
    </footer>
82

83 84 85 86 87
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" 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>
    {% block page_scripts %}{% endblock %}

88 89 90 91 92 93 94 95 96
    {% if config.MATOMO_BASE_URL and config.MATOMO_SITE_ID %}
        <script type="text/javascript">
        var _paq = window._paq || [];
        /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
        _paq.push(['trackPageView']);
        _paq.push(['enableLinkTracking']);
        (function() {
            var u="{{ config.MATOMO_BASE_URL }}/";
            _paq.push(['setTrackerUrl', u+'matomo.php']);
Christophe Benz's avatar
Christophe Benz committed
97
            _paq.push(['setSiteId', '{{ config.MATOMO_SITE_ID }}']);
98 99 100 101 102 103
            var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
            g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
        })();
        </script>
    {% endif %}

104 105
</body>

Johan Richer's avatar
Johan Richer committed
106
</html>