project/templates/explorer/editor.html

   1 {% extends "base.html" %}
   2
   3 {% block extrahead %}
   4         <link rel="stylesheet" href="{{STATIC_URL}}css/jquery.modal.css" type="text/css" media="screen" charset="utf-8">
   5         <link rel="stylesheet" href="{{STATIC_URL}}css/html.css" type="text/css" charset="utf-8">
   6         <link rel="stylesheet" href="{{STATIC_URL}}css/toolbar.css" type="text/css" charset="utf-8">
   7         <link rel="stylesheet" href="{{STATIC_URL}}css/autumn.css" type="text/css" media="screen" title="Autumn colors" charset="utf-8">
   8
   9         <script type="text/javascript" charset="utf-8">
  10                 var fileId = '{{ fileid }}';
  11         </script>
  12
  13         {# Libraries #}
  14     <script src="{{STATIC_URL}}js/lib/codemirror/codemirror.js" type="text/javascript" charset="utf-8"></script>
  15         <script src="{{STATIC_URL}}js/lib/jquery.modal.js" type="text/javascript" charset="utf-8"></script>
  16         {# Scriptlets #}
  17         <script src="http://localhost:8000/api/toolbar/scriptlets" type="text/javascript" charset="utf-8"></script>
  18
  19         {# App and views #}
  20         <script src="{{STATIC_URL}}js/app.js" type="text/javascript" charset="utf-8"></script>
  21         <script src="{{STATIC_URL}}js/views/view.js" type="text/javascript" charset="utf-8"></script>
  22         <script src="{{STATIC_URL}}js/views/editor.js" type="text/javascript" charset="utf-8"></script>
  23         <script src="{{STATIC_URL}}js/views/button_toolbar.js" type="text/javascript" charset="utf-8"></script>
  24         <script src="{{STATIC_URL}}js/views/split.js" type="text/javascript" charset="utf-8"></script>
  25         <script src="{{STATIC_URL}}js/views/xml.js" type="text/javascript" charset="utf-8"></script>
  26         <script src="{{STATIC_URL}}js/views/html.js" type="text/javascript" charset="utf-8"></script>
  27         <script src="{{STATIC_URL}}js/views/gallery.js" type="text/javascript" charset="utf-8"></script>
  28         <script src="{{STATIC_URL}}js/views/panel_container.js" type="text/javascript" charset="utf-8"></script>
  29
  30         <script src="{{STATIC_URL}}js/models.js" type="text/javascript" charset="utf-8"></script>
  31
  32         {# JavaScript templates #}
  33         <script type="text/html" charset="utf-8" id="panel-container-view-template">
  34                 <div class="panel-main-toolbar">
  35                 <p><select>
  36                         <% for (panel in panels) { %>
  37                         <option value="<%= panel %>"><%= panel %></option>
  38                         <% }; %>
  39                 </select></p>
  40                 </div>
  41                 <div class="content-view"></div>
  42         </script>
  43
  44         <script type="text/html" charset="utf-8" id="xml-view-template">
  45                 <div class="xmlview-toolbar"></div>
  46                 <div class="xmlview">
  47
  48                 </div>
  49         </script>
  50
  51         <script type="text/html" charset="utf-8" id="html-view-template">
  52                 <div class="htmlview">
  53                 </div>
  54         </script>
  55
  56         <script type="text/html" charset="utf-8" id="image-gallery-view-template">
  57         <div class="image-gallery-view-template">
  58
  59         <div class="image-gallery-header">
  60         <p>
  61         <button type="button" class="image-gallery-prev-button">
  62         <img alt="PPrevious" src="{{STATIC_URL}}/icons/go-previous.png" width="16" height="16" />
  63         </button>
  64
  65         <input type="input" class="image-gallery-current-page"
  66             size="5" value="<%= (currentPage + 1) %>" />
  67
  68
  69         <button type="button" class="image-gallery-next-button">
  70         <img alt="Next" src="{{STATIC_URL}}/icons/go-next.png" width="16" height="16" />
  71         </button>
  72
  73         <button type="button" class="image-gallery-zoom-in">
  74             <img alt="Zoom in" src="{{STATIC_URL}}/icons/zoom_in.png" width="16" height="16" />
  75         </button>
  76         <button type="button" class="image-gallery-zoom-out">
  77             <img alt="Zoom out" src="{{STATIC_URL}}/icons/zoom_out.png" width="16" height="16" />
  78         </button>
  79         <button type="button" class="image-gallery-zoom-reset">
  80             <img alt="Zoom reset" src="{{STATIC_URL}}/icons/zoom.png" width="16" height="16" />
  81         </button>
  82         </p>
  83         </div>
  84
  85         <div class="image-gallery-page-list">
  86             <% for(var i=0; i < model.data.length; i++) { %>
  87                 <div class="image-gallery-page-container"
  88                     ui:model="<%= model.data[i] %>"
  89                     ui:width="480"
  90                     ui:height="752"
  91                 ></div>
  92             <% }; %>
  93         </div>
  94
  95         </div>
  96         </script>
  97
  98         <script type="text/html" charset="utf-8" id="button-toolbar-view-template">
  99                 <div class="buttontoolbarview panel-toolbar">
 100                         <div class="buttontoolbarview-tabs toolbar-tabs-container toolbar-buttons-container">
 101                         <% for (var i=0; i < buttons.length; i++) { %>
 102                                 <a href="#" class="buttontoolbarview-tab" ui:groupindex="<%= i %>"><%= buttons[i].name %></a>
 103                         <% }; %>
 104                         </div>
 105                         <div class="buttontoolbarview-groups ">
 106                         <% for (var i=0; i < buttons.length; i++) { %>
 107                                 <div class="buttontoolbarview-group toolbar-buttons-container" ui:groupIndex="<%= i %>" style="display: none">
 108                                         <% for (var j=0; j < buttons[i].buttons.length; j++) { %>
 109                                                 <% if (buttons[i].buttons[j].scriptlet_id) { %>
 110                                                 <a href="#" class="buttontoolbarview-button" ui:groupindex="<%= i %>" ui:buttonindex="<%= j %>">
 111                                                         <%= buttons[i].buttons[j].label %>
 112                                                 </a>
 113                                                 <% } %>
 114                                         <% } %>
 115                                 </div>
 116                         <% }; %>
 117                         </div>
 118                 </div>
 119         </script>
 120 {% endblock extrahead %}
 121
 122 {% block breadcrumbs %}<a href="{% url file_list %}">Platforma Redakcyjna</a> &gt; {{ fileid }}{% endblock breadcrumbs %}
 123
 124 {% block header-toolbar %}
 125         <button id="action-merge">Merge</button> <button id="action-update">Update</button> <button id="action-commit">Commit</button> <button id="action-quick-save">Quick Save</button>
 126 {% endblock %}
 127
 128 {% block maincontent %}
 129         <div id="splitview">
 130                 <div id="left-panel-container" class='panel-container'></div>
 131             <div id="right-panel-container" class='panel-container'></div>
 132     </div>
 133
 134
 135     <div id="commit-dialog" class="jqmWindow" style="display:none">
 136         <form action="{% url file_commit fileid %}" method="POST">
 137             <label for="message">Commit message:</label>
 138             <textarea cols="60" rows="10" name="message" id="commit-dialog-message"></textarea>
 139             <p id="commit-dialog-error-empty-message">Wiadomość nie może być pusta.</p>
 140             <fieldset id="commit-dialog-related-issues"
 141                       ui:ajax-src="http://localhost:3000/publications/issues/{{fileid}}">
 142                 <legend>Related issues</legend>
 143                 <div class="loading-box" style="display: none;">
 144                     <p>Loading related issues...</p>
 145                 </div>
 146                 <div class="container-box">No related issues.</div>
 147             </fieldset>
 148             <p>
 149                <input type="button" value="Save" id="commit-dialog-save-button" />
 150                <input type="reset" value="Cancel" id="commit-dialog-cancel-button" />
 151             </p>
 152         </form>
 153     </div>
 154
 155     <div id="split-dialog" class="jqmWindow" style="display:none">
 156         <div class="container-box"> </div>
 157         <div class="loading-box" style="display: none;">
 158             <p>Loading dialog contents...</p>
 159             <!-- <p><button type="button" class="dialog-close-button">Close</button></p> -->
 160         </div>
 161         <div class="fatal-error-box" style="display: none;">
 162             <p>Server error, while loading dialog :(</p>
 163             <p><button type="button" class="dialog-close-button">Close</button></p>
 164         </div>
 165     </div>
 166 {% endblock maincontent %}