datatracker/ietf/templates/base.html

162 lines
8.5 KiB
HTML

{# Copyright The IETF Trust 2015-2022, All Rights Reserved #}
<!DOCTYPE html>
{% load ietf_filters static %}
{% load origin %}
{% origin %}
{% load django_bootstrap5 %}
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>
{% block title %}No title{% endblock %}
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
{% comment Halloween %}
<link href='https://fonts.googleapis.com/css?family=IM+Fell+English+SC|IM+Fell+DW+Pica:400,400italic|Nova+Mono|IM+Fell+English:400,400italic&subset=latin-ext,latin' rel='stylesheet'>
{% endcomment %}
<link rel="stylesheet" href="{% static 'ietf/css/ietf.css' %}">
<link rel="stylesheet" href="{% static 'ietf/css/select2.css' %}">
<style>
{% block morecss %}{% endblock %}
.leftmenu { width: 13em; }
</style>
{% block pagehead %}{% endblock %}
{% if server_mode and server_mode == "production" %}
<link rel="shortcut icon"
href="{% static 'ietf/images/ietf-icon-blue3.png' %}">
{% else %}
<link rel="shortcut icon"
href="{% static 'ietf/images/ietf-icon-red3.png' %}">
{% endif %}
<link rel="apple-touch-icon"
href="{% static 'ietf/images/apple-touch-icon.png' %}">
<script src="{% static 'ietf/js/ietf.js' %}"></script>
</head>
<body {% block bodyAttrs %}{% endblock %} class="position-relative"
data-group-menu-data-url="{% url 'ietf.group.views.group_menu_data' %}">
<a class="visually-hidden visually-hidden-focusable" href="#content">Skip to main content</a>
<nav class="navbar navbar-expand-lg {% if server_mode and server_mode != "production" %} navbar-light bg-warning {% else %} navbar-dark bg-secondary {% endif %} {% if navbar_mode %} {{ navbar_mode }} {% else %} fixed-top {% endif %}">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img alt="IETF Logo"
src="{% static 'ietf/images/ietflogo-small-transparent.png' %}">
Datatracker
{% if server_mode and server_mode != "production" %}Dev Mode{% endif %}
</a>
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav">
{% include "base/menu.html" with flavor="top" %}
</ul>
</div>
{% if not user.is_authenticated %}
<a class="d-none d-sm-block mx-5 btn {% if server_mode and server_mode == "production" %} btn-warning {% else %} btn-info {% endif %}"
rel="nofollow"
href="/accounts/login/?next={{ request.get_full_path|removesuffix:"accounts/logout/"|urlencode }}">
Sign
in
</a>
{% endif %}
<div class="d-flex d-none d-lg-block">
<label aria-label="Document search">
<input class="form-control select2-field"
id="navbar-doc-search"
data-ajax--url="{% url 'ietf.doc.views_search.ajax_select2_search_docs' model_name='docalias' doc_type='draft' %}"
type="text"
data-placeholder="Document search">
</label>
</div>
<button class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbar-collapse"
aria-controls="navbar-collapse"
aria-expanded="false"
aria-label="Toggle navigation">
<i class="navbar-toggler-icon"></i>
</button>
</div>
</nav>
<div class="pt-3 container-fluid">
<div class="row">
{% if request.COOKIES.left_menu == "on" and not hide_menu %}
<div class="col-1 d-none d-md-block bg-light py-3 lh-sm leftmenu small">
<ul class="nav nav-pills flex-column">
{% include "base/menu.html" with flavor="left" %}
</ul>
</div>
{% endif %}
<div class="col mx-lg-3 ietf-auto-nav" id="content">
<noscript>
<div class="alert alert-danger alert-ignore my-3">
<b>Javascript disabled?</b> Like other modern websites, the IETF Datatracker relies on Javascript.
Please enable Javascript for full functionality.
</div>
</noscript>
{% for message in messages %}
<div class="alert {% if message.level_tag %} alert-{% if message.level_tag == 'error' %}danger{% else %}{{ message.level_tag }}{% endif %} {% endif %} {% if message.extra_tags %} {{ message.extra_tags }}{% endif %} alert-dismissable fade show">
<button type="button"
class="btn-close float-end"
data-bs-dismiss="alert"
aria-label="Close"></button>
{{ message.message }}
</div>
{% endfor %}
{% block content %}{{ content|safe }}{% endblock %}
{% block content_end %}{% endblock %}
</div>
</div>
<hr>
{% block footer %}
<footer class="col-md-12 col-sm-12 text-center">
<a href="https://www.ietf.org/" class="p-3">IETF</a>
<a href="https://www.ietf.org/iesg/" class="p-3">IESG</a>
<a href="https://www.iab.org/" class="p-3">IAB</a>
<a href="https://www.irtf.org/" class="p-3">IRTF</a>
<a href="https://www.ietf.org/llc/" class="p-3">IETF&nbsp;LLC</a>
<a href="https://trustee.ietf.org/" class="p-3">IETF&nbsp;Trust</a>
<a href="https://www.rfc-editor.org/" class="p-3">RFC&nbsp;Editor</a>
<a href="https://www.iana.org/" class="p-3">IANA</a>
<a href="https://www.ietf.org/privacy-statement/" class="p-3">Privacy&nbsp;Statement</a>
<div class="small text-muted p-3">
{% if version_num %}
<a href="/release/about">About</a>
<a href="https://github.com/ietf-tools/datatracker/">IETF Datatracker</a>
{% if server_mode and server_mode == "production" %}
<a href="https://github.com/ietf-tools/datatracker/releases/tag/{{version_num}}">Version {{ version_num }}{% if patch %}{{patch}}{% endif %}</a>
{% else %}
Version {{ version_num }}{% if patch %}{{patch}}{% endif %}
{% endif %}
{% if branch %}({{ branch }} - {{ git_hash|slice:":8" }}){% endif %}
{% endif %}
Report a bug:
<a href="https://github.com/ietf-tools/datatracker/issues/new/choose">
GitHub
<i class="bi bi-bug"></i>
</a>
{% if bugreport_email %}
<a href="mailto:{{ bugreport_email }}">
Email
<i class="bi bi-envelope"></i>
</a>
{% endif %}
<br>
{% if python_version %}Python {{ python_version }}{% endif %}
{% if django_version %}Django {{ django_version }}{% endif %}
<br>
{% include "debug.html" %}
</div>
</footer>
{% endblock %}
</div>
{% block js %}
{% endblock %}
<script src="{% static 'ietf/js/select2.js' %}"></script>
<script>
$('#navbar-doc-search').on('select2:select', function (e) {
window.location.href = e.params.data.url;
});
</script>
</body>
</html>