Poprawienie wyszukiwarki HTML. Closes #122.

[redakcja.git] / project / templates / explorer / file_list.html

diff --git a/project/templates/explorer/file_list.html b/project/templates/explorer/file_list.html
index 28c6b28..b4e31e6 100644 (file)
--- a/project/templates/explorer/file_list.html
+++ b/project/templates/explorer/file_list.html
@@ -1,42 +1,94 @@
 {% extends "base.html" %}
 
 {% extends "base.html" %}
 

+{% block extrahead %}
+<link rel="stylesheet" href="{{ STATIC_URL }}css/filelist.css" type="text/css" />
+    <script src="{{STATIC_URL}}js/jquery.json.js" type="text/javascript" charset="utf-8"></script>
+    <script src="{{STATIC_URL}}js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
+<script type="text/javascript" charset="utf-8">
+$(function() {
+       function search(event) {
+        var expr = new RegExp($('#file-list-filter').val(), 'i');
+       
+        $('#file-list p').hide().filter(function(index) {
+            return expr.test($(this).attr('title'));
+        }).show();
+    
+        event.preventDefault();
+    }
+       
+    $('#file-list-find-button').click(search);
+       $('#file-list-filter').bind('keyup change DOMAttrModified', search);
+               
+    var defaultOptions = {
+        panels: [
+        {
+            name: 'htmleditor',
+            ratio: 0.5
+        },
+
+        {
+            name: 'gallery',
+            ratio: 0.5
+        }
+        ],
+        recentFiles: [],
+        lastUpdate: 0
+    };
+    
+       var options = null;
+    try {
+        var cookie = $.cookie('options');
+        options = $.secureEvalJSON(cookie);
+        if (!options) {
+            options = defaultOptions;
+        }
+    } catch (e) {    
+        options = defaultOptions;
+    };
+       
+       $.each(options.recentFiles, function(index) {
+               var fileId = options.recentFiles[index].fileId;
+               $('#recent-file-list ul').append('<li><a href="/editor/' + fileId + '/">' + fileId + '</a></li>');
+       });
+});
+</script>
+{% endblock extrahead %}
+

 {% block maincontent %}
 {% block maincontent %}

-<h2>Dodaj nowy utwór</h2>
+<div id="main-page-widgets">
+
+<div class="file-list-widget">
+    <form action="#" method="GET">
+    <p><input name="filter" id="file-list-filter" type="text" size="60" />
+        <input type="submit" value="Znajdź" id="file-list-find-button"/>
+        <input type="reset" value="Wyczyść" id="file-list-reset-button"/>
+    </p>
+    </form>
+    <div id="file-list">
+    {% load explorer_tags %}
+    {% for file in files %}
+    <p title="{{file|bookname}}"><a href="{% url editor_view file %}">{{ file|bookname }}</a></p>
+    {% endfor %}
+    </div>
+</div>
+
+<div id="recent-file-list">
+       <h2>Ostatnio oglądane pliki:</h2>
+       <ul>
+       </ul>
+</div>

 
 {% if perms.explorer.can_add_files %}
 
 {% if perms.explorer.can_add_files %}

+<div class="upload-file-widget">
+<h2>Dodaj nowy utwór</h2>

 <form action="{% url file_upload %}" method="POST" enctype="multipart/form-data">
 <form action="{% url file_upload %}" method="POST" enctype="multipart/form-data">

-    {{ bookform.as_p }}
+    <p><label>{{bookform.file.label}}: {{ bookform.file }}</label></p>
+    <p><label>{{bookform.bookname.label}}: {{bookform.bookname}}</label></p>
+    <p><label>{{bookform.autoxml}} {{bookform.autoxml.label}}</label></p>

     <p><button type="submit">Dodaj książkę</button></p>
 </form>
     <p><button type="submit">Dodaj książkę</button></p>
 </form>

+</div>

 {% endif %}
 
 {% endif %}
 

-<h2>Wszystkie utwory:</h2>
-<table class="object-list" cellspacing="0">
-    <tr><th>Lp.</th><th>Nazwa utworu</th><th>Wersje</th></tr>
-    <tr><td colspan="3" class="page-navigation">
-        {% if files.has_previous %}
-        <span class="prev-page-marker">
-            <a href="?page={{ files.previous_page_number }}">Poprzednia</a>
-        </span>
-        {% endif %}
-
-        <span>Strona {{files.number}} z {{files.paginator.num_pages}}</span>
-
-        {% if files.has_next %}
-        <span class="next-page-marker">
-            <a href="?page={{ files.next_page_number }}">Następna</a>
-        </span>
-        {% endif %}
-    </td>
-    </tr>
-    {% for file in files.object_list %}
-    <tr>
-        <td>{{forloop.counter0|add:files.start_index}}.</td>
-        <td><a href="{% url editor_view file %}">{{ file }}</a></td>
-        <td> &nbsp; </td>
-    </tr>
-    {% endfor %}
-</table>
-
-
+</div>

 {% endblock maincontent %}
 {% endblock maincontent %}