Działający widok SplitView.
[redakcja.git] / project / templates / explorer / editor.html
1 {% extends "base.html" %}
2
3 {% block extrahead %}
4         <script type="text/javascript" charset="utf-8">
5                 var fileId = '{{ fileid }}';
6         </script>
7     <link rel="stylesheet" href="{{STATIC_URL}}css/toolbar.css" type="text/css" />
8     <link rel="stylesheet" href="{{STATIC_URL}}css/jquery.modal.css" type="text/css" />
9     <script src="{{STATIC_URL}}js/lib/jquery.lazyload.js" type="text/javascript" charset="utf-8"></script>
10     <script src="{{STATIC_URL}}js/lib/codemirror/codemirror.js" type="text/javascript" charset="utf-8"></script>
11     <script src="{{STATIC_URL}}js/lib/jquery.wtooltip.js" type="text/javascript" charset="utf-8"></script>
12     <script src="{{STATIC_URL}}js/lib/jquery.json.js" type="text/javascript" charset="utf-8"></script>
13     <script src="{{STATIC_URL}}js/lib/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
14     <script src="{{STATIC_URL}}js/lib/jquery.modal.js" type="text/javascript" charset="utf-8"></script>
15
16     <script src="{{STATIC_URL}}js/editor.js" type="text/javascript" charset="utf-8"></script>
17     <script src="{{STATIC_URL}}js/editor.ui.js" type="text/javascript" charset="utf-8"></script>
18 {% endblock extrahead %}
19
20 {% block extrabody %}
21     <script type="text/javascript" charset="utf-8">
22     $(function() {
23         {% for scriptlet in scriptlets %}
24         editor.registerScriptlet("{{scriptlet.name}}",
25             function(editor, panel, params) {
26                 {{ scriptlet.code|safe }}
27             });
28         {% endfor %}
29      });  
30     </script>
31 {% endblock extrabody %}
32
33 {% load explorer_tags %}
34
35 {% block breadcrumbs %}<a href="{% url file_list %}">Platforma Redakcyjna</a> &gt; {{ fileid|bookname }}{% endblock breadcrumbs %}
36
37 {% block header-toolbar %}
38 <button type="button" class="requires-save toolbar-button" id="toolbar-button-commit">Merge</button>
39 <button type="button" class="requires-save toolbar-button" id="toolbar-button-update"
40         ui:ajax-action="{% url file_update fileid %}">Update</button>
41 <button type="button" class="provides-save toolbar-button" id="toolbar-button-save" disabled="disabled">Commit</button>
42 <button type="button" class="provides-save toolbar-button" id="toolbar-button-quick-save" disabled="disabled">Quick Save</button>
43 {% endblock %}
44
45 {% block message-box %}
46     <div class="msg-info" id="save-waiting"><p>Zapisuję dane na serwerze.</p><p class="data"></p></div>
47     <div class="msg-success" id="save-successful"><p>Zapisano :)</p><p class="data"></p></div>
48     <div class="msg-warning" id="save-warn"><p>Zapisano. Uwagi: (</p><p class="data"></p></div>
49     <div class="msg-error" id="save-error"><p>Błąd przy zapisie.</p> <p class="data"></p></div>
50
51     <div class="msg-success" id="generic-yes"><p class="data"></p></div>
52     <div class="msg-info" id="generic-info"><p class="data"></p></div>
53     <div class="msg-error" id="generic-error"><p class="data"></p></div>
54     
55     <div class="msg-warning" id="not-implemented"><p>Tej funkcji jeszcze nie ma :(</p><p class="data"></p></div>
56     
57 {% endblock %}
58
59 {% block maincontent %}
60         <div id="panels">
61             {% for n in panel_list %}
62             <div class="panel-wrap{% if forloop.last %} last-panel{% endif %}" id="panel-{{n}}">
63                 <div class="panel-toolbar">
64                     <p><label>{{n|capfirst}} panel:
65                     <select name="select-{{n}}-panel" id="panel-{{n}}-select">
66                         {% for panel_type in availble_panels %}
67                         <option value="{% url panel_view path=fileid,name=panel_type.id  %}" p:panel-name="{{ panel_type.id }}">{{panel_type.display_name}}</option>
68                         {% endfor %}
69                     </select>
70                     </label>
71                     <span class="toolbar-button-groups-container">
72                     <span class="panel-toolbar-extra" > </span>
73                     </span>
74                     <!-- rethink the refresh button - it doesn't work very well -->
75                     <!-- <button type="button" class="refresh-button">Odśwież</button> -->
76                     {# <a href="{% url print_xml fileid %}" target="_new">Wydruk</a> #}
77                     <strong class="change-notification" style="display: none">Widok nieaktualny!</strong>
78                     </p>
79                </div>
80                <div id="panel-{{n}}-content" class="panel-content"></div>
81                <button type="button" class="panel-slider"></button>
82             </div>
83             {% endfor %}
84         </div>
85
86         <div id="commit-dialog" class="jqmWindow">
87             <form action="{% url file_commit fileid %}" method="POST">
88                 <label for="message">Commit message:</label>
89                 <textarea cols="60" rows="10" name="message" id="commit-dialog-message"></textarea>
90                 <p id="commit-dialog-error-empty-message">Wiadomość nie może być pusta.</p>                
91                 <fieldset id="commit-dialog-related-issues" 
92                           ui:ajax-src="http://localhost:3000/publications/issues/{{fileid}}">
93                     <legend>Related issues</legend>
94                     <div class="loading-box" style="display: none;">
95                         <p>Loading related issues...</p>
96                     </div>
97                     <div class="container-box">No related issues.</div>
98                 </fieldset>
99                 <p>
100                    <input type="button" value="Save" id="commit-dialog-save-button" />
101                    <input type="reset" value="Cancel" id="commit-dialog-cancel-button" />
102                 </p>
103             </form>
104         </div>
105
106         <div id="split-dialog" class="jqmWindow">
107             <div class="container-box"> </div>
108             <div class="loading-box" style="display: none;">
109                 <p>Loading dialog contents...</p>
110                 <!-- <p><button type="button" class="dialog-close-button">Close</button></p> -->
111             </div>
112             <div class="fatal-error-box" style="display: none;">
113                 <p>Server error, while loading dialog :(</p>
114                 <p><button type="button" class="dialog-close-button">Close</button></p>
115             </div>
116         </div>
117 {% endblock maincontent %}