X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/84132f4ec69d46ec216d1fe1d5adc5e5ee8a4798..c5b8f44c80d85f73d6eab626e0afc5ab61aa6d20:/project/templates/explorer/editor.html diff --git a/project/templates/explorer/editor.html b/project/templates/explorer/editor.html index a6bcc41a..eecfb572 100644 --- a/project/templates/explorer/editor.html +++ b/project/templates/explorer/editor.html @@ -1,22 +1,30 @@ {% extends "base.html" %} {% block extrahead %} + <link rel="stylesheet" href="{{STATIC_URL}}css/jquery.modal.css" type="text/css" media="screen" title="no title" charset="utf-8"> + <link rel="stylesheet" href="{{STATIC_URL}}css/html.css" type="text/css" media="screen" title="no title" charset="utf-8"> + <script type="text/javascript" charset="utf-8"> var fileId = '{{ fileid }}'; </script> - <script src="{{STATIC_URL}}js/lib/codemirror/codemirror.js" type="text/javascript" charset="utf-8"></script> + {# Libraries #} + <script src="{{STATIC_URL}}js/lib/codemirror/codemirror.js" type="text/javascript" charset="utf-8"></script> + <script src="{{STATIC_URL}}js/lib/jquery.modal.js" type="text/javascript" charset="utf-8"></script> {# Scriptlets #} <script src="http://localhost:8000/api/toolbar/scriptlets" type="text/javascript" charset="utf-8"></script> {# App and views #} <script src="{{STATIC_URL}}js/app.js" type="text/javascript" charset="utf-8"></script> + <script src="{{STATIC_URL}}js/messages.js" type="text/javascript" charset="utf-8"></script> <script src="{{STATIC_URL}}js/views/view.js" type="text/javascript" charset="utf-8"></script> + <script src="{{STATIC_URL}}js/views/flash.js" type="text/javascript" charset="utf-8"></script> <script src="{{STATIC_URL}}js/views/editor.js" type="text/javascript" charset="utf-8"></script> <script src="{{STATIC_URL}}js/views/button_toolbar.js" type="text/javascript" charset="utf-8"></script> <script src="{{STATIC_URL}}js/views/split.js" type="text/javascript" charset="utf-8"></script> <script src="{{STATIC_URL}}js/views/xml.js" type="text/javascript" charset="utf-8"></script> <script src="{{STATIC_URL}}js/views/html.js" type="text/javascript" charset="utf-8"></script> + <script src="{{STATIC_URL}}js/views/gallery.js" type="text/javascript" charset="utf-8"></script> <script src="{{STATIC_URL}}js/views/panel_container.js" type="text/javascript" charset="utf-8"></script> <script src="{{STATIC_URL}}js/models.js" type="text/javascript" charset="utf-8"></script> @@ -42,6 +50,47 @@ <div class="htmlview"> </div> </script> + + <script type="text/html" charset="utf-8" id="flash-view-template"> + <div class="flashview"> + <% if (shownMessage) { %> + <p style="margin: 0; padding: 0.2em 0.5em; line-height: 1.8em; background-color: yellow" class="<%= shownMessage.type %>"><%= shownMessage.text %></p> + <% } %> + </div> + </script> + + <script type="text/html" charset="utf-8" id="image-gallery-view-template"> + <div class="image-gallery-view-template"> + + <div class="image-gallery-header"> + <p> + <button type="button" class="image-gallery-prev-button">Previous</button> + <input type="input" class="image-gallery-current-page" + size="6" + value="<%= (currentPage + 1) %>" /> + <button type="button" class="image-gallery-jump-button">Go</button> + <button type="button" class="image-gallery-next-button">Next</button> + + <button type="button" class="image-gallery-zoom-in">+</button> + <select class="image-gallery-current-zoom"> + <option>50%</option> + <option selected="selected">100%</option> + <option>150%</option> + <option>200%</option> + </select> + <button type="button" class="image-gallery-zoom-out">-</button> + </p> + </div> + + <div class="image-gallery-page-list"> + <% for(var i=0; i < model.data.length; i++) { %> + <div class="image-gallery-page-container" ui:model="<%= model.data[i] %>"> + </div> + <% }; %> + </div> + + </div> + </script> <script type="text/html" charset="utf-8" id="button-toolbar-view-template"> <div class="buttontoolbarview"> @@ -84,7 +133,7 @@ {% endblock %} {% block header-toolbar %} - <button>Merge</button> <button>Update</button> + <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> {% endblock %} {% block maincontent %} @@ -94,35 +143,39 @@ </div> - {# <div id="commit-dialog" class="jqmWindow"> #} - {# <form action="{% url file_commit fileid %}" method="POST"> #} - {# <label for="message">Commit message:</label> #} - {# <textarea cols="60" rows="10" name="message" id="commit-dialog-message"></textarea> #} - {# <p id="commit-dialog-error-empty-message">WiadomoÅÄ nie może byÄ pusta.</p> #} - {# <fieldset id="commit-dialog-related-issues" #} - {# ui:ajax-src="http://localhost:3000/publications/issues/{{fileid}}"> #} - {# <legend>Related issues</legend> #} - {# <div class="loading-box" style="display: none;"> #} - {# <p>Loading related issues...</p> #} - {# </div> #} - {# <div class="container-box">No related issues.</div> #} - {# </fieldset> #} - {# <p> #} - {# <input type="button" value="Save" id="commit-dialog-save-button" /> #} - {# <input type="reset" value="Cancel" id="commit-dialog-cancel-button" /> #} - {# </p> #} - {# </form> #} - {# </div> #} - {# #} - {# <div id="split-dialog" class="jqmWindow"> #} - {# <div class="container-box"> </div> #} - {# <div class="loading-box" style="display: none;"> #} - {# <p>Loading dialog contents...</p> #} - {# <!-- <p><button type="button" class="dialog-close-button">Close</button></p> --> #} - {# </div> #} - {# <div class="fatal-error-box" style="display: none;"> #} - {# <p>Server error, while loading dialog :(</p> #} - {# <p><button type="button" class="dialog-close-button">Close</button></p> #} - {# </div> #} - {# </div> #} + <div id="commit-dialog" class="jqmWindow" style="display:none"> + <form action="{% url file_commit fileid %}" method="POST"> + <label for="message">Commit message:</label> + <textarea cols="60" rows="10" name="message" id="commit-dialog-message"></textarea> + <p id="commit-dialog-error-empty-message">WiadomoÅÄ nie może byÄ pusta.</p> + <fieldset id="commit-dialog-related-issues" + ui:ajax-src="http://localhost:3000/publications/issues/{{fileid}}"> + <legend>Related issues</legend> + <div class="loading-box" style="display: none;"> + <p>Loading related issues...</p> + </div> + <div class="container-box">No related issues.</div> + </fieldset> + <p> + <input type="button" value="Save" id="commit-dialog-save-button" /> + <input type="reset" value="Cancel" id="commit-dialog-cancel-button" /> + </p> + </form> + </div> + + <div id="split-dialog" class="jqmWindow" style="display:none"> + <div class="container-box"> </div> + <div class="loading-box" style="display: none;"> + <p>Loading dialog contents...</p> + <!-- <p><button type="button" class="dialog-close-button">Close</button></p> --> + </div> + <div class="fatal-error-box" style="display: none;"> + <p>Server error, while loading dialog :(</p> + <p><button type="button" class="dialog-close-button">Close</button></p> + </div> + </div> {% endblock maincontent %} + +{% block extrabody %} + <div style="position: absolute; left: 35%; right: 35%; top: 0; height: 20px; z-index: 1000" id="flashview"></div> +{% endblock %} \ No newline at end of file