layerindex-web/templates/base.html
Paul Eggleton 517424dc81 Upgrade to Bootstrap 3
Use a more modern version of Bootstrap and take the opportunity to
upgrade jQuery to the latest version at the same time. This provides
better browser compatibility, moves to MIT license, allows us to make
the site more responsive for different devices in future, and provides
theming capabilities for custom installs among other improvements.

(I chose to upgrade to v3 for now rather than straight to v4 as it was
easier to do this gradually.)

Signed-off-by: Paul Eggleton <paul.eggleton@linux.intel.com>
2018-09-20 15:57:59 +12:00

131 lines
5.6 KiB
HTML

{% comment %}
layerindex-web - base template for output pages
Copyright (C) 2013, 2018 Intel Corporation
Licensed under the MIT license, see COPYING.MIT for details
{% endcomment %}
{% load i18n %}
{% load staticfiles %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="{% static "css/bootstrap.css" %}" />
<link rel="stylesheet" href="{% static "css/bootstrap-theme.css" %}" />
<link rel="stylesheet" href="{% static "css/additional.css" %}" />
<link rel="icon" type="image/vnd.microsoft.icon" href="{% static "img/favicon.ico" %}" />
<title>{{ site_name }}{% block title_append %} - {% endblock %}</title>
{% block head_extra %}
{% endblock %}
</head>
<body>
{% block header %}
{% autoescape on %}
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="{% url 'frontpage' %}">{{ site_name }}</a>
</div>
<div class="navbar-collapse collapse">
{% if user.is_authenticated %}
<div class="btn-group pull-right nav-spacer">
{% if perms.layerindex.publish_layer %}
{% if unpublished_count > 0 %}
<a class="btn btn-default navbar-btn" href="{% url 'layer_list_review' %}?branch=master">
<span class="badge badge-warning review-notification">{{ unpublished_count }}</span>
</a>
{% endif %}
{% endif %}
<button class="btn btn-default navbar-btn dropdown-toggle" data-toggle="dropdown">
<i class="glyphicon glyphicon-user" aria-hidden="true"></i>
{{ user.username }}
<b class="caret"></b>
</button>
<ul class="dropdown-menu">
<li><a href="{% url 'auth_logout' %}">{% trans "Log out" %}</a></li>
<li><a href="{% url 'auth_password_change' %}">{% trans "Change password" %}</a></li>
<li><a href="{% url 'profile' %}">{% trans "Edit profile" %}</a></li>
</ul>
</div>
{% else %}
<div class="pull-right nav-spacer">
<a class="btn btn-default navbar-btn" href="{% url 'auth_login' %}">{% trans "Log in" %}</a>
</div>
{% endif %}
<ul class="nav navbar-nav pull-right">
<li class="divider-vertical"></li>
</ul>
{% block topfunctions %}
<div class="pull-right nav-spacer">
<a class="btn btn-info navbar-btn" href="{% url 'submit_layer' %}">Submit layer</a>
</div>
<ul class="nav navbar-nav pull-right">
{% if user.is_authenticated %}
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Tools
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="{% url 'bulk_change' %}">Bulk Change</a></li>
<li><a href="{% url 'duplicates' 'master' %}">Duplicates</a></li>
<li><a href="{% url 'update_list' %}">Updates</a></li>
<li><a href="{% url 'stats' %}">Statistics</a></li>
{% if rrs_enabled %}
<li><a href="{% url 'rrs_frontpage' %}">Recipe Maintenance</a></li>
{% endif %}
</ul>
</li>
{% endif %}
</ul>
{% endblock %}
</div> <!-- end of "container" -->
</div> <!-- "end of "container-fluid" -->
</nav> <!-- end of "navbar" -->
{% endautoescape %}
{% endblock %}
{% block contenttag %}<div id="content" class="container top-padded">{% endblock %}
{% if notices %}
{% for notice in notices %}
<div class="alert {% if notice.level == 'I' %}alert-info{% elif notice.level == 'S' %}alert-success{% elif notice.level == 'W' %}alert-warning{% elif notice.level == 'E' %}alert-danger{% endif %}">{{ notice.text_sanitised|safe|urlize }}</div>
{% endfor %}
{% endif %}
{% if messages %}
{% for message in messages %}
<div{% if message.tags %} class="alert {{ message.tags }}"{% endif %}>{{ message }}</div>
{% endfor %}
{% endif %}
{% block content %}{% endblock %}
</div>
<div id="footer">
{% block footer %}
<hr />
<div class="footer">
<a href="{% url 'history_list' %}">change history</a>
&bull; <a href="{% url 'about' %}">about this site</a>
&bull; <a href="http://www.openembedded.org/Layers_FAQ">FAQ</a>
</div>
{% endblock %}
</div>
<script src="{% static "js/jquery-3.3.1.js" %}"></script>
<script src="{% static "js/bootstrap.js" %}"></script>
{% block scripts %}
{% endblock %}
</body>
</html>