jquery ui

1 files changed, 46 insertions, 14 deletions

diff --git a/templates/search.html b/templates/search.html
index 81a1007..8b7a561 100644
--- a/templates/search.html
+++ b/templates/search.html
@@ -7,26 +7,58 @@
     {% endif %}
 {% endblock %}
 {% block searchValue %}{{ term }}{% endblock %}
+{% block javascript %}
+    <script>
+        jQuery(document).ready(function() {
+            var acc = jQuery("div.matches").accordion({active:false});
+            acc.bind('accordionchangestart', function(event, ui) {
+              var docnum = ui.newContent.find("p.docnum").text();
+              var term = ui.newContent.find("p.term").text();
+              jQuery.get('/excerpt/' + docnum + '/' + term,
+                function(data) {
+                    ui.newContent.children("div.excerpt").html(data);
+                    ui.newHeader.parent().accordion('resize');
+                }
+              );
+              var frontpage = jQuery(this).parent().parent().children("img.frontpage");
+              frontpage.attr('src', '/static/ajax-loader.gif');
+              frontpage.load(function() {
+                  frontpage.attr('src', '/page/image/' + docnum);
+              });
+            });
+        });
+    </script>
+{% endblock %}
 {% block content %}
     {% if matches %}
-        {# Result rendering #}
         Matched {{ matches.__len__() }} Book{% if matches.__len__() > 1 %}s{% endif %}
         {% for docnum, matches in matches.items() %}
+            <h2 asd="foo"> <a href="{{ url_for("do_book_file", docnum=docnum) }}">book: {{ docnum }}</a> </h2>
             <div class="book">
-                <a href="{{ url_for("do_book_file", docnum=docnum) }}">book: {{ docnum }}</a>
-                <img src="{{ url_for("do_book_frontpage", docnum=docnum) }}"/>
-                <br />
-                {% for match in matches %}
-                    <div class="match">
-                        Match at page {{ match[2] }} (
-                        <a href="{{ url_for("do_page_image", docnum=match[0]) }}">image</a>,
-                        <a href="{{ url_for("do_page_file", docnum=match[0]) }}">pdf</a>)
-                        score={{ match[0] }}
-                        <a href="{{ url_for("json_excerpt", docnum=match[0], term=term) }}">excerpt</a>
-                    </div>
-                {% endfor %}
+                <img class="frontpage" src="{{ url_for("do_book_frontpage", docnum=docnum) }}"/>
+                <div class="description">
+                </div>
+                <div class="c_matches">
+                <div class="matches">
+                    {% for match in matches %}
+                        <h3>
+                            <a href="#">Match at page {{ match[2] }}</a>
+                        </h3>
+                        <div class="match">
+                            <p class="docnum" style="display:none;">{{ match[0] }}</p>
+                            <p class="term" style="display:none;">{{ term}}</p>
+                            <div class="toolbar">
+                                <a href="{{ url_for("do_page_file", docnum=match[0]) }}">Download page as PDF</a>
+                                -
+                                <a href="{{ url_for("do_page_image", docnum=match[0]) }}">Download page as Image</a>
+                            </div>
+                            <div class="excerpt"></div>
+                        </div>
+                    {% endfor %}
+                </div>
+                </div>
+                <br style="clear: both;"/>
             </div>
-            <hr />
         {% endfor %}
     {% endif %}
 {% endblock %}