Dodanie planszy ładowania do document_details.html.
[redakcja.git] / platforma / templates / wiki / document_details.html
index 752f4f2..ad71c84 100644 (file)
@@ -4,17 +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 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/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>
@@ -41,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">
@@ -62,7 +68,7 @@
                 <div class="toolbar" id="change-gallery-toolbar">
                     <input type="text" value="" class="chosen-gallery" />
                     <button class="change-gallery-ok">Zmień galerię</button>
                 <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-ok">Anuluj</button>
+                    <button class="change-gallery-cancel">Anuluj</button>
                     <div class="toolbar-end"> </div>    
                 </div>
                 <div class="gallery-image">
                     <div class="toolbar-end"> </div>    
                 </div>
                 <div class="gallery-image">