Generate package filelist in JavaScript via AJAX

This is a super-simple template to follow to make the filelists work, so
we can do all the "hard" work client-side. This also removes the need
for a header-dependent '/files/' URL, as we are now just using the JSON
representation instead.

Signed-off-by: Dan McGee <dan@archlinux.org>

1 files changed, 9 insertions, 4 deletions

diff --git a/sitestatic/archweb.js b/sitestatic/archweb.js
index c0fb3a6..d17cc68 100644
--- a/sitestatic/archweb.js
+++ b/sitestatic/archweb.js
@@ -164,8 +164,13 @@ function enablePreview() {
 function ajaxifyFiles() {
     $('#filelink').click(function(event) {
         event.preventDefault();
-        $.get(this.href, function(data) {
-            $('#pkgfilelist').html(data);
+        $.getJSON(this.href + 'json/', function(data) {
+            // Map each file item into an <li/> with the correct class
+            var list_items = $.map(data.files, function(value, i) {
+                var cls = value.match(/\/$/) ? 'd' : 'f';
+                return ['<li class="', cls, '">', value, '</li>'];
+            });
+            $('#pkgfilelist').html('<ul>' + list_items.join('') + '</ul>');
         });
     });
 }
@@ -173,8 +178,8 @@ function ajaxifyFiles() {
 function collapseDependsList(list) {
     var limit = 20;
     list = $(list);
-	// Hide everything past a given limit. Don't do anything if we don't have
-	// enough items, or the link already exists.
+    // Hide everything past a given limit. Don't do anything if we don't have
+    // enough items, or the link already exists.
     var linkid = list.attr('id') + 'link';
     var items = list.find('li').slice(limit);
     if (items.length == 0 || $('#' + linkid).length > 0) {