{% extends "base.html" %}
<!-- questions.html -->
{% load extra_tags %}
{% load i18n %}
{% load humanize %}
{% load extra_filters %}
{% load smart_if %}
{% block title %}{% spaceless %}{% trans "Questions" %}{% endspaceless %}{% endblock %}
{% block forejs %}
       <script type="text/javascript">
           var tags = {{ tags_autocomplete|safe }};
           $().ready(function(){
               var sort_tab_id = "{{ sort }}";
               $("#"+sort_tab_id).attr('className',"on");
               var scope_tab_id = "{{ scope }}";
               $("#"+scope_tab_id).attr('className',"on");
               var on_tab = '#nav_questions';
               $(on_tab).attr('className','on');
               Hilite.exact = false;
               Hilite.elementid = "listA";
               Hilite.debug_referrer = location.href;
           });
       </script>
       <script type='text/javascript' src='{% media  "/media/js/com.cnprog.editor.js" %}'></script>
       <script type='text/javascript' src='{% media  "/media/js/com.cnprog.tag_selector.js" %}'></script>
{% endblock %}
{% block content %}
<div class="tabBar">
    {% comment %}
    <div class="headUsers">
        {% if searchtag %}
            {% trans "Found by tags" %}
        {% else %}
            {% if searchtitle %}
                {% if settings.USE_SPHINX_SEARCH %}
                    {% trans "Search results" %}
                {% else %}
                    {% trans "Found by title" %}
                {% endif %}
            {% else %}
                {% if is_unanswered %}
                    {% trans "Unanswered questions" %}
                {% else %}
                    {% trans "All questions" %}
                {% endif %}
            {% endif %}
        {% endif %}
    </div><br/>
    {% endcomment %}
    <div class="tabsC">
        <span class="label">{% trans "In:" %}</span>
        <a id="all" class="off" href="?scope=all" title="{% trans "see all questions" %}">{% trans "all" %}</a>
        <a id="unanswered" class="off" href="?scope=unanswered&sort=coldest" title="{% trans "see unanswered questions" %}">{% trans "unanswered" %}</a>
        {% if request.user.is_authenticated %} 
        <a id="favorite" class="off" href="?scope=favorite" title="{% trans "see your favorite questions" %}">{% trans "favorite" %}</a>
        {% endif %}
    </div>
    <div class="tabsA">
        <span class="label">{% trans "Sort by:" %}</span>
        {% if sort == "oldest" %}
        <a id="oldest" 
            href="?sort=latest" 
            class="off" 
            title="{% trans "click to see the newest questions" %}">{% trans "oldest" %}</a>
        {% else %}
                {% if sort == "latest" %}
                    <a id="latest" 
                        href="?sort=oldest" 
                        class="off" 
                        title="{% trans "click to see the oldest questions" %}">{% trans "newest" %}</a>
                {% else %}
                    <a id="latest" 
                        href="?sort=latest" 
                        class="off" 
                        title="{% trans "click to see the newest questions" %}">{% trans "newest" %}</a>
                {% endif %}
        {% endif %}

        {% if sort == "inactive" %}
        <a id="inactive" 
            href="?sort=active" 
            class="off" 
            title="{% trans "click to see the most recently updated questions" %}">{% trans "inactive" %}</a>
        {% else %}
            {% if sort == "active" %}
                <a id="active" 
                    href="?sort=inactive" 
                    class="off" 
                    title="{% trans "click to see the least recently updated questions" %}">{% trans "active" %}</a>
            {% else %}
                <a id="active" 
                    href="?sort=active" 
                    class="off" 
                    title="{% trans "click to see the most recently updated questions" %}">{% trans "active" %}</a>
            {% endif %}
        {% endif %}

        {% if sort == "coldest" %}
        <a id="coldest" 
            href="?sort=hottest" 
            class="off" 
            title="{% trans "click to see hottest questions" %}">{% trans "less answers" %}</a>
        {% else %}
            {% if sort == "hottest" %}
                <a id="hottest" 
                    href="?sort=coldest" 
                    class="off" 
                    title="{% trans "click to see coldest questions" %}">{% trans "more answers" %}</a>
            {% else %}
                <a id="hottest" 
                    href="?sort=hottest" 
                    class="off" 
                    title="{% trans "click to see hottest questions" %}">{% trans "more answers" %}</a>
            {% endif %}
        {% endif %}

        {% if sort == "leastvoted" %}
        <a id="leastvoted" 
            href="?sort=mostvoted" 
            class="off" 
            title="{% trans "click to see most voted questions" %}">{% trans "unpopular" %}</a>    
        {% else %}
            {% if sort == "mostvoted" %}
                <a id="mostvoted" 
                    href="?sort=leastvoted" 
                    class="off" 
                    title="{% trans "click to see least voted questions" %}">{% trans "popular" %}</a>    
            {% else %}
                <a id="mostvoted" 
                    href="?sort=mostvoted" 
                    class="off" 
                    title="{% trans "click to see most voted questions" %}">{% trans "popular" %}</a>    
            {% endif %}
        {% endif %}
    </div>
</div>
{% if questions_count > 0 %}
    <div style="clear:both">
        <p class="search-result-summary">
        {% if author_name or search_tags or query %}
            {% blocktrans count questions_count as cnt with questions_count|intcomma as q_num %} {{q_num}} question found{% plural %}{{q_num}} questions found{% endblocktrans %}
        {% else %}
            {% blocktrans count questions_count as cnt with questions_count|intcomma as q_num %} {{q_num}} question{% plural %}{{q_num}} questions{% endblocktrans %}
        {% endif %}
        {% joinitems using ', ' %}
            {% if author_name %}
                {% blocktrans %}with {{author_name}}'s contributions{% endblocktrans %}
            {% endif %}
        {% separator %}
            {% if search_tags %}
                {% trans "tagged" %}
                "{{ search_tags|join:"\", \"" }}"
            {% endif %}
        {% endjoinitems %}
        </p>
        {% if author_name or search_tags or query %}
            <p class="search-tips">{% trans "Search tips:" %}
            {% ifmany query search_tags author_name %}
                {% joinitems using ', ' ' or ' %}
                    {% if author_name %}
                    <a href="{% url questions %}?reset_author=true">{% trans "reset author" %}</a>
                    {% endif %}
                {% separator %}
                    {% if search_tags %}
                        <a href="{% url questions %}?reset_tags=true">{% trans "reset tags" %}</a>
                    {% endif %}
                {% separator %}
                    {% ifmany query search_tags author_name %}
                        <a href="{% url questions %}?start_over=true">{% trans "start over" %}</a>
                    {% endifmany %}
                {% endjoinitems %}
            {% else %}
                <a href="{% url questions %}?start_over=true">{% trans "start over" %}</a>
            {% endifmany %}
            {% trans " - to expand, or dig in by adding more tags and revising the query." %}
            </p>
        {% else %}
            <p class="search-tips">{% trans "Search tip:" %} {% trans "add tags and a query to focus your search" %}</p>
        {% endif %}

        </div>
{% endif %}
<div id="listA">
    {% include "question_list.html" %}
        {% comment %}todo: fix css here{% endcomment %}
        {% if questions_count == 0 %}
            {% comment %}todo: add tips to widen selection{% endcomment%}
            <p class="evenMore" style="padding-top:30px;text-align:center;">
            {% if scope == "unanswered" %}
                {% trans "There are no unanswered questions here" %}
            {% endif %}
            {% if scope == "favorite" %}
                {% trans "No favorite questions here. " %}
                {% trans "Please start (bookmark) some questions when you visit them" %}
            {% endif %}
            </p>
            {% if query or search_tags or author_name %}
            <p class="evenMore" style="text-align:center">
                {% trans "You can expand your search by " %}
                {% ifmany query search_tags author_name %}
                    {% joinitems using ', ' ' or ' %}
                        {% if author_name %}
                        <a href="{% url questions %}?reset_author=true">{% trans "resetting author" %}</a>
                        {% endif %}
                    {% separator %}
                        {% if search_tags %}
                            <a href="{% url questions %}?reset_tags=true">{% trans "resetting tags" %}</a>
                        {% endif %}
                    {% separator %}
                        {% ifmany query search_tags author_name %}
                            <a href="{% url questions %}?start_over=true">{% trans "starting over" %}</a>
                        {% endifmany %}
                    {% endjoinitems %}
                {% else %}
                    <a href="{% url questions %}?start_over=true">{% trans "starting over" %}</a>
                {% endifmany %}
            </p>
            {% endif %}
            <p class="evenMore" style="text-align:center">
            <a href="{% url ask %}">{% trans "Please always feel free to ask your question!" %}</a>
            </p>
        {% else %}
            <p class="evenMore" style="padding-left:9px">
                {% trans "Did not find what you were looking for?" %} 
                <a href="{% url ask %}">{% trans "Please, post your question!" %}</a>
            </p>
        {% endif %}
</div>
{% endblock %}

    {% block tail %}
        {% if questions_count > 10 %}{%comment%}todo: remove magic number{%endcomment%}
            <div class="pager">{% cnprog_paginator context %}</div>
            <div class="pagesize">{% cnprog_pagesize context %}</div>
        {% endif %}
    {% endblock %}

{% block sidebar %}
    {% if contributors %}
        <div class="boxC">
        <h3 class="subtitle">{% trans "Contributors" %}</h3>
        {% for person in contributors %}
            {% gravatar person 48 %}
        {% endfor %}
        </div>
    {% endif %}

    {% if request.user.is_authenticated %} 
        {% include "tag_selector.html" %}
    {% endif %}

    {% if tags %}
    <div class="boxC">
        <h3 class="subtitle">{% trans "Related tags" %}</h3>
        <div class="tags">
            {% for tag in tags %}
                <a rel="tag" title="{% blocktrans with tag.name as tag_name %}see questions tagged '{{ tag_name }}'{% endblocktrans %}"  href="{% url questions %}?tags={{tag.name|urlencode}}">{{ tag.name }}</a>
                <span class="tag-number">&#215; {{ tag.used_count|intcomma }}</span>
                <br />
            {% endfor %}
        </div>
    </div>
    {% endif %}
{% endblock %}
<!-- end questions.html -->