seahub/templates/repo_view_file.html

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

{% block extra_style %}
<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}codemirror/codemirror.css" />
{% endblock %}

{% block main_panel %}
    {% if not view_history %}
    <h2>{{ u_filename }}</h2>
    {% else %}
        {% if page_from == 'snapshot' %}
        <h2>
            {{repo.props.name}} 镜像浏览
            <span class="commit-time">({{ current_commit.props.ctime|tsstr_sec }})</span>
        </h2>
        {% endif %}
        {% if page_from == 'file_history' %}
        <div class="w100 ovhd">
            <h2 class="fleft">
                {{repo.props.name}} 历史浏览
                <span class="commit-time">({{ current_commit.props.ctime|tsstr_sec }})</span>
            </h2>
            <button class="fright" data="{% url 'file_revisions' repo.id %}?p={{ path|urlencode }}" id="back">返回文件版本列表</button>
        </div>
        {% endif %}
	{% if page_from == 'recycle' %}
        <div class="w100 ovhd">
            <h2 class="fleft">
                {{repo.props.name}} 的文件回收站
            </h2>
            <button class="fright" data="{% url 'repo' repo.id %}" id="back">返回同步目录</button>
        </div>
	{% endif %}
    {% endif %}
    <div class="w100 ovhd">
        <p class="path fleft">
        当前路径：
	{% if page_from == 'recycle' %}

	<a href="{% url 'repo_recycle_view' repo.id %}">{{repo.props.name}} 的文件回收站</a>
        {% for name, link in zipped %}
            {% if not forloop.last %}
            / <a href="{% url 'repo_recycle_view' repo.id %}?commit_id={{ current_commit.id }}&base={{ basedir|urlencode }}&p={{ link|urlencode }}">{{ name }}</a>
            {% else %}
            / {{ name }}
            {% endif %}
        {% endfor %}

	{% else %}

        {% for name, link in zipped %}
            {% if not forloop.last %}
                {% if view_history %}
                    {% if page_from == 'snapshot' %}
                    <a href="{% url 'repo_history_view' repo.id %}?commit_id={{ current_commit.id }}&p={{ link|urlencode }}">{{ name }}</a> /
                    {% else %}
                    {{ name }} /
                    {% endif %}
                {% else %}
                <a href="{{ SITE_ROOT }}repo/{{ repo.id }}/?p={{ link|urlencode }}">{{ name }}</a> /               
                {% endif %}
            {% else %}
                {{ name }}
            {% endif %}
        {% endfor %}

	{% endif %} <!-- if page_from == 'recycle' -->
        </p>

        {% if not view_history %}
        <div class="file-op fright">
            <input id="shared-link" class="hide" type="text" readonly="readonly" value="{{ file_shared_link }}" />
            <button data="{{ SITE_ROOT }}sharedlink/get/?repo_id={{ repo.id }}&p={{ path|urlencode }}&file_name={{ file_name }}" id="get-shared-link">获取分享地址</button>
            <button id="send-shared-link" class="hide">发送</button>
            <button data="{{ SITE_ROOT }}sharedlink/remove/?t={{ fileshare.token }}" id="rm-shared-link" class="hide">删除</button>
        </div>
        {% endif %}
    </div>

    {% if not view_history %}
    <div id="file-commit-info">
        <div class="latest-commit ovhd">
            <p class="latest-commit-info fleft">{% avatar latest_contributor 20 %} <a href="{% url 'user_profile' latest_contributor %}" class="name">{{ latest_contributor|email2nickname }}</a> <span class="time">{{ last_modified|translate_commit_time}}</span><span> 做了最新修改</span></p>
            <a href="{{ SITE_ROOT }}repo/file_revisions/{{ repo.id }}/?p={{ path }}" class="more fright">更多历史</a>
        </div> 
        <p class="contributors">
        <span>{{ contributors|length }} 个贡献者</span>
        {% for user in contributors %}
            <a href="{% url 'user_profile' user %}" class="name" title="{{ user|email2nickname}}">{% avatar user 20 %}</a>
        {% endfor %}
        </p>
    </div>
    {% endif %}

    <div id="file">
        {% if filetype == 'PDF' and not pdf_use_flash %}
        <div id="file-op" class="hide">
        {% else %}
        <div id="file-op">
        {% endif %}
            {% if not view_history and request.user.is_authenticated %}
            <button id="open-local" data="{{path}}{{dirent.obj_name}}">打开本地文件</button>
            {% if not read_only %}
            {% if filetype == 'Text' or filetype == 'Markdown' %}
            <button data="{{ SITE_ROOT }}repo/{{ repo.id }}/file/edit/?p={{ path }}" id="edit">编辑</button>
            {% endif %}
            <button data="{{ SITE_ROOT }}repo/update_file/{{ repo.id }}/?p={{ path }}" id="update">更新</button>
            {% endif %}
            {% endif %}
            {% if filetype == 'Text' or filetype == 'Image' or filetype == 'SVG' or filetype == 'Markdown' %} 
            <button data="{{ SITE_ROOT }}repo/{{ repo.id }}/{{ obj_id }}/?file_name={{ file_name }}&op=view" id="view-original">原始文件</button>
            {% endif %}
            <button data="{{ SITE_ROOT }}repo/{{ repo.id }}/{{ obj_id }}/?file_name={{ file_name }}&op=download" id="download">下载</button>
        </div>
        <div id="file-view">
            {% if filetype == 'Text' %}
                {% ifnotequal file_content None %}
                <textarea id="docu-view" class="vh">{{ file_content|escape }}</textarea>
                {% endifnotequal %}
            {% else %}
            <p>文件内容读取中...</p>
            {% endif %}
        </div>
    </div>

    {% if not view_history %}
    <form id="link-send-form" action="" method="post" name="link-send-form" class="hide">
        <label>邮箱(多个邮箱以,分隔)：</label><br />
        <textarea id="email" name="email"></textarea><br />
        <input type="hidden" name="file_shared_link" value="{{ file_shared_link }}" />
        <input type="submit" value="提交" class="submit" />
        <p class="error hide"></p>
        <p id="sending" class="hide">发送中...</p>        
    </form>

    <div id="open-local-feedback" class="hide">
        <p id="open-local-handling-tip">处理中，请稍侯...</p>
        <p id="open-local-error" class="error"></p>
        <div id="redirect-download" class="hide">
            <p class="error">您还没有将资料库 {{repo.name}} 下载到本地</p>
            <button data="{{ SITE_ROOT }}download/repo/?repo_id={{ repo.id }}" id="download-repo">点此下载</button>
        </div>
    </div>
    
    {% with attach_type='file' %}
    {% include "snippets/group_recommend_form.html" %}
    {% endwith %}

    {% if request.user.is_authenticated %}
    <div id="file-comment" class="hide">
        <form id="file-comment-form" action="" method="post">
            <div class="w100 ovhd">
                <a class="pic fleft" href="{% url 'user_profile' request.user.username %}">{% avatar request.user.username 48 %}</a>
                <div class="txt fright">
                    <textarea name="message" id="comment-input">评论一下~</textarea><br />
                    <p class="error hide"></p>
                    <input type="submit" value="提交" class="submit hide" />
                </div>
            </div>
        </form>
        <ul id="comment-list">
        {% if comments %}
            {% for comment in comments %}
            <li class="comment ovhd">
            <a class="pic fleft" href="{% url 'user_profile' comment.from_email %}">{% avatar comment.from_email 48 %}</a>
            <div class="txt fright">
                <div class="comment-hd w100 ovhd">
                    <a href="{% url 'user_profile' comment.from_email %}" title="{{ comment.from_email }}" class="fleft">{{ comment.from_email|email2nickname }}</a>
                    <span class="time fright">{{ comment.timestamp|translate_commit_time }}</span>
                </div>
                <p class="comment-bd">{{ comment.message|seahub_urlize|find_at|linebreaksbr }}</p>
            </div>
            </li>
            {% endfor %}
        {% endif %}
        </ul>
    </div>
    <div id="comment-caret" class="hide">
        <div id="comment-outer-caret">
            <div id="comment-inner-caret"></div>
        </div>
    </div>
    {% endif %}
    {% endif %}
{% endblock %}

{% block extra_script %}
{% include "snippets/file_view_js.html" %}
<script type="text/javascript">
{% include "snippets/repo_file_get.html" %}
$('#view-original, #download').click(function() {
    window.open($(this).attr('data'));
});
{% if not view_history %}
$('#edit, #update').click(function() {
    location.href = $(this).attr('data');
});
function showLink() {
    $('#get-shared-link').addClass('hide');
    $('#shared-link, #send-shared-link, #rm-shared-link').removeClass('hide');
}
function hideLink() {
    $('#shared-link, #send-shared-link, #rm-shared-link').addClass('hide');
    $('#get-shared-link').removeClass('hide');
}
function setLinkWidth() {
    var link = $('#shared-link');
    link.before('<p class="hide">' + link.val() + '</p>');
    link.css('width', link.prev().width() + 2);
    link.prev().remove();
}
if ($.trim($('#shared-link').val())) {
    setLinkWidth();
}

{% if fileshare.token %}
showLink();
{% else %}
hideLink();
{% endif %}

$('#get-shared-link').click(function() {
    var url = $(this).attr('data');
    $.ajax({
        url: url,
        dataType: 'json',
        cache: false,
        contentType: 'application/json; charset=utf-8',
        success: function(data) {
            if (data.length > 0) {
                var t = data[0]['token'],
                    shared_link = '{{ protocol }}://{{ domain }}{{ SITE_ROOT }}f/' + t + '/';
                $('#shared-link').val(shared_link);
                setLinkWidth();
                $('#rm-shared-link').attr('data', '{{ SITE_ROOT }}sharedlink/remove/?t='+t);
                $('input[name="file_shared_link"]').val(shared_link);
                showLink();
            }
        },
        error: function(xhr, ajaxOptions, thrownError) {
            var jsonVal = jQuery.parseJSON(xhr.responseText);
            $('#get-shared-link').replaceWith('<span class="error">' + jsonVal[0]['error'] + '</span>');
        }
    });
});

$('#rm-shared-link').click(function() {
    var url = $(this).attr('data');
    $.ajax({
        url: url,
        dataType: 'json',
        cache: false,
        contentType: 'application/json; charset=utf-8',
        success: function(data) {
            hideLink();
            $('#shared-link').val('');
        }
    });
});

$('#send-shared-link').click(function() {
    $("#link-send-form").modal({appendTo: "#main"});
    
    // link-send-form email autocomplete
    var share_list = [], contact_email;    
    {% for contact in contacts %}
    contact_email = '{{ contact.contact_email }}';
    share_list.push({value:contact_email, label:contact_email});
    {% endfor %}
    addAutocomplete('#email', '#link-send-form', share_list);
});

$("#link-send-form").submit(function(event) {
    $('#link-send-form .error').addClass('hide');
    $('#sending').removeClass('hide');
    
    var form = $(this), 
        file_shared_link = form.children('input[name="file_shared_link"]').val(),
        email = $.trim(form.children('textarea[name="email"]').val());

       $.ajax({
           type: "POST",
           url: "{% url 'seahub.views.send_shared_link' %}",
           dataType: 'json',
           cache: false,
           contentType: 'application/json; charset=utf-8',
           beforeSend: prepareCSRFToken,
           data: {file_shared_link: file_shared_link, email: email},
           success: function(data) {
                location.reload(true);
           },
           error: function(data, textStatus, jqXHR) {
               $('#sending').addClass('hide');
               var errors = $.parseJSON(data.responseText);
               $.each(errors, function(index, value) {
                   if (index == 'error') {
                       apply_form_error('link-send-form', value);
                   } else {
                       apply_form_error('link-send-form', value[0]);
                   }
               });
           }
       });
   return false;
});

$('#shared-link').click(function() {
    $(this).select();
});

{% include "snippets/bottom_bar.html" %}
{% if request.user.is_authenticated %}
$('#bottom-bar').append(' <button id="comment">评论</button>');
$('#file-comment').css('max-height', $(window).height() - parseInt($('#file-comment').css('bottom')));
{% if comment_open %}
$('#file-comment, #comment-caret').removeClass('hide');
{% endif %}
$('#comment').click(function() {
    if ($('#file-comment').hasClass('hide')) {
        $('#file-comment, #comment-caret').removeClass('hide');
    } else {
        $('#file-comment, #comment-caret').addClass('hide');
    }
});
$(document).click(function(e) {
    var target = e.target || event.srcElement;
    if (target != $('#comment')[0] && target != $('#file-comment')[0] && target != $('#comment-caret')[0] && !($('#file-comment, #comment-caret').find('*').is(target))) {
        $('#file-comment, #comment-caret').addClass('hide');
    }
});

var comment_input_pre_text = $('#comment-input').val();
$('#comment-input').css('color', '#999').click(function() {
    if ($(this).val() == comment_input_pre_text) {
        $(this).val('').css('color', '#000');
        $('#file-comment-form .submit').removeClass('hide');
    }
});
$('#file-comment-form .submit').click(function() {
    if (!$.trim($('#comment-input').val())) {
        $('#file-comment-form .error').html('请先输入您的评论').removeClass('hide');
        return false;
    }
    $.ajax({
        url: '{% url 'views.file_comment' %}' + '?p={{path}}',
        type: 'POST',
        dataType: 'json',
        contentType: 'application/json; charset=utf-8',
        beforeSend: prepareCSRFToken,
        data: {
            'repo_id': '{{ repo.id }}',
            'file_path': '{{ path|urlencode }}',
            'message': $('#comment-input').val()
        },
        success: function(data) {
            $('#comment-input').val(comment_input_pre_text).css('color', '#999');
            $('#file-comment-form .submit, #file-comment-form .error').addClass('hide');
            $('#comment-list').html(data.html);
        },
        error: function(data, textStatus, jqXHR) {
            var errors = $.parseJSON(data.responseText);
            $.each(errors, function(index, value) {
                $('#file-comment-form .error').html(value[0]).removeClass('hide');
            }); 
        }   
    });
    return false;
});
{% endif %}

function send_open_local_file_request(path) {
    var callback = 'xx';
    $.ajax({
        url: '{{ applet_root }}/open-local-file/?repo_id={{ repo.id }}&commit_id={{current_commit.id}}&path=' + e(path) + '&callback=' + callback,
        dataType: 'jsonp',
        jsonpCallback: callback,
        crossDomain: true,
        success: function(data) {
            $('#open-local-handling-tip').addClass('hide');
            if (data['exists'] === false) {
                // repo doesn't exist on local machine
                $('#open-local-error').addClass('hide');
                $('#redirect-download').removeClass('hide');
                
            } else if (data['no_assoc'] === true) {
                // no application to open the file
                $('#open-local-error').html('找不到打开该类型文件的程序。Seafile 将为你打开该文件所在目录');

            } else if (data['outdated'] === true) {
                // local repo not in sync yet
                if (data['auto-sync'] === false) {
                    $('#open-local-error').html('本地文件尚未与服务器同步。请打开本地目录的自动同步，或者手动进行同步');
                } else {
                    $('#open-local-error').html('本地文件尚未与服务器同步，请稍后再试');
                }

            } else if (data['error']) {
                // other error
                $('#open-local-error').html('打开本地文件时出错');

            } else {
                // open file successfully
                $('#open-local-handling-tip').removeClass('hide');
                setTimeout(function() { $.modal.close(); }, 1500);
            }
        }
    });
}
$('#download-repo').click(function() {
    location.href = $(this).attr('data');
});

$('#open-local').click(function () {
    var path = $(this).attr('data');
    var local_applet_running = false;
    $('#open-local-feedback').modal({
        appendTo: '#main',
        containerCss: { width: 300, height: 60}
    });

    $.ajax({
        url: '{{ applet_root }}/seafile_rpc_version/',
        dataType: 'jsonp',
        jsonpCallback: 'xx',
        crossDomain: true,
        success: function(version) {
            local_applet_running = true;
            if (version < 1) {
                $('#open-local-handling-tip').addClass('hide');
                $('#open-local-error').html('您的 Seafile 客户端版本太低，请<a href="http://www.seafile.com/download/">升级</a>到最新版本');
            } else {
                send_open_local_file_request(path);
            }
        }
    });

    // if jsonp response doesn't arrive in 2 seconds, we can say local client is not running yet.
    setTimeout(function() {
        if (!local_applet_running) {
            $('#open-local-handling-tip').addClass('hide');
            $('#open-local-error').html('Seafile 客户端程序未启动或者版本过低');
        }
    }, 2000);
});
//'not view_history' ends here
{% endif %}

{% if view_history %}
    {% if page_from == 'file_history' or page_from == 'recycle' %}
$('#back').click(function() {
    location.href = $(this).attr('data');
});
    {% endif %}
{% endif %}
</script>
{% endblock %}