seahub/templates/myhome.html

{% extends "myhome_base.html" %}

{% block nav_home_class %}class="cur"{% endblock %}
{% block left_panel %}
<h3>已用空间</h3>
<p>{{ quota_usage|filesizeformat }} / 2 GB</p>
{% endblock %}


{% block right_panel %}
{% if output_msg %}
    {% for key, value in output_msg.items %}
        {% if key == 'info_msg' %}
<p class="notification">{{ value }} 请前往<a href="{{ SITE_ROOT }}shareadmin/">共享管理</a>查看。</p>
        {% endif %}
        {% if key == 'err_msg' %}
<p class="error">{{ value }}</p>
        {% endif %}
    {% endfor %}
{% endif %}

<h3>我拥有的同步目录</h3>
{% if owned_repos %}
<table class="repo-list">
    <tr>
        <th width="30%">名字</th>
        <th width="50%">描述</th>
        <th width="20%">操作</th>
    </tr>

    {% for repo in owned_repos %}
    <tr>
        <td><a href="{{ SITE_ROOT }}repo/{{ repo.props.id }}/">{{ repo.props.name }}</a></td>
        <td>{{ repo.props.desc }}</td>
        <td>
        <button data="{{ SITE_ROOT }}download/repo/?repo_id={{ repo.props.id }}" class="download-btn">下载</button>
        <button data="{{ repo.props.id }}" class="repo-share-btn">共享</button>
        <button data="{{ SITE_ROOT }}repo/remove/{{ repo.props.id }}/" class="repo-delete-btn">删除</button>
        </td>
    </tr>
    {% endfor %}
</table>
{% else %}
<p>暂无</p>
{% endif %}

<h3>共享给我的同步目录</h3>
{% if in_repos %}
<table class="repo-list">
    <tr>
        <th width="30%">名字</th>
        <th width="20%">共享来源</th>
        <th width="35%">描述</th>
        <th width="15%">操作</th>
    </tr>

    {% for repo in in_repos %}
    <tr>
        <td><a href="{{ SITE_ROOT }}repo/{{ repo.props.id }}">{{ repo.props.name }}</a></td>
        <td>{{ repo.props.shared_email }}</td>
        <td>{{ repo.props.desc }}</td>
        <td>
          <button data="{{ SITE_ROOT }}download/repo/?repo_id={{ repo.props.id }}" class="download-btn">下载</button>
        </td>
    </tr>
    {% endfor %}
</table>
{% else %}
<p>暂无</p>
{% endif %}

<form id="repo-share-form" action="{{ SITE_ROOT }}home/my/" method="post" name="repo-share-form" class="hide">
    <label>邮箱：</label><br />
    <textarea id="to_email" name="to_email"></textarea><br />
    <input id="share_repo_id" type="hidden" name="share_repo_id" value="" />
    <p class="error hide">输入不能为空。</p>
    <input type="submit" value="提交" id="share-submit-btn" />
</form>

{% endblock %}

{% block extra_script %}
<script type="text/javascript">
$(function() {
    //repo-share-form email autocomplete
    var contact_list = [];
    {% for contact in contacts %}
    contact_list.push('{{ contact.contact_email }}');
    {% endfor %}

    function split(val) {
        return val.split(/,\s*/);
    }
    function extractLast(term) {
        return split(term).pop();
    }

    $("#to_email")
        .bind("keydown", function(event) {
            if (event.keyCode === $.ui.keyCode.TAB &&
                $(this).data("autocomplete").menu.active) {
                event.preventDefault();
            }
        })
        .autocomplete({
            appendTo: '#repo-share-form',
            autoFocus: true,
            delay: 100,
            minLength: 0,
            source: function(request, response) {
                        response($.ui.autocomplete.filter(contact_list, extractLast(request.term)));
                },
            focus: function() {
                        return false;
                },
            select: function(event, ui) {
                var terms = split(this.value);
                terms.pop();
                terms.push(ui.item.value);
                terms.push("");
                this.value = terms.join(", ");
                return false;
            }
        });

    $(".repo-share-btn").click(function() {
        $("#share_repo_id").val($(this).attr("data"));
        $("#repo-share-form").modal({appendTo: "#main", containerCss:{padding:18}});
    });

    //check before post
    $('#share-submit-btn').click(function() {
        if (!$.trim($('#to_email').attr('value'))) {
            $('#repo-share-form .error').removeClass('hide');
            return false;
        }
        return true;
    });

    addConfirmTo($('.repo-delete-btn'));
});
</script>
{% endblock %}