From 8314777c5858b8f9dd954ef906e19de1322a61d0 Mon Sep 17 00:00:00 2001
From: Dan McGee <dan@archlinux.org>
Date: Sat, 27 Feb 2010 10:08:04 -0600
Subject: Make files view AJAX if supported

This will put the filelist inline on the package details page if using a
capable browser. It should still fallback to a separate page if necessary
(e.g. all those users using links on the site).

Signed-off-by: Dan McGee <dan@archlinux.org>
---
 templates/packages/details.html    | 19 ++++++++++++++++++-
 templates/packages/files-ajax.html |  8 ++++++++
 2 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 templates/packages/files-ajax.html

(limited to 'templates')

diff --git a/templates/packages/details.html b/templates/packages/details.html
index f696231..7e5216e 100644
--- a/templates/packages/details.html
+++ b/templates/packages/details.html
@@ -8,7 +8,6 @@
                 <li><a href="{{ pkg.get_arch_svn_link }}">SVN Entries ({{pkg.repo|lower}}-{{pkg.arch}})</a></li>
                 <li><a href="{{ pkg.get_trunk_svn_link }}">SVN Entries (trunk)</a></li>
                 <li><a href="{{ pkg.get_bugs_link }}">Bug Reports</a></li>
-                <li><a href="files/">View File List</a></li>
                 <li>
             {% if pkg.needupdate %}
                 <span style="font-size:x-small"><em>This package has been flagged out-of-date</em></span>
@@ -102,6 +101,24 @@
                 </td>
             </tr>
         </table>
+        <div class="listing" id="filelist">
+            <h4>Files:</h4>
+            <ul style="font-size:small;list-style:none">
+                <li><a id="filelink" href="files/">View File List</a></li>
+            </ul>
+        </div>
     </div>
+<script type="text/javascript" src="/media/jquery-1.4.1.min.js"></script>
+<script type="text/javascript">
+function ajaxifyFiles() {
+    $('#filelink').click(function(event) {
+        event.preventDefault();
+        $.get(this.href, function(data) {
+            $('#filelist').html(data);
+        });
+    });
+}
+$(document).ready(ajaxifyFiles);
+</script>
 {% endblock %}
 
diff --git a/templates/packages/files-ajax.html b/templates/packages/files-ajax.html
new file mode 100644
index 0000000..9b4c83a
--- /dev/null
+++ b/templates/packages/files-ajax.html
@@ -0,0 +1,8 @@
+<div class="listing" id="filelist">
+	<h4>Files:</h4>
+	<ul style="font-size:small;list-style:none">
+	{% for file in files %}
+		<li>{{ file.path }}</li>
+	{% endfor %}
+	</ul>
+</div>
-- 
cgit v1.2.3-24-g4f1b