layerindex-web/layerindex/recipes.html
Paul Eggleton 02f7ca3b2d Improve pagination for recipe list
Use a Django snippet to make pagination display a bit nicer (compressed
form instead of showing all page numbers). In order to interact properly
with GET requests, an additional snippet was required to add parameters
to the URL (why doesn't Django provide this out of the box?).

Signed-off-by: Paul Eggleton <paul.eggleton@linux.intel.com>
2013-02-19 18:28:48 +00:00

81 lines
2.4 KiB
HTML

{% extends "base.html" %}
{% load i18n %}
{% comment %}
layerindex-web - recipe index page template
Copyright (C) 2013 Intel Corporation
Licensed under the MIT license, see COPYING.MIT for details
{% endcomment %}
<!--
{% block title %}OpenEmbedded metadata index - recipes{% endblock %}
-->
{% block content %}
{% autoescape on %}
<div class="row-fluid">
<div class="span9 offset1">
<ul class="nav nav-tabs">
<li>
<a href="{% url layer_list %}">Layer index</a>
</li>
<li class="active"><a href="{% url recipe_search %}">Recipe index</a></li>
</ul>
<div class="row-fluid">
<div class="input-append">
<form id="filter-form" action="{% url recipe_search %}" method="get">
<input type="text" class="input-xxlarge" id="appendedInputButtons" placeholder="Search recipes" name="q" value="{{ search_keyword }}" />
<button class="btn" type="submit">search</button>
</form>
</div>
</div>
{% if recipe_list %}
<table class="table table-striped table-bordered recipestable">
<thead>
<tr>
<th>Recipe name</th>
<th>Version</th>
<th class="span9">Description</th>
<th>Layer</th>
</tr>
</thead>
<tbody>
{% for recipe in recipe_list %}
<tr>
<td><a href="{% url recipe recipe.id %}">{{ recipe.name }}</a></td>
<td>{{ recipe.pv }}</td>
<td>{{ recipe.short_desc }}</td>
<td><a href="{% url layer_item recipe.layer.name %}">{{ recipe.layer.name }}</a></td>
</tr>
{% endfor %}
</tbody>
</table>
{% if is_paginated %}
{% load pagination %}
{% pagination page_obj %}
{% endif %}
{% else %}
{% if search_keyword %}
<p>No matching recipes in database.</p>
{% endif %}
{% endif %}
</div>
</div>
{% endautoescape %}
{% endblock %}