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 %}