{% extends basetemplate %}

{% load i18n user_tags extra_tags %}

{% block adminjs %}
    <script type="text/javascript">
        $(function() {
            var $form = $('#changelist-search');

            $('.node-type-link').click(function() {
                $form.find('#id_state_type').val('any');
                $form.find('#id_node_type').val($(this).attr('href').substring(1));
                $form.submit();
            });

            $('.state-type-link').click(function() {
                $form.find('#id_state_type').val($(this).attr('href').substring(1));
                $form.submit();
            });

            $('.action-select').change(function() {
                $('#action-toggle').removeAttr('checked');
                var $tr = $(this).parents('tr');
                if ($(this).attr('checked')) {
                    $tr.addClass('selected');
                } else {
                    $tr.removeClass('selected');
                }
            }).change();

            $('#action-toggle').change(function() {
                var $rows = $('#result_list').find('tbody').find('tr');
                var $boxes = $('#result_list').find('tbody').find('input');

                if ($(this).attr('checked')) {
                    $rows.addClass('selected');
                    $boxes.attr('checked', 'checked')
                } else {
                    $rows.removeClass('selected');
                    $boxes.removeAttr('checked');
                }
            });

            $('#author-selector').autocomplete('{% url matching_users %}', {
                minChars: 1,
                matchContains: true,
                max: 10,

                formatItem: function(row, i, max, value) {
                    return row[1] + ' (' + row[2] + ' {% trans "rep" %})';
                },

                formatResult: function(row, i, max, value){
                    return row[1];
                }
            });

            $('#author-selector').result(function(event, data, formatted) {
                if ($('#author-filter-container').find('input[value=' + data[0] + ']').length == 0) {
                    $('#author-filter-container').append($("<input name=\"authors\" type=\"hidden\" value=\"" + data[0] + "\" />"));
                    $form.submit();
                }
            });

            $('.author-filter-remover').click(function() {
                var id = $(this).attr('rel');
                if ($('#author-filter-container').find('input[value=' + id + ']').length > 0) {
                    $('#author-filter-container').find('input[value=' + id + ']').remove();
                    $form.submit();
                }
            });

            $('#tag-selector').autocomplete('{% url matching_tags %}', {
                minChars: 1,
                matchContains: true,
                max: 10,

                formatItem: function(row, i, max, value) {
                    return row[1] + ' (' + row[2] + ' {% trans "uses" %})';
                },

                formatResult: function(row, i, max, value){
                    return row[1];
                }
            });

            $('#tag-selector').result(function(event, data, formatted) {
                if ($('#tag-filter-container').find('input[value=' + data[0] + ']').length == 0) {
                    $('#tag-filter-container').append($("<input name=\"tags\" type=\"hidden\" value=\"" + data[0] + "\" />"));
                    $form.submit();
                }
            });

            $('.tag-filter-remover').click(function() {
                var id = $(this).attr('rel');
                if ($('#tag-filter-container').find('input[value=' + id + ']').length > 0) {
                    $('#tag-filter-container').find('input[value=' + id + ']').remove();
                    $form.submit();
                }
            });
            
        });
    </script>
    <style>
        #toolbar ul li {
            list-style-type: none;
            display: inline;
            margin-right: 12px;
        }
    </style>
    <script type="text/javascript">window.__admin_media_prefix__ = "{{ settings.ADMIN_MEDIA_PREFIX }}";</script>
    <link href="{{ settings.ADMIN_MEDIA_PREFIX }}css/base.css" rel="stylesheet" type="text/css" media="screen" />
    <script type="text/javascript">
    /* gettext identity library */

    function gettext(msgid) { return msgid; }
    function ngettext(singular, plural, count) { return (count == 1) ? singular : plural; }
    function gettext_noop(msgid) { return msgid; }

    function interpolate(fmt, obj, named) {
      if (named) {
        return fmt.replace(/%\(\w+\)s/g, function(match){return String(obj[match.slice(2,-2)])});
      } else {
        return fmt.replace(/%s/g, function(match){return String(obj.shift())});
      }
    }

    /* formatting library */

    var formats = new Array();

    formats['DATETIME_FORMAT'] = 'N j, Y, P';
    formats['DATE_FORMAT'] = 'N j, Y';
    formats['DECIMAL_SEPARATOR'] = '.';
    formats['MONTH_DAY_FORMAT'] = 'F j';
    formats['NUMBER_GROUPING'] = '0';
    formats['TIME_FORMAT'] = 'P';
    formats['FIRST_DAY_OF_WEEK'] = '0';
    formats['TIME_INPUT_FORMATS'] = ['%H:%M:%S', '%H:%M'];
    formats['THOUSAND_SEPARATOR'] = ',';
    formats['DATE_INPUT_FORMATS'] = ['%Y-%m-%d', '%m/%d/%Y', '%m/%d/%y', '%b %d %Y', '%b %d, %Y', '%d %b %Y', '%d %b, %Y', '%B %d %Y', '%B %d, %Y', '%d %B %Y', '%d %B, %Y'];
    formats['YEAR_MONTH_FORMAT'] = 'F Y';
    formats['SHORT_DATE_FORMAT'] = 'm/d/Y';
    formats['SHORT_DATETIME_FORMAT'] = 'm/d/Y P';
    formats['DATETIME_INPUT_FORMATS'] = ['%Y-%m-%d %H:%M:%S', '%Y-%m-%d %H:%M', '%Y-%m-%d', '%m/%d/%Y %H:%M:%S', '%m/%d/%Y %H:%M', '%m/%d/%Y', '%m/%d/%y %H:%M:%S', '%m/%d/%y %H:%M', '%m/%d/%y'];

    function get_format(format_type) {
        var value = formats[format_type];
        if (typeof(value) == 'undefined') {
          return msgid;
        } else {
          return value;
        }
    }
    
    </script>
    <script type="text/javascript" src="{{ settings.ADMIN_MEDIA_PREFIX }}js/core.js"></script>
{% endblock %}

{% block subtitle %}
    {% trans "Node manager" %}
{% endblock %}
{% block description %}
    {% trans "Nodes bulk management" %}
{% endblock %}

{% block admincontent %}
    <div id="changelist" class="module filtered">
        <div id="toolbar">
            <form method="get" action="" id="changelist-search">
            <div>
                <div>
                    <label for="searchbar"><img alt="Search" src="{{ settings.ADMIN_MEDIA_PREFIX }}img/admin/icon_searchbox.png"></label>
                    {{ filter_form.text }}
                    {{ filter_form.node_type }}
                    {{ filter_form.state_type }}
                    <input type="submit" value="{% trans "Search" %}"><br />
                    {{ filter_form.text_in }}
                </div>
            </div>
            <div style="display: none;" id="author-filter-container">
                {% for u in authors %}
                <input name="authors" type="hidden" value="{{ u.id }}" />
                {% endfor %}
            </div>
            <div style="display: none;" id="tag-filter-container">
                {% for t in tags %}
                <input name="tags" type="hidden" value="{{ t.id }}" />
                {% endfor %}
            </div>
            </form>
        </div>
        <div id="changelist-filter">
            <h2>{% trans "Filter" %}</h2>
            <h3>{% trans "By type" %}</h3>
            <ul>
                {% for type, name in node_types %}
                <li{% ifequal filter_form.node_type.data type %} class="selected"{% endifequal %}>
                    <a class="node-type-link" href="#{{ type }}">{{ name }}</a>
                </li>
                {% endfor %}
            </ul>
            <h3>{% trans "By state" %}</h3>
            <ul>
                <li{% ifequal filter_form.state_type.data "any" %} class="selected"{% endifequal %}><a class="state-type-link" href="#any">{% trans "any" %}</a></li>
                {% for state_type in state_types %}
                    <li{% ifequal filter_form.state_type.data state_type %} class="selected"{% endifequal %}>
                        <a class="state-type-link" href="#{{ state_type }}">{{ state_type }}</a>
                    </li>
                {% endfor %}
            </ul>
            <h3>{% trans "By author(s)" %}</h3>
            {% if not authors.count %}
                <small>{% trans "No users selected, use the box bellow to add users to the filter." %}</small>
            {% else %}
                <ul>
                    {% for u in authors %}
                        <li class="selected">
                            <img class="author-filter-remover" rel="{{ u.id }}" src="{% media "/media/images/close-small-dark.png" %}">
                            {{ u.decorated_name }} ({{ u.reputation }})
                        </li>
                    {% endfor %}
                </ul>
                <small>{% trans "Click on the cross next to a user name to remove it from the filter." %}</small>
            {% endif %}
            <input type="text" size="20" autocomplete="off" id="author-selector" />

            <h3>{% trans "By tag(s)" %}</h3>
            {% if not tags.count %}
                <small>{% trans "No tags selected, use the box bellow to add tags to the filter." %}</small>
            {% else %}
                <ul>
                    {% for t in tags %}
                        <li class="selected">
                            <img class="tag-filter-remover" rel="{{ t.id }}" src="{% media "/media/images/close-small-dark.png" %}">
                            {{ t.name }} ({{ t.used_count }})
                        </li>
                    {% endfor %}
                </ul>
                <small>{% trans "Click on the cross next to a tag name to remove it from the filter." %}</small>
            {% endif %}
            <input type="text" size="20" autocomplete="off" id="tag-selector" />
            {% comment %}<h3>{% trans "Show" %}</h3>
            <form action="" method="get">
                <div>{{ show_form.show }}</div>
                <input type="submit" value="{% trans "Refresh" %}" />
            </form>{% endcomment %}
        </div>
        <form id="changelist-form" method="POST" action="">
            <div class="actions">
                <label>
                    {% trans "Action" %}:
                    <select name="action">
                        <option selected="selected" value="">---------</option>
                        <option value="delete_selected">{% trans "Mark deleted" %}</option>
                        <!--<option value="hard_delete_selected">{% trans "Delete completelly" %}</option>-->
                        <option value="close_selected">{% trans "Close (questions only)" %}</option>
                    </select>
                </label>
                <button value="0" name="index" title="{% trans "Run the selected action" %}" class="button" type="submit">{% trans "Go" %}</button>
            </div>
            <table id="result_list" cellspacing="0">
                <thead>
                    <tr>
                        {% spaceless %}
                        <th class="action-checkbox-column">
                            <input type="checkbox" id="action-toggle" style="display: inline;" />
                        </th>
                        {% ifequal filter_form.node_type.data "all" %}
                            <th>{% trans "Type" %}</th>
                        {% endifequal %}
                        <th class="sorted{% ifequal nodes.paginator.current_sort "title" %} ascending{% endifequal %}">
                            <a href="{{ nodes.paginator.title_sort_link }}">{% trans "Title" %}</a>
                        </th>
                        <th>{% trans "Author" %}</th>
                        <th class="sorted{% ifequal nodes.paginator.current_sort "added_at" %} ascending{% endifequal %}">
                            <a href="{{ nodes.paginator.added_at_sort_link }}">{% trans "Added at" %}</a>
                        </th>
                        <th class="sorted{% ifequal nodes.paginator.current_sort "score" %} ascending{% endifequal %}">
                            <a href="{{ nodes.paginator.score_sort_link }}">{% trans "Score" %}</a>
                        </th>
                        <th>{% trans "Last acivity by" %}</th>
                        <th class="sorted{% ifequal nodes.paginator.current_sort "act_at" %} ascending{% endifequal %}">
                            <a href="{{ nodes.paginator.act_at_sort_link }}">{% trans "Last activity at" %}</a>
                        </th>
                        <th>{% trans "Tags" %}</th>
                        <th>{% trans "State" %}</th>
                        {% endspaceless %}
                    </tr>
                </thead>
                <tbody>
                {% for node in nodes.paginator.page %}
                    <tr class="{% cycle 'row1' 'row2' %}">
                        <td><input type="checkbox" name="_selected_node" value="{{ node.id }}" class="action-select"></td>
                        {% ifequal filter_form.node_type.data "all" %}
                            <th>{{ node.friendly_name }}</th>
                        {% endifequal %}
                        <td><a href="{{ node.get_absolute_url }}" target="_blank">{{ node.headline }}</a></td>
                        <td><a href="{{ node.author.get_absolute_url  }}">{{ node.author.username }}</a></td>
                        <td>{% diff_date node.added_at %}</td>
                        <td>{{ node.score }}</td>
                        <td><a href="{{ node.last_activity_by.get_absolute_url  }}">{{ node.last_activity_by.username }}</a></td>
                        <td>{% diff_date node.last_activity_at %}</td>
                        <td>
                            {% for t in node.tags.all %}
                                {% if t in tags %}<b>{{ t.name }}</b>
                                {% else %}{{ t.name }}{% endif %}
                            {% endfor %}
                        </td>
                        <td>{{ node.state_list|join:", " }}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            {{ nodes.paginator.page_numbers }}
        </form>
    </div>
{% endblock %}