seahub/templates/repo.html

{% extends base_template %}

{% load seahub_tags %}
{% load url from future %}

{% block info_bar_message %}
{% if request.user.is_authenticated %}
  {{ block.super }}
{% else %}
  <div id="info-bar">
    <span class="info">当前链接会在短期内失效，欢迎您 <a href="http://seafile.com/" target="_blank">加入Seafile </a>体验更多功能。</span>
  </div>
{% endif %}
{% endblock %}

{% block right_panel %}
{% if messages %}
{% autoescape off %}
<ul class="messages hide">
  {% for message in messages %}
  <li class="info">{{ message }}</li>
  {% endfor %}
</ul>
{% endautoescape %}
{% endif %}
{% endblock %}

{% block main_panel %}
  {% if view_history %}
    <h2>{{repo.props.name}} 历史浏览<span class="latest-commit-time-author">({{ current_commit.props.ctime|tsstr_sec }})</span></h2>
  {% else %}
    <h2>{{repo.props.name}}</h2>
  {% endif %}

  {% if view_history %}
    <div class="side fright">
      {% if can_access %}
      <div class="latest-commit">
        <h3>修改信息</h3>
        <p>{{ current_commit.props.desc|translate_commit_desc }}</p>
        <p class="al-rt">
          <span class="author">by
          {% if current_commit.props.creator_name %}
          {{ current_commit.props.creator_name|short_email }}
          {% else %}
          未知
          {% endif %}
          </span>
          <span class="time">{{ current_commit.props.ctime|translate_commit_time }}</span>
        </p>
      </div>
      {% endif %}

      <h3>操作</h3>
      <ul class="with-bg">
        <li><a href="{{ SITE_ROOT }}repo/history/{{ repo.id }}/">返回历史列表</a></li>
      </ul>
    </div>
  {% else %}
    <div class="side fright">
      <h3>基本信息</h3>
      <p>{{repo.props.desc}}</p>
      <p>大小：{{ repo_size|filesizeformat }}</p>
      
      {% if not repo.props.encrypted or password_set %}
          {% if can_access %}
          <div class="latest-commit">
            <h3>最新修改
            {% if request.user.is_authenticated %}
            <a href="{% url 'seahub.views.repo_history' repo.id %}" class="more">（更多）</a>
            {% endif %}
            </h3>
            <p>{{ current_commit.props.desc|translate_commit_desc }}</p>
            <p class="al-rt">
              <span class="author">by
              {% if current_commit.props.creator_name %}
              {{ current_commit.props.creator_name|short_email }}
              {% else %}
              未知
              {% endif %}
              </span>
              <span class="time">{{ current_commit.props.ctime|translate_commit_time }}</span>
            </p>
          </div>
          {% endif %}
      {% endif %}
    </div>
  {% endif %}
  
    <div class="main fleft">
      {% if repo.props.encrypted and not password_set %}
      <p class="access-notice">该目录已加密。如需在线查看里面的内容，请输入解密密码。密码只会在服务器上暂存1小时。</p>
      <form action="{{ SITE_ROOT }}repo/{{ repo.id }}/" method="post">
        <label>密码：</label>
        <input id="id_password" type="password" name="password" maxlength="64" /><br />
        {% if error %}
        <p class="error">{{ error }}</p>
        {% endif %}
        <input type="submit" value="提交" />
      </form>

      {% else %}
          {% if not can_access %}
          <p class="access-notice">无法在线查看该同步目录。</p>
          {% else %}
              <p class="path">
              当前路径：
              {% for name, link in zipped %}
              {% if not forloop.last %}
                {% if view_history %}
                <a href="{{ SITE_ROOT }}repo/{{ repo.id }}/?commit_id={{ current_commit.id }}&p={{ link|urlencode }}">{{ name }}</a> /                 
                {% else %}
                <a href="{{ SITE_ROOT }}repo/{{ repo.id }}/?p={{ link|urlencode }}">{{ name }}</a> /                
                {% endif %}
              {% else %}
              {{ name }}
              {% endif %}
              {% endfor %}
              </p>
              {% if not view_history and request.user.is_authenticated %}
              <div class="repo-op">
                  <button data="{{ SITE_ROOT }}repo/upload_file/{{repo.id}}/?p={{ path|urlencode }}" id="upload-file" class="op-btn">上传</button>
                  <button id="add-new-dir" class="op-btn">新建目录</button>
                  <button id="add-new-file" class="op-btn">新建文件</button>
              </div>
              {% endif %}

          <table>
            <tr>
              <th width="5%"></th>
              <th width="67%">名字</th>
              <th width="13%">大小</th>
              <th width="15%">操作</th>
            </tr>

            {% for dirent in dir_list %}
            <tr>
              <td class="icon-container"><img src="{{ MEDIA_URL }}img/folder-icon-24.png" alt="目录" /></td>
              {% if view_history %}
              <td><a href="{{ SITE_ROOT }}repo/{{ repo.id }}/?commit_id={{ current_commit.id }}&p={{ path|urlencode }}{{ dirent.obj_name|urlencode }}">{{ dirent.obj_name }}</a></td>              
              {% else %}
              <td>
                  <a href="{{ SITE_ROOT }}repo/{{ repo.id }}/?p={{ path|urlencode }}{{ dirent.obj_name|urlencode }}">{{ dirent.obj_name }}</a>
              </td>
              {% endif %}

              <td></td>
              <td>
                {% if not view_history and request.user.is_authenticated %}
                  <div>
                      <img src="{{ MEDIA_URL }}img/dropdown-arrow.png" alt="更多操作" class="more-op hide" />
                      <ul class="op-list hide">
                          <li><a class="op" href="{{ SITE_ROOT }}repo/{{ repo.props.id }}/{{ dirent.props.obj_id }}/?p={{ path|urlencode }}&file_name={{ dirent.props.obj_name|urlencode }}&op=del">删除</a></li>
                          <li><a class="op dir-rename" href="#" data="{{ dirent.obj_name }}">重命名</a></li>
                          <li><a class="op dir-mv" href="#" data="{{ dirent.obj_name }}">移动</a></li>
                          <li><a class="op dir-cp" href="#" data="{{ dirent.obj_name }}">复制</a></li>
                      </ul>
                  </div>
                {% endif %}
              </td>
            </tr>
            {% endfor %}

            {% for dirent in file_list %}
            <tr>
              <td class="icon-container"><img src="{{ MEDIA_URL }}img/file/{{ dirent.obj_name|file_icon_filter }}" alt="文件" /></td>
              {% if view_history %}
              <td><a class="op" href="{{ SITE_ROOT }}repo/{{ repo.props.id }}/files/?obj_id={{ dirent.props.obj_id }}&commit_id={{ current_commit.id }}&p={{ path|urlencode }}{{ dirent.obj_name|urlencode }}">{{ dirent.props.obj_name }}</a></td>              
              {% else %}
              <td>
                  <a class="op" href="{{ SITE_ROOT }}repo/{{ repo.props.id }}/files/?p={{ path|urlencode }}{{ dirent.obj_name|urlencode }}">{{ dirent.props.obj_name }}</a>
              </td>
              {% endif %}

              <td>{{ dirent.file_size|filesizeformat }}</td>
              <td>
                  <div>
                      <img src="{{ MEDIA_URL }}img/dropdown-arrow.png" alt="更多操作" class="more-op hide" />
                      <ul class="op-list hide">
                          <li><a class="op" href="{{ SITE_ROOT }}repo/{{ repo.props.id }}/{{ dirent.props.obj_id }}/?file_name={{ dirent.props.obj_name }}&op=download">下载</a></li>
                          {% if not view_history and request.user.is_authenticated %}
                          <li><a class="op" href="{{ SITE_ROOT }}repo/{{ repo.props.id }}/{{ dirent.props.obj_id }}/?p={{ path|urlencode }}&file_name={{ dirent.props.obj_name|urlencode }}&op=del">删除</a></li>
                          <li><a class="op file-rename" href="#" data="{{ dirent.obj_name }}">重命名</a></li>
                          <li><a class="op file-mv" href="#" data="{{ dirent.obj_name }}">移动</a></li>
                          <li><a class="op file-cp" href="#" data="{{ dirent.obj_name }}">复制</a></li>
                          <li><a class="op file-update" href="{{ SITE_ROOT }}repo/update_file/{{repo.id}}/?p={{ path|urlencode }}{{dirent.obj_name|urlencode}}">更新</a></li>
                          {% endif %}
                          {% if view_history and request.user.is_authenticated %}
                          <li><a href="{{ SITE_ROOT }}repo/revert_file/{{ repo.id }}/?commit={{ current_commit.id }}&p={{path|urlencode}}{{ dirent.obj_name|urlencode }}" class="op file-revert">还原</a></li>
                          {% endif %}
                      </ul>
                  </div>
              </td>
            </tr>
            {% endfor %}
          </table>
          {% endif %}
      {% endif %}
    </div>

{% if not view_history %}
    <form id="add-new-dir-form" action="{{ SITE_ROOT}}repo/new_dir/" method="post" class="hide">{% csrf_token %}
        <h4>新目录名称：</h4>
        <input type="hidden" name="repo_id" value="{{ repo.id }}" />
        <input type="hidden" name="parent_dir" value="{{ path }}" />
        <input type="text" name="new_dir_name" value="" /><br />
        <p class="error hide">输入不能为空</p>
        <input type="submit" value="提交" class="submit" />
        <button class="simplemodal-close">取消</button>
    </form>

    <form id="add-new-file-form" action="{{ SITE_ROOT}}repo/new_file/" method="post" class="hide">{% csrf_token %}
        <h4>新文件名称：</h4>
        <input type="hidden" name="repo_id" value="{{ repo.id }}" />
        <input type="hidden" name="parent_dir" value="{{ path }}" />
        <input type="text" name="new_file_name" value="" /><br />
        <p class="error hide">输入不能为空</p>
        <input type="submit" value="提交" class="submit" />
        <button class="simplemodal-close">取消</button>
    </form>

    <form id="mv-form" action="{{ SITE_ROOT }}file/move/" method="post" class="hide">
        <p id="mv-hd"></p>
        <div id="dirs"></div>
        <input type="hidden" name="operation" id="operation" value="" />
        <input type="hidden" name="src_repo" value="{{ repo.id }}" />
        <input type="hidden" name="src_path" value="{{ path }}" />
        <input type="hidden" name="obj_name" value="" />
        <input type="hidden" name="obj_type" value="" />
        <input type="hidden" name="dst_repo" value="" />
        <input type="hidden" name="dst_path" value="" />
        <p class="error hide">请点击选择目标目录。</p>
        <input type="submit" value="提交" class="submit" />
        <button class="simplemodal-close">取消</button>
    </form>

    <form id="rename-form" action="{{ SITE_ROOT}}repo/file_rename/" method="post" class="hide">
        <p>将 <span id="rename-target" class="op-target"></span> 重命名为：</p>
        <input type="hidden" name="repo_id" value="{{ repo.id }}" />
        <input type="hidden" name="parent_dir" value="{{ path }}" />
        <input type="hidden" name="oldname" value="" />
        <input type="text" name="newname" value="" class="new-name" /><br />
        <p class="error hide">输入不能为空。</p>
        <input type="submit" value="提交" class="submit" />
        <button class="simplemodal-close">取消</button>
    </form>
    {% with attach_type='dir' %}
    {% include "snippets/group_recommend_form.html" %}
    {% endwith %}
{% endif %}

{% endblock %}

{% block extra_script %}
{% if not view_history %}
<script type="text/javascript" src="{{ MEDIA_URL }}jstree_pre1.0_stable/jquery.jstree.js"></script>
{% endif %}
<script type="text/javascript">
$("table tr:gt(0)").hover(
    function() {
        $(this).find('.more-op').removeClass('hide');
    },
    function() {
        $(this).find('.more-op').addClass('hide');
    }
);

$('#main-panel').removeClass('ovhd');
var Hide = '';
$('.more-op').hover(
    function() {
        $(this).parent().css('position','relative');
        $('.op-list').attr('class', 'op-list hide');
        if ($(this).offset().top + $(this).next().height() <= $('#main').offset().top + $('#main').height()) {
            $(this).next().css('top', 6);
        } else {
            $(this).next().css('bottom', 2);
        }
        $(this).next().removeClass('hide');
        clearTimeout(Hide);
        return false;
    },
    function() {
        var op_list = $(this).next();
        Hide = setTimeout(function() { op_list.addClass('hide'); }, 1000);
    }
);

$('.op-list').hover(
    function(){
        clearTimeout(Hide);
    },
    function(){
        $(this).addClass('hide');
    }
);

$('.op-list li').hover(
    function() {
        $(this).css('background', '#eee');
    },
    function() {
        $(this).css('background', '#fff');
    }
);

{% if not view_history %}
$('.file-rename, .dir-rename').click(function () {
    var type = $(this).hasClass('file-rename') ? '文件 ' : '目录 ',
        name = $(this).attr('data');
    $('#rename-target').html(type + name);
    $('input[name="oldname"]').val(name);
    $('#rename-form').modal({appendTo:'#main'});
    return false;
});

var accessible_repos = [];
{% for repo in accessible_repos %}
    {% if repo.props.has_subdir %} 
    accessible_repos.push({
        'data': '{{ repo.props.name }}',
        'attr': {'repo_id': '{{ repo.props.id }}'},
        'state': 'closed'
    });  
    {% else %}
    accessible_repos.push({
        'data': '{{ repo.props.name }}',
        'attr': {'repo_id': '{{ repo.props.id }}'}
    });
    {% endif %}
{% endfor %}

$('.file-cp, .file-mv, .dir-cp, .dir-mv').click(function () {
    var obj_name = $(this).attr('data'),
        mv_type = '',
        file_type = '';
    if ($(this).hasClass('file-cp') || $(this).hasClass('dir-cp')) {
        $('#operation').val('cp');
        mv_type = '复制';
    } else {
        $('#operation').val('mv');
        mv_type = '移动';
    }

    if ($(this).hasClass('file-cp') || $(this).hasClass('file-mv')) {
        file_type = '文件';
        $('input[name="obj_type"]').val('file');
    } else {
        file_type = '目录';
        $('input[name="obj_type"]').val('dir');
    }

    $('input[name="obj_name"]').val(obj_name);
    $('#mv-hd').html('将' + file_type + ' <span class="op-target">' + obj_name + '</span> ' + mv_type + '到：');

    $('#dirs')
        .bind('loaded.jstree', function(event,data) {
            $('#mv-form').modal({appendTo:'#main', maxHeight: window.innerHeight - 57, autoResize:true});
        })
        .bind('after_open.jstree after_close.jstree set_focus.jstree', function(event, data) {
             $('#mv-form').css({'max-height': window.innerHeight - parseInt($('#simplemodal-container').css('top')) - 57, 'max-width':window.innerWidth - $('#mv-form').offset().left - 40, 'overflow': 'auto'});
             $('#simplemodal-container').css('height', $('#mv-form').height());
        })
        .bind('after_open.jstree set_focus.jstree', function(event,data) {
            if ($('#mv-form').width() < $('#mv-form')[0].scrollWidth) {
                $('#simplemodal-container').css('width', $('#mv-form')[0].scrollWidth + 15);
            }
        })
        .bind('select_node.jstree', function(event,data) {
            var repo_id = data.rslt.obj.attr('repo_id') || data.inst._get_parent(data.rslt.obj).attr('repo_id');
            $('input[name="dst_repo"]').attr('value', repo_id);
            var path = data.inst.get_path(data.rslt.obj);
            var mv_dst_path = '';
            if (path.length == 1) {
                mv_dst_path = '/';
            } else {
                path.shift();
                mv_dst_path = '/' + path.join('/') + '/';
            }
            $('input[name="dst_path"]').attr('value', mv_dst_path);
        })
        .jstree({
            'json_data': {
                'data': accessible_repos,
                'ajax': {
                    'url': function(data) {
                        var path = this.get_path(data);
                        var repo_id = data.attr('repo_id');
                        if (path.length == 1) {
                            path = '/';
                        } else {
                            path.shift();
                            path = '/' + path.join('/') + '/';
                        }
                        return '{{ SITE_ROOT }}file/move/get_subdir/?repo_id=' + e(repo_id) + '&path=' + e(path);
                    }
                }
            },
            'core': {
                'animation': 100
            },
            'plugins': ['themes', 'json_data', 'ui']
        });
    return false;
});

$('#add-new-dir-form .submit, #add-new-file-form .submit, #rename-form .submit').click(function() {
    if (!$.trim($(this).prev().prev().prev().val())) {//if the input is empty
        $(this).prev().removeClass('hide');//show error msg
        $('#simplemodal-container').css('height', $(this).parent().height());
        return false;
    }
});
$('#mv-form .submit').click(function() {
    if (!$.trim($(this).prev().prev().val())) {//if the input is empty
        $(this).prev().removeClass('hide');//show error msg
        $('#simplemodal-container').css('height', $(this).parent().height());
        return false;
    }
});

$('#upload-file').click(function () {
    location.href = $(this).attr('data');
});

$('#add-new-dir').click(function () {
    $('#add-new-dir-form').modal({appendTo:'#main'});
});
  
$('#add-new-file').click(function () {
    $('#add-new-file-form').modal({appendTo:'#main'});
});

$('#upload-file, #add-new-dir, #add-new-file').hover(
    function() {
        $(this).css({'background-color': '#fff', 'cursor': 'pointer'});
    },
    function() {
        $(this).css('background-color', '#f5f5f5');
    }
);

{% include "snippets/bottom_bar.html" %}
{% endif %}
</script>
{% endblock %}