rrs: Add initial support of recipes page

templates/rrs/base_toplevel.html: Add support for display statistics by
Milestone.
templates/rrs/recipes.html: Add initial page that display Recipe
status by Milestone also details of every recipe.
rrs/views.py: Add RecipeLitView for support recipes page.
rrs/models.py: Add helper functions.
rrs/static/*: Add css and js resources.

Signed-off-by: Aníbal Limón <anibal.limon@linux.intel.com>

2 files changed, 114 insertions, 6 deletions

diff --git a/templates/rrs/base_toplevel.html b/templates/rrs/base_toplevel.html
index ca61a78990..9524eb0a23 100644
--- a/templates/rrs/base_toplevel.html
+++ b/templates/rrs/base_toplevel.html
@@ -1,5 +1,6 @@
 {% extends "base.html" %}
 {% load i18n %}
+{% load staticfiles %}
 
 {% load url from future %}
 
@@ -13,9 +14,7 @@
 {% endcomment %}
 
 {% block content %}
-
-    <div class="container-fluid">
-        <div class="row-fluid">
+<link rel="stylesheet" href="{% static "css/rrs-additional.css" %}" />
 
             <div class="navbar">
                 <div class="navbar-inner">
@@ -37,6 +36,14 @@
                             </ul>
                         </li>
                         {% endblock %}
+                        <li class="divider-vertical"></li>
+                        <li class="lead" id="percentage"><strong>{{ recipes_percentage }}%</strong> done</li>
+                        <li class="divider-vertical"></li>
+                        <li class="lead" id="up-to-date-recipes">Recipes up-to-date: <strong class="text-success">{{ recipes_up_to_date }}</strong></li>
+                        <li class="divider-vertical"></li>
+                        <li class="lead" id="not-updated-recipes">Recipes not updated: <strong class="text-error">{{ recipes_not_updated }}</strong></li>
+                        <li class="divider-vertical"></li>
+                        <li class="lead" id="unknown-recipes">Unknown: <strong class="text-warning">{{ recipes_unknown }}</strong></li>
                     </ul>
 
                     <ul class="nav">
@@ -45,9 +52,25 @@
                 </div>
             </div>
 
-            {% block content_inner %}{% endblock %}
+            {% block content_top %}
+            <ul class="nav nav-pills">
+                {% if this_url_name == 'recipes' %}
+                <li class="active">
+		{% else %}
+                <li>
+		{% endif %}
+                <a href="{% url this_url_name milestone_name %}{{ extra_url_param }}">Recipes status</a>
+                </li>
 
-        </div>
-    </div>
+                {% if this_url_name == 'maintainers' %}
+                <li class="active">
+		{% else %}
+                <li>
+		{% endif %}
+                <a href="#">Maintainer statistics</a>
+                </li>
+            </ul>
+            {% endblock %}
 
+            {% block content_inner %}{% endblock %}
 {% endblock %}
diff --git a/templates/rrs/recipes.html b/templates/rrs/recipes.html
index 2fa893e366..4339caadd3 100644
--- a/templates/rrs/recipes.html
+++ b/templates/rrs/recipes.html
@@ -1,5 +1,6 @@
 {% extends "rrs/base_toplevel.html" %}
 {% load i18n %}
+{% load staticfiles %}
 
 {% load url from future %}
 
@@ -16,4 +17,88 @@
 {% endblock %}
 
 {% block content_inner %}
+<div class="navbar navbar-table-controls">
+    <div class="navbar-inner table-controls">
+        <ul class="nav">
+            <li class="dropdown">
+                <span class="badge">{{ recipe_list_count }} recipes</span>
+            </li>
+            <li class="dropdown">
+                <a data-toggle="dropdown" href="#" class="dropdown-toggle" id="selected-status">
+                    Upstream status: <strong>{{ upstream_status }}</strong>
+                    <b class="caret"></b>
+                </a>
+                <ul class="dropdown-menu" id="select-status">
+                    {% for us in all_upstream_status %}
+                    {% if us = upstream_status %}
+                    <li class="active">
+                    <a href="#">
+                    {% else %}
+                    <li>
+                    <a href="{% url this_url_name milestone_name %}?upstream_status={{ us|urlencode }}&maintainer_name={{ maintainer_name|urlencode }}">
+                    {% endif %}
+
+                    {{ us }}
+                    </a>
+                    </li>
+                    {% endfor %}
+                </ul>
+            </li>
+            <li><p>and</p></li>
+            <li class="dropdown">
+                <a data-toggle="dropdown" href="#" class="dropdown-toggle" id="select-maintainer">
+                    Maintainer: <strong>{{ maintainer_name }}</strong>
+                    <b class="caret"></b>
+                </a>
+                <ul class="dropdown-menu" id="selected-maintainer">
+                    {% for m in all_maintainers %}
+                    {% if m = maintainer_name %}
+                    <li class="active">
+                    <a href="#">
+                    {% else %}
+                    <li>
+                    <a href="{% url this_url_name milestone_name %}?upstream_status={{ upstream_status|urlencode }}&maintainer_name={{ m|urlencode }}">
+                    {% endif %}
+
+                    {{ m }}</a>
+
+                    </li>
+                    {% endfor %}
+                </ul>
+            </li>
+        </ul>
+
+        <form class="navbar-form pull-right">
+            <input type="text" class="input-xxlarge" placeholder="Search all recipes" id="filter"/>                
+        </form>
+    </div>
+</div>
+
+<table class="table table-bordered statustable tablesorter table-hover">
+<thead>
+    <tr>
+        <th class="recipe_column"><a href="#">Recipe</a></th>
+        <th class="version_column muted">Version</th>
+        <th class="upstream_status_column"><b class="caret"></b>Upstream status</th>
+        <th class="upstream_version_column muted">Upstream version</th>
+        <th class="maintainer_column"><b class="caret"></b>Maintainer</th>
+        <th class="summary_column muted span5">Summary</th>
+    </tr>
+    </thead>
+<tbody>
+{% for r in recipe_list %}
+<tr>
+    <td>{{ r.name }}</td>
+    <td>{{ r.version }}</td>
+    <td>{{ r.upstream_status }}</td>
+    <td>{{ r.upstream_version }}</td>
+    <td>{{ r.maintainer_name }}</td>
+    <td>{{ r.summary }}</td>
+</tr>
+{% endfor %}
+</tbody>
+</table>
+
+<script src="{% static "js/uitablefilter.js" %}"></script>
+<script src="{% static "js/jquery.tablesorter.js" %}"></script>
 {% endblock %}