seahub/templates/repo_edit_file.html

{% extends base_template %}
{% load seahub_tags %}

{% block main_panel %}
    <h2>编辑 {{ u_filename }}</h2>
    <p class="path">
         当前路径：
         {% for name, link in zipped %}
            {% if not forloop.last %}
                <a href="{{ SITE_ROOT }}repo/{{ repo.id }}/?p={{ link|urlencode }}">{{ name }}</a> /               
            {% else %}
                <a href="{{ SITE_ROOT }}repo/{{ repo.id }}/files/?p={{ path }}">{{ name }}</a>
            {% endif %}
         {% endfor %}
    </p>
    <div id="file">
        <p id="file-fetching-tip">文件内容读取中...</p>
        <div id="docu-view" class="hide"></div>
        {% if fileext == 'markdown' or fileext == 'md' %}
        <div id="md-view" class="article hide"></div>
        {% endif %}
    </div>
    <div id="op-after-edit" class="w100 ovhd hide">
        {% if fileext == 'markdown' or fileext == 'md' %}
        <div class="fleft">
            <button id="file-edit-submit">提交</button>
            <button id="source-code" class="hide">原文件</button>
            <button id="preview">预览</button>
        </div>
        {% else %}
        <button id="file-edit-submit" class="fleft">提交</button>
        {% endif %}
        <button data="{{ SITE_ROOT }}repo/{{ repo.id }}/files/?p={{ path }}" id="file-edit-cancel" class="fright">取消修改</button>
    </div>
{% endblock %}

{% block extra_script %}
<script type="text/javascript" src="{{MEDIA_URL}}ace/ace.js"></script>
<script type="text/javascript" src="{{ MEDIA_URL }}ace/theme-twilight.js"></script>
{% include "snippets/file_view_js.html" %}
{% if fileext == 'markdown' or fileext == 'md' %}
<script type="text/javascript" src="{{MEDIA_URL}}ace/mode-markdown.js"></script>
<script type="text/javascript" src="{{MEDIA_URL}}js/showdown.js"></script>
{% endif %}
<script type="text/javascript">
{% ifnotequal file_content None %}
var editor = ace.edit("docu-view");
editor.setShowPrintMargin(false); // rm the vertical line in the center
editor.renderer.scrollBar.element.style.display = "none"; // hide right scrollbar
editor.renderer.scrollBar.width = 0; // enlarge ace_content width
editor.setTheme("ace/theme/twilight");
{% include "snippets/editor_set_mode.html" %}
editor.session.getDocument().setValue('{{ file_content|escapejs }}');
editor.session.getDocument().setNewLineMode('{{ newline_mode }}'); 
$('#docu-view').css({'position': 'relative', 'height': (editor.session.getScreenLength() + 1) * parseInt($('#docu-view').css('line-height')), 'min-height': '400px'}); // '+ 1': offer space for bottom scrollbar
editor.session.setScrollLeft(0); // make bottom scrollbar start from the left-most
editor.resize(); // fix some problem for showing some file in ie8
$('#file-fetching-tip').addClass('hide');
$('#docu-view, #op-after-edit').removeClass('hide');

{% if fileext == 'markdown' or fileext == 'md' %}
$('#file-edit-submit').css('margin-right', '8px');
$('#source-code').click(function() {
    $('#md-view, #source-code').addClass('hide');
    $('#docu-view, #preview').removeClass('hide');
});
$('#preview').click(function() {
    var content = editor.session.getValue();
    var converter = new Showdown.converter();
    $('#docu-view, #preview').addClass('hide');
    $('#md-view').html(converter.makeHtml(content)).removeClass('hide');
    $('#md-view').children(':first').css('margin-top', '0');
    $('#source-code').removeClass('hide');
});
{% endif %}

$('#file-edit-submit').click(function () {
    var content = editor.session.getValue();
    $.ajax({
        type: "POST",
        url: '{{ SITE_ROOT }}repo/{{repo.id}}/file/edit/?p={{path|urlencode}}',
        dataType: 'json',
        cache: false,
        contentType: 'application/json; charset=utf-8',
        beforeSend: prepareCSRFToken,
        data: {content: content, encoding: '{{ encoding }}'},
        success: function(data) {
            location.href = $('#file-edit-cancel').attr('data');
        },
        error: function(xhr, ajaxOptions, thrownError) {
            var jsonVal = jQuery.parseJSON(xhr.responseText);
            $('#op-after-edit').prepend('<p class="error">' + jsonVal['error'] + '</p>');
        }
    });
});
$('#file-edit-cancel').click(function() {
    location.href = $(this).attr('data');
});
{% endifnotequal %}

{% if err %}
$('#file').html('<p class="error">{{ err }}</p>');
{% endif %}
</script>
{% endblock %}