{% extends "base.html" %}
{% load toolbar_tags i18n %}
+{% load static %}
{% block titleextra %}{% if chunk.pretty_title %}{{ chunk.pretty_title }}{% else %}{{ chunk.book.title }}{% endif %}{% endblock %}
{% block extrahead %}
-{% load pipeline %}
-{% stylesheet 'detail' %}
+ {% load pipeline %}
+ {% stylesheet 'detail' %}
+ <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
{% endblock %}
{% block extrabody %}
-<script type="text/javascript">
- var STATIC_URL = '{{STATIC_URL}}';
-</script>
-{% javascript 'detail' %}
+ <script type="text/javascript">
+ var STATIC_URL = '{{STATIC_URL}}';
+ </script>
+ {% javascript 'detail' %}
+ <script
+ src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
+ integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
+ crossorigin="anonymous"></script>
{% endblock %}
{% block maincontent %}
-<div id="document-meta"
- data-chunk-id="{{ chunk.pk }}" style="display:none">
+ <div id="document-meta"
+ data-chunk-id="{{ chunk.pk }}" style="display:none">
- <span data-key="gallery">{{ chunk.book.gallery }}</span>
- <span data-key="gallery-start">{% if chunk.gallery_start %}{{ chunk.gallery_start }}{% endif %}</span>
- <span data-key="revision">{{ revision }}</span>
+ <span data-key="gallery">{{ chunk.book.gallery }}</span>
+ <span data-key="gallery-start">{% if chunk.gallery_start %}{{ chunk.gallery_start }}{% endif %}</span>
+ <span data-key="revision">{{ revision }}</span>
<span data-key="diff">{{ request.GET.diff }}</span>
- {% block meta-extra %} {% endblock %}
-</div>
+ {% block meta-extra %} {% endblock %}
+ </div>
-<div id="header">
- <h1><a href="{% url 'catalogue_document_list' %}"><img src="{{STATIC_URL}}icons/go-home.png" alt="Home" /></a><a href="{% url 'catalogue_document_list' %}">Strona<br>główna</a></h1>
- <div id="tools">
- <a href="{{ REDMINE_URL }}projects/wl-publikacje/wiki/Pomoc" target="_blank">
+ <nav class="navbar navbar-expand-sm navbar-dark bg-dark" id="header">
+ <a class="navbar-brand" href="{% url 'documents_document_list' %}">
+ <img src="{% static 'img/wl-orange.png' %}" alt="Home" />
+ </a>
+
+ <ul class="tabs nav nav-tabs mr-auto" id="tabs">
+ {% block tabs-menu %}{% endblock %}
+ </ul>
+
+ <ul class="tabs nav nav-tabs" id="tabs-right">
+ {% block tabs-right %}{% endblock %}
+ </ul>
+
+ <div class='navbar-nav'>
+ <a class='nav-item nav-link' href="{{ REDMINE_URL }}projects/wl-publikacje/wiki/Pomoc" target="_blank">
{% trans "Help" %}</a>
- | {% include "registration/head_login.html" %}
- | {% trans "Version" %}: <span id="document-revision">{% trans "Unknown" %}</span>
- {% if not readonly %}
- | <button style="margin-left: 6px" id="save-button">{% trans "Save" %}</button>
- <span id='save-attempt-info'>{% trans "Save attempt in progress" %}</span>
- <span id='out-of-date-info'>{% trans "There is a newer version of this document!" %}</span>
- {% endif %}
+ {% include "registration/head_login.html" %}
+ <span class="navbar-text">{% trans "Version" %}: <span id="document-revision">{% trans "Unknown" %}</span></span>
+ {% if not readonly %}
+ <button class='ml-2 nav-item btn btn-primary' id="save-button">{% trans "Save" %}</button>
+ <span id='save-attempt-info' class="navbar-text ml-2"><span class="alert alert-info">{% trans "Save attempt in progress" %}</span></span>
+ <span id='out-of-date-info' class="navbar-text ml-2"><span class="alert alert-danger">{% trans "There is a newer version of this document!" %}</span></span>
+ {% endif %}
</div>
- <ol id="tabs" class="tabs">
- {% block tabs-menu %} {% endblock %}
- </ol>
- <ol id="tabs-right" class="tabs">
- {% block tabs-right %} {% endblock %}
- </ol>
-</div>
-<div id="splitter">
+ </nav>
+ <div id="splitter">
<div id="editor" class="{% block editor-class %} {% endblock %}">
- {% block tabs-content %} {% endblock %}
+ {% block tabs-content %} {% endblock %}
</div>
- {% block splitter-extra %} {% endblock %}
-</div>
+ {% block splitter-extra %} {% endblock %}
+ </div>
-{% block dialogs %} {% endblock %}
+ {% block dialogs %} {% endblock %}
{% endblock %}