Działający edytor CodeMirror.
[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         <script src="{{STATIC_URL}}js/app.js" type="text/javascript" charset="utf-8"></script>
16         <script src="{{STATIC_URL}}js/views/split.js" type="text/javascript" charset="utf-8"></script>
17         <script src="{{STATIC_URL}}js/views/xml.js" type="text/javascript" charset="utf-8"></script>
18         <script src="{{STATIC_URL}}js/views/html.js" type="text/javascript" charset="utf-8"></script>
19         <script src="{{STATIC_URL}}js/views/panel_container.js" type="text/javascript" charset="utf-8"></script>
20     <script src="{{STATIC_URL}}js/editor.js" type="text/javascript" charset="utf-8"></script>
21     <script src="{{STATIC_URL}}js/editor.ui.js" type="text/javascript" charset="utf-8"></script>
22
23         {# JavaScript templates #}
24         <script type="text/html" charset="utf-8" id="panel-container-view-template">
25                 <select>
26                         <% for (var i = 0; i < panels.length; i++) { %>
27                         <option value="<%= i %>"><%= panels[i].name %></option>
28                         <% }; %>
29                 </select>
30                 <div class="content-view"></div>
31         </script>
32         
33         <script type="text/html" charset="utf-8" id="xml-view-template">
34                 <div class="xmlview" style="position: absolute; top: 40px; left:0px; right:0px; bottom: 0px;">
35                         <textarea name="text">Ala ma kota</textarea>
36                 </div>
37         </script>
38         
39         <script type="text/html" charset="utf-8" id="html-view-template">
40                 <p>Hej! Jestem widokiem HTML!</p>
41         </script>
42 {% endblock extrahead %}
43
44 {% block extrabody %}
45     <script type="text/javascript" charset="utf-8">
46     $(function() {
47         {% for scriptlet in scriptlets %}
48         editor.registerScriptlet("{{scriptlet.name}}",
49             function(editor, panel, params) {
50                 {{ scriptlet.code|safe }}
51             });
52         {% endfor %}
53      });  
54     </script>
55 {% endblock extrabody %}
56
57 {% load explorer_tags %}
58
59 {% block breadcrumbs %}<a href="{% url file_list %}">Platforma Redakcyjna</a> &gt; {{ fileid|bookname }}{% endblock breadcrumbs %}
60
61 {% block header-toolbar %}
62 <button type="button" class="requires-save toolbar-button" id="toolbar-button-commit">Merge</button>
63 <button type="button" class="requires-save toolbar-button" id="toolbar-button-update"
64         ui:ajax-action="{% url file_update fileid %}">Update</button>
65 <button type="button" class="provides-save toolbar-button" id="toolbar-button-save" disabled="disabled">Commit</button>
66 <button type="button" class="provides-save toolbar-button" id="toolbar-button-quick-save" disabled="disabled">Quick Save</button>
67 {% endblock %}
68
69 {% block message-box %}
70     <div class="msg-info" id="save-waiting"><p>Zapisuję dane na serwerze.</p><p class="data"></p></div>
71     <div class="msg-success" id="save-successful"><p>Zapisano :)</p><p class="data"></p></div>
72     <div class="msg-warning" id="save-warn"><p>Zapisano. Uwagi: (</p><p class="data"></p></div>
73     <div class="msg-error" id="save-error"><p>Błąd przy zapisie.</p> <p class="data"></p></div>
74
75     <div class="msg-success" id="generic-yes"><p class="data"></p></div>
76     <div class="msg-info" id="generic-info"><p class="data"></p></div>
77     <div class="msg-error" id="generic-error"><p class="data"></p></div>
78     
79     <div class="msg-warning" id="not-implemented"><p>Tej funkcji jeszcze nie ma :(</p><p class="data"></p></div>
80     
81 {% endblock %}
82
83 {% block maincontent %}
84         <div id="splitview">
85                 <div id="left-panel-container" class='panel-container'></div>
86             <div id="right-panel-container" class='panel-container'></div>
87     </div>
88
89
90     <div id="commit-dialog" class="jqmWindow">
91         <form action="{% url file_commit fileid %}" method="POST">
92             <label for="message">Commit message:</label>
93             <textarea cols="60" rows="10" name="message" id="commit-dialog-message"></textarea>
94             <p id="commit-dialog-error-empty-message">Wiadomość nie może być pusta.</p>                
95             <fieldset id="commit-dialog-related-issues" 
96                       ui:ajax-src="http://localhost:3000/publications/issues/{{fileid}}">
97                 <legend>Related issues</legend>
98                 <div class="loading-box" style="display: none;">
99                     <p>Loading related issues...</p>
100                 </div>
101                 <div class="container-box">No related issues.</div>
102             </fieldset>
103             <p>
104                <input type="button" value="Save" id="commit-dialog-save-button" />
105                <input type="reset" value="Cancel" id="commit-dialog-cancel-button" />
106             </p>
107         </form>
108     </div>
109
110     <div id="split-dialog" class="jqmWindow">
111         <div class="container-box"> </div>
112         <div class="loading-box" style="display: none;">
113             <p>Loading dialog contents...</p>
114             <!-- <p><button type="button" class="dialog-close-button">Close</button></p> -->
115         </div>
116         <div class="fatal-error-box" style="display: none;">
117             <p>Server error, while loading dialog :(</p>
118             <p><button type="button" class="dialog-close-button">Close</button></p>
119         </div>
120     </div>
121 {% endblock maincontent %}