Drobne zmiany w CSS i refaktoring JS. Dodanie przycisków "Powiększ" i "Pomniejsz...

[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 7a2aa4b..b9a48eb 100644 (file)
--- a/platforma/templates/wiki/document_details.html
+++ b/platforma/templates/wiki/document_details.html
@@ -1,27 +1,59 @@
 {% extends "base.html" %}
 {% extends "base.html" %}

+{% load toolbar_tags %}

 
 {% block extrahead %}
 
 {% 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" />

     <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 type="text/javascript" charset="utf-8">
-        $(function() {
-            var editor = CodeMirror.fromTextArea('id_text', {
-                parserfile: 'parsexml.js',
-                path: "{{ STATIC_URL }}js/lib/codemirror/",
-                stylesheet: "{{ STATIC_URL }}css/xmlcolors.css",
-                parserConfig: {
-                    useHTMLKludges: false
-                },
-                textWrapping: true,
-                tabMode: 'spaces',
-                indentUnit: 0,
-            });
-        });
-    </script>
+    <script src="{{STATIC_URL}}js/lib/jquery.form.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/main.js" type="text/javascript" charset="utf-8"></script>

 {% endblock %}
 
 {% block maincontent %}
 {% endblock %}
 
 {% block maincontent %}

-    <form action="{% url wiki.views.document_detail document.name|urlencode %}" method="post" accept-charset="utf-8">
-        {{ form.as_p }}
-        <p><input type="submit" value="Continue &rarr;"></p>
-    </form>
+    {# <form action="{% url wiki.views.document_detail document.name|urlencode %}" method="post" accept-charset="utf-8"> #}
+        <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>
+            <ol id="tabs">
+                <li id="simple-view-tab">Widok prosty</li>
+                <li id="source-view-tab" class="active">Widok zaawansowany</li>
+            </ol>
+            <div style="clear: both"></div>
+        </div>
+        <div id="splitter">
+            <div id="editor">
+                <div id="source-editor">
+                    {% toolbar %}
+                    {{ form.text }}
+                    <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="revision" value="{{ document.revision }}" />
+                </div>
+                <div id="simple-editor" style="display: none">
+                    <div class="toolbar">
+                        <button>Wstaw motyw</button> <button>Wstaw przypis</button>
+                        <div class="toolbar-end"> </div>
+                    </div>
+                    <div id="html-view" class="htmlview">
+                    </div>
+                </div>
+            </div>
+            <div class="vsplitbar"> </div>
+            <div id="sidebar">
+                <div class="toolbar">
+                    <button class="previous-page">⇽ Poprzednia</button>
+                    <input type="text" size="3" maxlength="3" value="1" class="page-number" />
+                    <button class="next-page">Następna ⇾</button>
+                    <button class="zoom-in">Powiększ</button>
+                    <button class="zoom-out">Pomniejsz</button>
+                    <div class="toolbar-end"> </div>
+                </div>
+                <div class="gallery-image">
+                    <img src="" />
+                </div>
+            </div>
+        </div>
+    {# </form> #}

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