* Improved document layout in Firefox.
[redakcja.git] / apps / wiki / templates / wiki / document_details.html
1 {% extends "base.html" %}
2 {% load toolbar_tags %}
3
4 {% block extrahead %}
5     <link rel="stylesheet" href="{{STATIC_URL}}css/master.css" type="text/css" media="screen" charset="utf-8" />
6     <link rel="stylesheet" href="{{STATIC_URL}}css/html.css" type="text/css" media="screen" charset="utf-8" />
7     <link rel="stylesheet" href="{{STATIC_URL}}css/jquery.autocomplete.css" type="text/css" media="screen" title="no title" charset="utf-8">
8
9     <script type="text/javascript" charset="utf-8">
10         var STATIC_URL = '{{STATIC_URL}}';
11     </script>
12     
13     <script src="{{STATIC_URL}}js/lib/codemirror/codemirror.js" type="text/javascript" charset="utf-8"></script>
14     <script src="{{STATIC_URL}}js/jquery.blockui.js" type="text/javascript" charset="utf-8"></script>
15     <script src="{{STATIC_URL}}js/jquery.autocomplete.js" type="text/javascript" charset="utf-8"></script>
16     <script src="{{STATIC_URL}}js/jquery.elastic.js" type="text/javascript" charset="utf-8"></script>
17     <script src="{{STATIC_URL}}js/button_scripts.js" type="text/javascript" charset="utf-8"></script>
18     <script src="{{STATIC_URL}}js/xslt.js" type="text/javascript" charset="utf-8"></script>
19     <script src="{{STATIC_URL}}js/main.js" type="text/javascript" charset="utf-8"></script>
20 {% endblock %}
21
22 {% block maincontent %}
23         <div id="loading-overlay">
24             <div id="loading-message"><img src="{{STATIC_URL}}img/spinner.gif" /><p>Ładowanie</p></div>
25         </div>
26         <div id="document-meta" style="display:none">
27         {% for k, v in document.meta.items %}
28             <div class="{{ k }}">{{ v}}</div>
29         {% endfor %}
30         </div>
31         <div id="header">            
32             <h1><a href="{% url wiki.views.document_list %}">Platforma</a></h1>
33                         <div id="tools">
34                                 <a href="{{ REDMINE_URL }}projects/wl-publikacje/wiki/Pomoc" target="_blank">Pomoc</a>                          
35                 | {% include "registration/head_login.html" %} 
36                                 | Wersja: <span id="document-revision">{{ document.revision }}</span> 
37                                 | <button style="margin-left: 6px" id="save-button">Zapisz</button>
38                         </div>          
39             <ol id="tabs">
40                 <li id="simple-view-tab" ui:related="simple-editor"><span id="document-name">{{ document.name }}</span></li>
41                 <li id="source-view-tab" ui:related="source-editor">Kod źródłowy</li>
42                                 <li id="history-view-tab" ui:related="history-viewer">Historia</li>
43             </ol>
44                           
45         </div>
46         <div id="splitter">
47             <div id="editor">
48                 <div id="source-editor" class="editor">
49                     {% toolbar %}
50                     <textarea name="text" id="id_text">{{ document.plain_text }}</textarea>
51                     <input type="hidden" name="name" value="{{ document.name }}" />
52                     <input type="hidden" name="author" value="annonymous" />
53                     <input type="hidden" name="comment" value="no comment" />
54                     <input type="hidden" name="revision" value="{{ document.revision }}" />
55                 </div>
56                 <div id="simple-editor" class="editor" style="display: none">                    
57                     <div id="html-view" class="htmlview">
58                     </div>
59                                         
60                                         <div class="toolbar">
61                         <button id="insert-theme-button">Wstaw motyw</button> <button id="insert-annotation-button">Wstaw przypis</button>
62                         <div class="toolbar-end"> </div>
63                     </div>
64                 </div>
65                                 
66                                 <div id="history-viewer" class="editor" style="display: none">
67                                         <div class="toolbar"> </div>
68                                         <div id="history-view">
69                                                 <p class="message-box" style="display:none;"></p>
70                                                 <table>
71                                                         <thead>                 
72                                                                 <th>&nbsp;</th>                                 
73                                                                 <th>Numer</th>
74                                                                 <th>Opis</th>
75                                                                 <th>Użytkownik</th>
76                                                                 <th>Data</th>
77                                                         </thead>
78                                                         <tbody id="changes-list">                                                                                                                               
79                                                         </tbody>
80                                                 </table>
81                                                 
82                                                 <p><button type="button" id="make-diff-button">Porównaj</button></p>
83                                                 <!-- <p><button type="button" id="more-history-button">Więcej</button></p> -->
84                                                 <div id="diff-view">                                                                                                                                            
85                                         </div>                                                                  
86                                 </div>                                                  
87                                                         
88                                 </div>
89             </div>
90             <div class="vsplitbar" title="Klinknij aby (ro)zwinąć galerię."> </div>
91             <div id="sidebar">
92                 <div class="toolbar">
93                     <button class="previous-page">
94                         <img src="{{STATIC_URL}}icons/go-previous.png" alt="Poprzednia" title="Poprzednia"/>
95                     </button>
96                     <input type="text" size="3" maxlength="3" value="1" class="page-number" />
97                     <button class="next-page">
98                         <img src="{{STATIC_URL}}icons/go-next.png" alt="Następna" title="Następna"/>
99                     </button>
100                     <button class="zoom-in">Powiększ</button>
101                     <button class="zoom-out">Pomniejsz</button>
102                                         {% if request.user.is_staff %}
103                     <button class="change-gallery">Opcje</button>
104                                         {% endif %}
105                     <div class="toolbar-end"> </div>
106                 </div>
107                                 {% if request.user.is_staff %}
108                 <div class="toolbar" id="change-gallery-toolbar">
109                     <input type="text" value="" class="chosen-gallery" />
110                     <button class="change-gallery-ok">Zmień galerię</button>
111                     <button class="change-gallery-cancel">Anuluj</button>
112                     <div class="toolbar-end"> </div>    
113                 </div>
114                                 {% endif %}
115                 <div class="gallery-image">
116                     <img src="" />
117                 </div>
118             </div>
119         </div>
120         <div id="save-dialog" style="display: none; text-align: left">
121             <label for="komentarz" style="display: block">Opis zmian:</label>
122             <textarea name="komentarz" id="komentarz" style="display: block; width: 100%"></textarea>
123             <button id="save-ok">Zapisz</button> <button id="save-cancel">Anuluj</button>
124         </div>
125 {% endblock %}