{% extends base_template %}
{% load seahub_tags avatar_tags i18n %}
{% load url from future %}

{% block main_panel %}
<div class="w100 ovhd">
    <h2 class="fleft"><span class="op-target">{{repo.props.name}}</span> {% trans "modification history" %}</h2>
    <button data="{{ SITE_ROOT }}repo/{{ repo.props.id }}/" class="fright" id="back">{% trans "Back to Library"%}</button>
</div>

{% if user_perm == 'rw' %}
<p class="tip">{% trans "Tip: A snapshot will be generated after modification, which records the library state before this modification."%}<a href="{% url 'repo_view_snapshot' repo.props.id %}">{% trans "View Snapshot"%}</a></p>
{% endif %}

<div class="commit-list-outer-container">
    <div class="commit-list-inner-container">
        <table class="commit-list">
            <tr>
                <th width="20%" class="time">{% trans "Time" %}</th>
                <th width="20%">{% trans "Modifier"%}</th>
                <th width="60%">{% trans "Description"%}</th>
            </tr>

            {% for commit in commits %}
            <tr>
                <td class="time">{{ commit.ctime|translate_seahub_time }}</td>
                <td>
                {% if commit.creator_name %}
                    {% if not commit.second_parent_id %}
                    <a href="{{ SITE_ROOT }}profile/{{ commit.creator_name }}/">{% avatar commit.creator_name 16 %}</a>
                    <a href="{{ SITE_ROOT }}profile/{{ commit.creator_name }}/">{{ commit.creator_name|email2nickname }}</a>
                    {% else %}
                    {% trans "None"%}
                    {% endif %}
                {% else %}
                    {% trans "Unknown"%}
                {% endif %}
                </td>
                <td>
                    {{ commit.props.desc|translate_commit_desc }}
                    {% if page_next or not forloop.last %}
                    <a class="lsch" href="#" data-url="{% url 'repo_history_changes' repo.id %}?commit_id={{ commit.id }}" data-time="{{ commit.props.ctime|tsstr_sec }}">{% trans "Details"%}</a>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
        </table>
        <div id="paginator">
            {% if current_page != 1 %}
            <a href="?page={{ prev_page }}&per_page={{ per_page }}">{% trans "Previous"%}</a>
            {% endif %}
            {% if page_next %}
            <a href="?page={{ next_page }}&per_page={{ per_page }}">{% trans "Next"%}</a>
            {% endif %}
	    {% if current_page != 1 or page_next %}
	    |
	    {% endif %}
            <span>{% trans "Per page: "%}</span>
            {% if per_page == 25 %}
            <span> 25 </span>
            {% else %}
            <a href="?per_page=25" class="per-page">25</a>
            {% endif %}
            {% if per_page == 50 %}
            <span> 50 </span>
            {% else %}
            <a href="?per_page=50" class="per-page">50</a>
            {% endif %}
            {% if per_page == 100 %}
            <span> 100 </span> 
            {% else %}
            <a href="?per_page=100" class="per-page">100</a>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}

{% block extra_script %}
<script type="text/javascript">
    {% include 'snippets/list_commit_detail.html' %}
    $('#back').click(function() {
        location.href = $(this).attr('data');
    });
</script>
{% endblock %}