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 (panel in panels) { %>
  31                         <option value="<%= panel %>"><%= panel %></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 %}