Fixes #382.

[redakcja.git] / platforma / templates / wiki / document_details.html

diff --git a/platforma/templates/wiki/document_details.html b/platforma/templates/wiki/document_details.html
index b9a48eb..ead1382 100644 (file)
--- a/platforma/templates/wiki/document_details.html
+++ b/platforma/templates/wiki/document_details.html
@@ -4,20 +4,40 @@
 {% block extrahead %}
     <link rel="stylesheet" href="{{STATIC_URL}}css/master.css" type="text/css" media="screen" charset="utf-8" />
     <link rel="stylesheet" href="{{STATIC_URL}}css/html.css" type="text/css" media="screen" charset="utf-8" />
 {% block extrahead %}
     <link rel="stylesheet" href="{{STATIC_URL}}css/master.css" type="text/css" media="screen" charset="utf-8" />
     <link rel="stylesheet" href="{{STATIC_URL}}css/html.css" type="text/css" media="screen" charset="utf-8" />

+    <link rel="stylesheet" href="{{STATIC_URL}}css/jquery.autocomplete.css" type="text/css" media="screen" title="no title" charset="utf-8">
+    <script type="text/javascript" charset="utf-8">
+        var STATIC_URL = '{{STATIC_URL}}';
+    </script>

     <script src="{{STATIC_URL}}js/lib/codemirror/codemirror.js" type="text/javascript" charset="utf-8"></script>
     <script src="{{STATIC_URL}}js/lib/codemirror/codemirror.js" type="text/javascript" charset="utf-8"></script>

-    <script src="{{STATIC_URL}}js/lib/jquery.form.js" type="text/javascript" charset="utf-8"></script>
+    <script src="{{STATIC_URL}}js/jquery.blockui.js" type="text/javascript" charset="utf-8"></script>
+    <script src="{{STATIC_URL}}js/jquery.autocomplete.js" type="text/javascript" charset="utf-8"></script>
+    <script src="{{STATIC_URL}}js/jquery.elastic.js" type="text/javascript" charset="utf-8"></script>

     <script src="{{STATIC_URL}}js/button_scripts.js" type="text/javascript" charset="utf-8"></script>
     <script src="{{STATIC_URL}}js/button_scripts.js" type="text/javascript" charset="utf-8"></script>

+    <script src="{{STATIC_URL}}js/xslt.js" type="text/javascript" charset="utf-8"></script>

     <script src="{{STATIC_URL}}js/main.js" type="text/javascript" charset="utf-8"></script>
 {% endblock %}
 
 {% block maincontent %}
     <script src="{{STATIC_URL}}js/main.js" type="text/javascript" charset="utf-8"></script>
 {% endblock %}
 
 {% block maincontent %}

-    {# <form action="{% url wiki.views.document_detail document.name|urlencode %}" method="post" accept-charset="utf-8"> #}
+        <div id="loading-overlay">
+            <div id="loading-message"><img src="{{STATIC_URL}}img/spinner.gif" /><p>Ładowanie</p></div>
+        </div>
+        <div id="document-meta" style="display:none">
+        {% for k, v in document.meta.items %}
+            <div class="{{ k }}">{{ v}}</div>
+        {% endfor %}
+        </div>

         <div id="header">
         <div id="header">

-            <div id="tools" style="float: right;">Wersja: {{ document.revision }}<button style="margin-left: 6px" id="save-button">Zapisz</button></div>
-            <h1>{{ document.name }}</h1>
+            <div id="tools" style="float: right;">
+                {% if user.is_authenticated %}
+                    Zalogowany jako <span id="username">{{ user }}</span> | <a href="{% url logout %}">Wyloguj</a> |
+                {% else %}
+                    <a href="{% url login %}?next={{ request.path }}">Zaloguj się</a> |
+                {% endif %}
+                Wersja: <span id="document-revision">{{ document.revision }}</span> <button style="margin-left: 6px" id="save-button">Zapisz</button></div>
+            <h1><a href="{% url wiki.views.document_list %}">Platforma</a></h1>

             <ol id="tabs">
             <ol id="tabs">

-                <li id="simple-view-tab">Widok prosty</li>
-                <li id="source-view-tab" class="active">Widok zaawansowany</li>
+                <li id="simple-view-tab"><span id="document-name">{{ document.name }}</span></li>
+                <li id="source-view-tab" class="active">Kod źródłowy</li>

             </ol>
             <div style="clear: both"></div>
         </div>
             </ol>
             <div style="clear: both"></div>
         </div>


@@ -25,7 +45,7 @@
             <div id="editor">
                 <div id="source-editor">
                     {% toolbar %}
             <div id="editor">
                 <div id="source-editor">
                     {% toolbar %}

-                    {{ form.text }}
+                    <textarea name="text" id="id_text">{{ document.plain_text }}</textarea>

                     <input type="hidden" name="name" value="{{ document.name }}" />
                     <input type="hidden" name="author" value="annonymous" />
                     <input type="hidden" name="comment" value="no comment" />
                     <input type="hidden" name="name" value="{{ document.name }}" />
                     <input type="hidden" name="author" value="annonymous" />
                     <input type="hidden" name="comment" value="no comment" />


@@ -33,7 +53,7 @@
                 </div>
                 <div id="simple-editor" style="display: none">
                     <div class="toolbar">
                 </div>
                 <div id="simple-editor" style="display: none">
                     <div class="toolbar">

-                        <button>Wstaw motyw</button> <button>Wstaw przypis</button>
+                        <button id="insert-theme-button">Wstaw motyw</button> <button id="insert-annotation-button">Wstaw przypis</button>

                         <div class="toolbar-end"> </div>
                     </div>
                     <div id="html-view" class="htmlview">
                         <div class="toolbar-end"> </div>
                     </div>
                     <div id="html-view" class="htmlview">


@@ -48,12 +68,23 @@
                     <button class="next-page">Następna ⇾</button>
                     <button class="zoom-in">Powiększ</button>
                     <button class="zoom-out">Pomniejsz</button>
                     <button class="next-page">Następna ⇾</button>
                     <button class="zoom-in">Powiększ</button>
                     <button class="zoom-out">Pomniejsz</button>

+                    <button class="change-gallery">Zmień galerię</button>

                     <div class="toolbar-end"> </div>
                 </div>
                     <div class="toolbar-end"> </div>
                 </div>

+                <div class="toolbar" id="change-gallery-toolbar">
+                    <input type="text" value="" class="chosen-gallery" />
+                    <button class="change-gallery-ok">Zmień galerię</button>
+                    <button class="change-gallery-cancel">Anuluj</button>
+                    <div class="toolbar-end"> </div>    
+                </div>

                 <div class="gallery-image">
                     <img src="" />
                 </div>
             </div>
         </div>
                 <div class="gallery-image">
                     <img src="" />
                 </div>
             </div>
         </div>

-    {# </form> #}
+        <div id="save-dialog" style="display: none; text-align: left">
+            <label for="komentarz" style="display: block">Opis zmian:</label>
+            <textarea name="komentarz" id="komentarz" style="display: block; width: 100%"></textarea>
+            <button id="save-ok">Zapisz</button> <button id="save-cancel">Anuluj</button>
+        </div>

 {% endblock %}
\ No newline at end of file
 {% endblock %}
\ No newline at end of file