Dodanie planszy ładowania do document_details.html.

[redakcja.git] / platforma / templates / wiki / document_details.html

diff --git a/platforma/templates/wiki/document_details.html b/platforma/templates/wiki/document_details.html
index bf248a2..ad71c84 100644 (file)
--- a/platforma/templates/wiki/document_details.html
+++ b/platforma/templates/wiki/document_details.html
@@ -4,14 +4,23 @@
 {% block extrahead %}
     <link rel="stylesheet" href="{{STATIC_URL}}css/master.css" type="text/css" media="screen" charset="utf-8" />
     <link rel="stylesheet" href="{{STATIC_URL}}css/html.css" type="text/css" media="screen" charset="utf-8" />
 {% block extrahead %}
     <link rel="stylesheet" href="{{STATIC_URL}}css/master.css" type="text/css" media="screen" charset="utf-8" />
     <link rel="stylesheet" href="{{STATIC_URL}}css/html.css" type="text/css" media="screen" charset="utf-8" />

+    <link rel="stylesheet" href="{{STATIC_URL}}css/jquery.autocomplete.css" type="text/css" media="screen" title="no title" charset="utf-8">
+    <script type="text/javascript" charset="utf-8">
+        var STATIC_URL = '{{STATIC_URL}}';
+    </script>

     <script src="{{STATIC_URL}}js/lib/codemirror/codemirror.js" type="text/javascript" charset="utf-8"></script>
     <script src="{{STATIC_URL}}js/jquery.blockui.js" type="text/javascript" charset="utf-8"></script>
     <script src="{{STATIC_URL}}js/lib/codemirror/codemirror.js" type="text/javascript" charset="utf-8"></script>
     <script src="{{STATIC_URL}}js/jquery.blockui.js" type="text/javascript" charset="utf-8"></script>

+    <script src="{{STATIC_URL}}js/jquery.autocomplete.js" type="text/javascript" charset="utf-8"></script>
+    <script src="{{STATIC_URL}}js/jquery.elastic.js" type="text/javascript" charset="utf-8"></script>

     <script src="{{STATIC_URL}}js/button_scripts.js" type="text/javascript" charset="utf-8"></script>
     <script src="{{STATIC_URL}}js/xslt.js" type="text/javascript" charset="utf-8"></script>
     <script src="{{STATIC_URL}}js/main.js" type="text/javascript" charset="utf-8"></script>
 {% endblock %}
 
 {% block maincontent %}
     <script src="{{STATIC_URL}}js/button_scripts.js" type="text/javascript" charset="utf-8"></script>
     <script src="{{STATIC_URL}}js/xslt.js" type="text/javascript" charset="utf-8"></script>
     <script src="{{STATIC_URL}}js/main.js" type="text/javascript" charset="utf-8"></script>
 {% endblock %}
 
 {% block maincontent %}

+        <div id="loading-overlay">
+            <div id="loading-message"><img src="{{STATIC_URL}}img/spinner.gif" /><p>Ładowanie</p></div>
+        </div>

         <div id="document-meta" style="display:none">
         {% for k, v in document.meta.items %}
             <div class="{{ k }}">{{ v}}</div>
         <div id="document-meta" style="display:none">
         {% for k, v in document.meta.items %}
             <div class="{{ k }}">{{ v}}</div>


@@ -38,7 +47,7 @@
                 </div>
                 <div id="simple-editor" style="display: none">
                     <div class="toolbar">
                 </div>
                 <div id="simple-editor" style="display: none">
                     <div class="toolbar">

-                        <button>Wstaw motyw</button> <button>Wstaw przypis</button>
+                        <button id="insert-theme-button">Wstaw motyw</button> <button id="insert-annotation-button">Wstaw przypis</button>

                         <div class="toolbar-end"> </div>
                     </div>
                     <div id="html-view" class="htmlview">
                         <div class="toolbar-end"> </div>
                     </div>
                     <div id="html-view" class="htmlview">


@@ -53,8 +62,15 @@
                     <button class="next-page">Następna ⇾</button>
                     <button class="zoom-in">Powiększ</button>
                     <button class="zoom-out">Pomniejsz</button>
                     <button class="next-page">Następna ⇾</button>
                     <button class="zoom-in">Powiększ</button>
                     <button class="zoom-out">Pomniejsz</button>

+                    <button class="change-gallery">Zmień galerię</button>

                     <div class="toolbar-end"> </div>
                 </div>
                     <div class="toolbar-end"> </div>
                 </div>

+                <div class="toolbar" id="change-gallery-toolbar">
+                    <input type="text" value="" class="chosen-gallery" />
+                    <button class="change-gallery-ok">Zmień galerię</button>
+                    <button class="change-gallery-cancel">Anuluj</button>
+                    <div class="toolbar-end"> </div>    
+                </div>

                 <div class="gallery-image">
                     <img src="" />
                 </div>
                 <div class="gallery-image">
                     <img src="" />
                 </div>