* End of javascript refactoring: both editors, history and gallery work as expected.
[redakcja.git] / apps / wiki / templates / wiki / document_details.html
1 {% extends "base.html" %}
2 {% load toolbar_tags %}
3 {% block title %}{{ document.name }} - {{ block.super }}{% endblock %}
4 {% block extrahead %}
5 {% load compressed %}
6 {% compressed_css 'detail' %}
7 {% endblock %}
8 {% block extrabody %}
9 <script type="text/javascript" charset="utf-8">
10     var STATIC_URL = '{{STATIC_URL}}';
11 </script>
12 <script src="{{STATIC_URL}}js/lib/codemirror/codemirror.js" type="text/javascript" charset="utf-8">
13 </script>
14 {% compressed_js 'detail' %}
15 {% endblock %}
16 {% block maincontent %}
17 <div id="loading-overlay">
18     <div id="loading-message">
19         <img src="{{STATIC_URL}}img/spinner.gif" />
20         <p>
21             Ładowanie
22         </p>
23     </div>
24 </div>
25
26 <div id="document-meta"
27         data-document-name="{{ document.name }}" style="display:none">
28         
29         {% for k, v in document_meta.items %}
30                 <span data-key="{{ k }}">{{ v }}</span>
31         {% endfor %}
32 </div>
33
34 <div id="header">
35     <h1><a href="{% url wiki.views.document_list %}">Platforma</a></h1>
36     <div id="tools">
37         <a href="{{ REDMINE_URL }}projects/wl-publikacje/wiki/Pomoc" target="_blank">Pomoc</a>
38         | {% include "registration/head_login.html" %} 
39         | Wersja: <span id="document-revision">unknown</span>
40         | 
41         <button style="margin-left: 6px" id="save-button">
42             Zapisz
43         </button>
44     </div>
45     <ol id="tabs">      
46                 <li id="SummaryPerspective" 
47                         data-ui-related="summary-view-editor" 
48                         data-ui-jsclass="SummaryPerspective">
49             <span>{{ document_meta.title }}</span>
50         </li>           
51                 
52         <li id="VisualPerspective" 
53                         data-ui-related="simple-editor" 
54                         data-ui-jsclass="VisualPerspective">
55             <span>Edytor</span>
56         </li>
57                 
58                 <li id="HistoryPerspective" 
59                         data-ui-related="history-view-editor" 
60                         data-ui-jsclass="HistoryPerspective">           
61             <span>Historia</span>
62         </li>
63                         
64                 <li id="CodeMirrorPerspective" 
65                         data-ui-related="source-editor" 
66                         data-ui-jsclass="CodeMirrorPerspective">
67             <span>Kod źródłowy</span>
68         </li>
69     </ol>
70 </div>
71 <div id="splitter">
72     <div id="editor">
73         <div id="source-editor" class="editor">
74             {% toolbar %}
75             <textarea id="codemirror_placeholder">&lt;br/&gt;</textarea>
76             <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_info.revision }}" />
77         </div>
78         <div id="simple-editor" class="editor" style="display: none">
79             <div id="html-view" class="htmlview">
80             </div>
81             <div class="toolbar">
82                 <button id="insert-theme-button">
83                     Wstaw motyw
84                 </button>
85                 <button id="insert-annotation-button">
86                     Wstaw przypis
87                 </button>
88                 <div class="toolbar-end">
89                 </div>
90             </div>
91         </div>
92                 {% include "wiki/history_view.html" %}
93                 {% include "wiki/summary_view.html" %}
94     </div>
95     <div class="vsplitbar" title="Klinknij aby (ro)zwinąć galerię."> </div>
96     
97         <div id="side-gallery">
98                 <!-- gallery toolbar -->                                
99         <div class="toolbar">
100             <button class="previous-page">
101                 <img src="{{STATIC_URL}}icons/go-previous.png" alt="Poprzednia" title="Poprzednia"/>
102             </button><input type="text" size="3" maxlength="3" value="1" class="page-number" />
103             <button class="next-page">
104                 <img src="{{STATIC_URL}}icons/go-next.png" alt="Następna" title="Następna"/>
105             </button>
106             <button class="zoom-in">
107                 Powiększ
108             </button>
109             <button class="zoom-out">
110                 Pomniejsz
111             </button>
112             <div class="toolbar-end">
113             </div>
114         </div>        
115                 <div class="error_message"> </div>
116                 <div class="gallery-image">
117                         <img src="{{MEDIA_URL}}/images/empty.png" />
118                 </div>
119     </div>
120 </div>
121 {% include "wiki/save_dialog.html" %}
122 {% include "wiki/tag_dialog.html" %}
123 {% endblock %}