diff options
| author | Alexander Sulfrian <alexander@sulfrian.net> | 2013-05-22 10:42:29 +0200 |
|---|---|---|
| committer | Alexander Sulfrian <alexander@sulfrian.net> | 2013-05-22 10:42:29 +0200 |
| commit | 5ecd3d385bcac88a7b23082e407870401bf86d33 (patch) | |
| tree | cc01af2f2b46ef6959594c4dd9e56b0c31ccf75b /templates | |
| parent | 2370b4eb081b3392301c541222c07ce7fe974ff4 (diff) | |
| download | www-5ecd3d385bcac88a7b23082e407870401bf86d33.tar.gz www-5ecd3d385bcac88a7b23082e407870401bf86d33.tar.bz2 www-5ecd3d385bcac88a7b23082e407870401bf86d33.zip | |
add list.js for interactive search
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/index.html | 36 | ||||
| -rw-r--r-- | templates/layout.html | 1 |
2 files changed, 28 insertions, 9 deletions
diff --git a/templates/index.html b/templates/index.html index 161bf01..ebc2408 100644 --- a/templates/index.html +++ b/templates/index.html @@ -3,13 +3,31 @@ {% block content %} <h1>Hostinfo</h1> -<ul id="hosts" class="row"> - {% for host in hosts %} - <li class="span2"> - <a href={{host['url']}} class="thumbnail"> - {{host['hostname'] | replace(".spline.inf.fu-berlin.de","")}} - </a> - </li> - {% endfor %} -</ul> +<div id="hostlist"> + <div class="row searchbox"> + <span class="span4 offset4"> + <input type="search" class="search span4" placeholder="Search" /> + </spam> + </div> + + <ul class="row list"> + {% for host in hosts %} + <li class="span2"> + <a href={{host['url']}} class="thumbnail hostname"> + {{host['hostname'] | replace(".spline.inf.fu-berlin.de","")}} + </a> + </li> + {% endfor %} + </ul> +</div> + +<script type='text/javascript'> +<!-- +var options = { + valueNames: [ 'hostname' ] +}; + +var featureList = new List('hostlist', options); +//--> +</script> {% endblock %} diff --git a/templates/layout.html b/templates/layout.html index c90acb3..e7d9014 100644 --- a/templates/layout.html +++ b/templates/layout.html @@ -11,6 +11,7 @@ <script src="js/jquery-2.0.0.min.js"></script> <script src="js/bootstrap.min.js"></script> + <script src="js/list.min.js"></script> </head> <body> |