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