seahub/templates/repo.html

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

{% block nav_home_class %}class="cur"{% endblock %}
{% block left_panel %}
<ul>
  {% if is_owner %}
  {% if repo_role and repo_role != 'private' %}
  <li><a href="{{ SITE_ROOT }}repo/dir/{{ repo.props.id }}/">浏览</a></li>
  {% endif %}
  {% else %}
  {% if repo_role == 'public' %}
  <li><a href="{{ SITE_ROOT }}repo/dir/{{ repo.props.id }}/">浏览</a></li>
  {% endif %}
  {% endif %}
</ul>
{% endblock %}

{% block right_panel %}

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

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

<div id="tabs">
    <ul>
        <li><a href="#basic-info">基本信息</a></li>
        <li><a href="#history">历史</a></li>
    </ul>

    <div id="basic-info">
        <h3>基本信息</h3>
        <table>
            <tr>
                <th width="12%">ID</th>
                <td width="88%">{{repo.props.id}}</td>
            </tr>
            <tr>
                <th>描述</th>
                <td>{{repo.props.desc}}</td>
            </tr>
            <tr>
                <th>访问口令</th>
                {% if is_owner %}
                <td><span id="token">*****</span> <input type="checkbox" name="token-show-switch" id="token-show-switch" /><label for="token-show-switch">显示</label> <button id="modify-token-btn">修改</button></td>
                {% else %}
                <td>只有同步目录拥有者可见</td>
                {% endif %}
            </tr>
            <tr>
              <th>公共访问</th>
              {% if is_owner %}
              <td>
                {% if repo_role == 'public' %}
                <input type="radio" id="repo-role" name="repo-role" value="public" checked>开启
                {% else %}
                <input type="radio" id="repo-role" name="repo-role" value="public">开启
                {% endif %}

                {% if repo_role == 'own' %}
                <input type="radio" id="repo-role" name="repo-role" value="own" checked>只对自己开启
                {% else %}
                <input type="radio" id="repo-role" name="repo-role" value="own">只对自己开启
                {% endif %}
                
                {% if not repo_role or repo_role == 'private'%}
                <input type="radio" id="repo-role" name="repo-role" value="private" checked>关闭
                {% else %}
                <input type="radio" id="repo-role" name="repo-role" value="private">关闭
                {% endif %}
              </td>
              {% else %}
              <td>只有拥有者可选</td>
              {% endif %}
            </tr>
        </table>
    </div>

    <div id="history">
        <h3>修改记录</h3>
        <table>
            <tr>
                <!-- <th>ID</th> -->
                <th width="20%">修改时间</th>
                <th width="80%">描述</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>
        <div id="paginator">
            {% if current_page != 1 %}
            <a href="{{ SITE_ROOT }}repo/{{repo.props.id}}/?page={{ prev_page }}&per_page={{ per_page }}">上一页</a>
            {% endif %}
            {% if page_next %}
            <a href="{{ SITE_ROOT }}repo/{{repo.props.id}}/?page={{ next_page }}&per_page={{ per_page }}">下一页</a>
            {% endif %}
            <span>每页：</span> 
            {% if per_page == 25 %}
            <span> 25 </span> 
            {% else %}
            <a href="{{ SITE_ROOT }}repo/{{repo.props.id}}/?per_page=25" class="per-page">25</a>
            {% endif %}
            {% if per_page == 50 %}
            <span> 50 </span> 
            {% else %}
            <a href="{{ SITE_ROOT }}repo/{{repo.props.id}}/?per_page=50" class="per-page">50</a>
            {% endif %}
            {% if per_page == 100 %}
            <span> 100 </span> 
            {% else %}
            <a href="{{ SITE_ROOT }}repo/{{repo.props.id}}/?per_page=100" class="per-page">100</a>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}

{% block extra_script %}
<script type="text/javascript">
$(function() {
    $("#modify-token-btn").click(function() {
        $("#modify-token-form").modal({appendTo: "#main"}); 
    });
})
$('#token-show-switch').click(function() {
        if ($(this).attr('checked')) {
            $('#token').html('{{token}}');
        } else {
            $('#token').html('*****');
        }
    });
$('#tabs').tabs({cookie: {expires: 1}});

$(function(){
$("input[name='repo-role']").click(
function(){
     var item = $("input[name='repo-role']:checked").val();
     location.href = "{{ SITE_ROOT }}repo/setrole/{{ repo.props.id}}/"+item+"/";
});
});

</script>
{% endblock %}