{% extends "myhome_base.html" %}
{% load seahub_tags %}

{% block right_panel %}

<h2>{{repo.props.name}}</h2>

<form id="modify-token-form" action="{{ SITE_ROOT }}repo/token/modify/{{repo.props.id}}/" method="post">
    <p>新口令:</p>
    <input id="id_token" type="text" name="token" /><br/>
    <input id="id_summit" type="submit" value="提交" />
</form>

<table class="default">
    <tr>
        <td>ID</td>
        <td>{{repo.props.id}}</td>
    </tr>
    <tr>
        <td>描述</td>
        <td>{{repo.props.desc}}</td>
    </tr>
    <tr>
        <td>访问口令</td>
        {% if is_owner %}
        <td>{{token}} <input type="button" id="modify-token-btn" value="修改" /></td>
        {% else %}
        <td>只有拥有者可见</td>
        {% endif %}
    </tr>
</table>

<h3>分支</h3>

<table class="branch-list default">
    <tr>
        <th>分支名</th>
        <th>Head Commit</th>
    </tr>
    {% for branch in branches %}
    <tr>
        <td>{{branch.props.name}}</td>
        <td>{{branch.props.commit_id}}</td>
    </tr>
    {% endfor %}
</table>

<h3>Commits</h3>
<table class="commit-list default">
    <tr>
        <th>ID</th>
        <th>Time</th>
        <th>Discription</th>
    </tr>
    {% for commit in commits %}
    <tr>
        <td>{{ commit.props.id }}</td>
        <td>{{ commit.props.ctime|tsstr_sec }}</td>
        <td>{{ commit.props.desc }}</td>
    </tr>
    {% endfor %}
</table>

{% endblock %}

{% block extra_script %}
<script type="text/javascript">
$(function() {
    $("#modify-token-btn").click(function() {
        $("#modify-token-form").modal({appendTo: "#main"}); 
    });
    
    $("#modify-token-form").hide();
})
</script>
{% endblock %}