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

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

    <h2>
        {% if not view_history %}
        {{ u_filename }}
        {% else %}
        {{repo.props.name}} 历史浏览<span class="latest-commit-time-author">({{ current_commit.props.ctime|tsstr_sec }})</span>
        {% endif %}
    </h2>
    <div class="w100 ovhd">
    <p class="path fleft">
         当前路径：
         {% 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>

    <div class="file-op fright">
        {% if not view_history %}
        <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>
        {% endif %}
    </div>
    </div>
    
    <div id="file">
        <div id="file-op">
            <button id="open-local" data="{{path}}{{dirent.obj_name}}">打开本地文件</button>
            {% 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>
            {% if not view_history and request.user.is_authenticated %}
            <button data="{{ SITE_ROOT }}repo/file_revisions/{{ repo.id }}/?p={{ path }}" id="history">历史</button>
            {% if filetype == 'Text' or filetype == 'Markdown' %}
            <button data="{{ SITE_ROOT }}repo/{{ repo.id }}/file/edit/?p={{ path }}" id="edit">编辑</button>
            {% endif %}
            {% endif %}
        </div>
        <div id="file-view">
            <p>文件内容读取中...</p>
        </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 }}" />
        <p id="error" class="hide">输入不能为空。</p>
        <input type="submit" value="提交" class="submit" />
        <p id="sending" class="hide">发送中...</p>
        <p id="success" class="hide"></p> 
    </form>
    
    {% with attach_type='file' %}
    {% include "snippets/group_recommend_form.html" %}
    {% endwith %}
{% endif %}

    <div id="open-local-file-error-dlg" class="hide">
        <p id="open-local-file-error" class=""></p>
    </div>

    <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>

{% if request.user.is_authenticated %}
<div id="file-comment">
    <h3>评论</h3>
    <form id="file-comment-form" action="" method="post">
        <input name="repo_id" type="hidden" value="{{ repo.id }}"/>
        <input name="file_path" type="hidden" value="{{ path|urlencode }}" />
        <textarea name="message" id="message">{{ form.data.message }}</textarea><br />
        {% for error in form.message.errors %}
        <p class="error">{{ error|escape }}</p>
        {% endfor %}
        <input type="submit" value="提交" class="submit" />
    </form>
</div>
{% endif %}

{% if comments %}
<!-- file comments list -->
<ul class="msg-list">
  {% for comment in comments %}
  <li class="msg w100 ovhd">
    <div class="pic fleft">
      <a href="{% url 'user_profile' comment.from_email %}">{% avatar comment.from_email 48 %}</a>
    </div>
    <div id="filecomment-{{comment.id}}" class="txt fright">
      <div class="msg-hd">
        <span class="time">{{ comment.timestamp|translate_commit_time }}</span>
        <a href="{% url 'user_profile' comment.from_email %}" title="{{ comment.from_email }}">{{ comment.from_email|email2nickname }}</a>
      </div>
      <div class="msg-bd">
        <p>
          {{ comment.message|seahub_urlize|find_at|linebreaksbr }}
        </p>
      </div>
    </div>
  </li>
  {% endfor %}
</ul>
{% endif %}
<div id="paginator">
  {% if current_page != 1 %}
  <a href="{% url 'repo_view_file' repo.id %}?p={{ path|urlencode }}&page={{ prev_page }}&per_page={{ per_page }}">上一页</a>
  {% endif %}
  {% if page_next %}
  <a href="{% url 'repo_view_file' repo.id %}?p={{ path|urlencode }}&page={{ next_page }}&per_page={{ per_page }}">下一页</a>
  {% endif %}
</div>

{% 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, #history').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 = [];    
    {% for contact in contacts %}
    share_list.push('{{ contact.contact_email }}');
    {% endfor %}
    addAutocomplete('#email', '#link-send-form', share_list);
});

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

    if (!email) {
        $('#error').attr('class', 'error');
        $('#simplemodal-container').css('height', $('#link-send-form').height());
        return false;
    }
   
   $('#sending').removeClass('hide');
   $('#simplemodal-container').css('height', $('#link-send-form').height());

   if (email.length <= 512) {
       $.ajax({
           type: "POST",
           url: "{{ SITE_ROOT }}sharedlink/send/",
           dataType: 'json',
           cache: false,
           contentType: 'application/json; charset=utf-8',
           beforeSend: prepareCSRFToken,
           data: {file_shared_link: file_shared_link, email: email},
           success: function(data) {
               $('#sending').attr('class', 'hide');
               $('#success').html(data[0]['msg']).removeClass('hide');
               $('#simplemodal-container').css('height', $('#link-send-form').height());
           },
           error: function(xhr, ajaxOptions, thrownError) {
               var jsonVal = jQuery.parseJSON(xhr.responseText);
               $('#sending').attr('class', 'hide');
               $('#error').html(jsonVal[0]['error']).attr('class','error');
               $('#simplemodal-container').css('height', $('#link-send-form').height());
           }
       });
   } 
   return false;
});

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

{% include "snippets/bottom_bar.html" %}
{% endif %}

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

            } else if (data['outdated'] === true) {
                // local repo not in sync yet
                $('#open-local-file-error').removeClass();
                $('#open-local-file-error').addClass('notification');

                if (data['auto-sync'] === false) {
                    hint = '本地文件尚未与服务器同步。\n请打开本地目录的自动同步，或者手动进行同步';
                } else {
                    hint = '本地文件尚未与服务器同步，请稍后再试';
                }

                $('#open-local-file-error').html(hint);
                $('#open-local-file-error-dlg').modal({appendTo:'#main'});

            } else if (data['error']) {
                // other error
                $('#open-local-file-error').removeClass();
                $('#open-local-file-error').addClass('error');
                $('#open-local-file-error').html('打开本地文件时出错');
                $('#open-local-file-error-dlg').modal({appendTo:'#main'});

            } else {
                // open file successfully, nothing to do
            }
        }
    });
}
$('#download-repo').click(function() {
    location.href = $(this).attr('data');
});

// When user clicks 'open local file':
//
// - First, check client version to determine is this operation supported by client
// - second check whether repo exists on local machine, then:
//   - if exists, send an open local file requst
//   - if not exits, redirect to repo download page


$('#open-local').click(function () {
    var path = $(this).attr('data');
    var local_applet_running = false;

    $.ajax({
        url: '{{ applet_root }}/seafile_rpc_version/',
        dataType: 'jsonp',
        jsonpCallback: 'xx',
        crossDomain: true,
        success: function(version) {
            local_applet_running = true;
            if (version < 1) {
                update_url = '<a href="http://www.seafile.com/download/">升级</a>';
                $('#open-local-file-error').html('您的 Seafile 客户端版本太低，请' + update_url + '到最新版本');
                $('#open-local-file-error-dlg').modal({appendTo:'#main'});
            } 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-file-error').html('Seafile 客户端程序未启动或者版本过低');
            $('#open-local-file-error-dlg').modal({appendTo:'#main'});
        }
    }, 2000);
});
</script>
{% endblock %}