You will find only what you bring in.
[redakcja.git] / src / wiki / templates / wiki / document_details_base.html
index 00c4f6a..8b79d9a 100644 (file)
@@ -1,58 +1,69 @@
 {% 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 'catalogue_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 %}