webif: add service listing

Add two service lists:
- the index page has a short list with one item per service class
- the service page lists and links all services in full detail

1 files changed, 13 insertions, 9 deletions

diff --git a/files/common/www/service/index.html b/files/common/www/service/index.html
index 3c4f14a..7d99224 100644
--- a/files/common/www/service/index.html
+++ b/files/common/www/service/index.html
@@ -53,15 +53,9 @@
       
       <p><a href="foo"><i class="icon-home"></i> Lokale Dienste</a> in
       dieser Wolke:
-	<ul>
-	  <li>3 <a href="foo">Netzlaufwerke</a> (15,5 TB)</li>
-	  <li><a href="foo">Suche</a> in lokalen Resourcen</li>
-	  <li>5 <a href="foo">Internetzug&auml;nge</a> (<i class="icon-arrow-down"></i> 55 MB / <i class="icon-arrow-up"></i> 8,2 MB)</li>
-	  <li>2 <a href="foo">Videostreams</a></li>
-	  <li>4 <a href="foo">Gameserver</a> (23 <i class="icon-user"></i>)</li>
-	  <li>und <a href="foo">42 weitere</a></li>
-	</ul>
+	<ul id="service-ul"></ul>
       </p>
+      <p id="service-loading" class="loading"></p>
     </div>
     
     <div class="span4">
@@ -112,12 +106,22 @@
 </div>
 
 <script src="/js/jquery.min.js"></script>
+<script src="/js/parse_services.js"></script>
 <script src="/js/bootstrap.min.js" defer></script>
 <script>
 $.getJSON("cgi-bin/online.json", function(haveInternet) {
     if(!haveInternet)
 	$('#offline').removeClass('hidden');
-})
+});
+
+$.when(
+    $.getJSON('/cgi-bin/services.json'),
+    $.ajax({url: '/js/parse_services.js', dataType: 'script', cache: true})
+).done(function(res) {
+    services(res[0]).drawLine($('#service-ul'));
+    $('p#service-loading').remove();
+});
+
 </script>
 
 </body>