layerindex-web/templates/layerindex/recipes.html

{% extends "base_toplevel.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_append %} - recipes{% endblock %}
-->

{% block navs %}
{% autoescape on %}
                            <li><a href="{% url 'layer_list' url_branch %}">Layers</a></li>
                            <li class="active"><a href="{% url 'recipe_search' url_branch %}">Recipes</a></li>
                            <li><a href="{% url 'machine_search' url_branch %}">Machines</a></li>
                            <li><a href="{% url 'class_search' url_branch %}">Classes</a></li>
                            <li><a href="{% url 'distro_search' url_branch %}">Distros</a></li>
{% endautoescape %}
{% endblock %}


{% block content_inner %}
{% autoescape on %}


                <div class="bottom-margin">
                    <form id="filter-form" action="{% url 'recipe_search' url_branch %}" method="get" onsubmit="return validate()">
                        <div class="form-group" id="searchfield">
                            <div class="controls">
                                <div class="input-group col-md-6">
                                    <input type="text" class="form-control" id="id_search_text" placeholder="Search recipes" name="q" value="{{ search_keyword }}" />
                                    <div class="input-group-btn">
                                        <button class="btn btn-default" type="submit">search</button>
                                    </div>
                                </div>
                                <span class="help-block" id="errortext"></span>
                            </div>
                        </div>
                    </form>
                </div>

                <div id="error"> </div>
{% if recipe_list %}
                <table class="table table-striped table-bordered recipestable">
                    <thead>
                        <tr>
                            <th>Recipe name</th>
                            <th>Version</th>
                            <th class="col-md-9">Description</th>
                            <th>Layer</th>
                        </tr>
                    </thead>

                    <tbody>
                        {% for recipe in recipe_list %}
                            <tr {% if recipe.preferred_count > 0 %}class="text-muted"{% endif %}>
                                <td><a href="{% url 'recipe' recipe.id %}">{{ recipe.name }}</a>{% if 'image' in recipe.inherits.split %}<i class="glyphicon glyphicon-hdd" aria-hidden="true"></i>{% endif %}{% if recipe.blacklisted %}<span class="label label-inverse" title="{{ recipe.blacklisted }}">blacklisted</span>{% endif %}</td>
                                <td>{{ recipe.pv }}</td>
                                <td>{{ recipe.short_desc }}</td>
                                <td><a href="{% url 'layer_item' url_branch recipe.layerbranch.layer.name %}">{{ recipe.layerbranch.layer.name }}</a></td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>

    {% if is_paginated %}
        {% load bootstrap_pagination %}
        <div class="text-center">
        {% bootstrap_paginate page_obj range=10 show_prev_next="false" show_first_last="true" %}
        </div>
    {% endif %}
{% else %}
    {% if search_keyword %}
    <p>No matching recipes in database.</p>
    {% endif %}
{% endif %}

{% endautoescape %}

{% endblock %}


{% block scripts %}
<script>
    $(document).ready(function() {
        firstfield = $("#filter-form input:text").first()
        if( ! firstfield.val() )
            firstfield.focus()

        $('.glyphicon-hdd').tooltip({title:"Inherits image"});
        $('.label-inverse').tooltip();
    });

    function validate(){
        if (!$("#id_search_text").val()){
            $("#errortext").html("<p>Please specify search text</p>");
            $("#searchfield").addClass("has-error");
            return false;
        }
    }

</script>
{% endblock %}