1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-04 16:31:13 +00:00

[file-view]modified file-op display

This commit is contained in:
llj
2012-08-15 10:44:15 +08:00
committed by plt
parent 33a2c1491c
commit dd321702d2
3 changed files with 6 additions and 14 deletions

View File

@@ -58,9 +58,11 @@
</div> </div>
<div id="file"> <div id="file">
<div id="file-op" class="hide"> <div id="file-op">
<button id="open-local" data="{{path}}{{dirent.obj_name}}">打开本地文件</button> <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> <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> <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 %} {% if not view_history and request.user.is_authenticated %}
<button data="{{ SITE_ROOT }}repo/file_revisions/{{ repo.id }}/?p={{ path }}" id="history">历史</button> <button data="{{ SITE_ROOT }}repo/file_revisions/{{ repo.id }}/?p={{ path }}" id="history">历史</button>
@@ -104,9 +106,6 @@ $('#view-original, #download').click(function() {
window.open($(this).attr('data')); window.open($(this).attr('data'));
}); });
{% if not view_history %} {% if not view_history %}
{% if filetype == 'PDF' %}
$('#pdf-op-bar').append($('#history'));
{% endif %}
$('#edit, #history').click(function() { $('#edit, #history').click(function() {
location.href = $(this).attr('data'); location.href = $(this).attr('data');
}); });

View File

@@ -20,12 +20,10 @@
{% if err %} {% if err %}
$('#file-view').html('<p class="error">{{ err }}</p>').addClass('file-view-tip'); $('#file-view').html('<p class="error">{{ err }}</p>').addClass('file-view-tip');
{% endif %} {% endif %}
$('#file-op').removeClass('hide');
{% endif %} {% endif %}
{% if filetype == 'Image' %} {% if filetype == 'Image' %}
$('#file-view').html('<img src="{{ raw_path }}" alt="{{ u_filename}}" id="image-view" />').css({'text-align':'center', 'padding':'30px 0'}); $('#file-view').html('<img src="{{ raw_path }}" alt="{{ u_filename}}" id="image-view" />').css({'text-align':'center', 'padding':'30px 0'});
$('#file-op').removeClass('hide');
{% endif %} {% endif %}
{% if filetype == 'SVG' %} {% if filetype == 'SVG' %}
@@ -34,7 +32,6 @@
} else { } else {
$('#file-view').html('<div><iframe src="{{ raw_path }}" frameborder="0" id="svg-view"></iframe></div>'); $('#file-view').html('<div><iframe src="{{ raw_path }}" frameborder="0" id="svg-view"></iframe></div>');
} }
$('#file-op').removeClass('hide');
{% endif %} {% endif %}
{% if filetype == 'Document' %} {% if filetype == 'Document' %}
@@ -104,17 +101,15 @@ if (!$.browser.mozilla && !$.browser.safari) {
} }
}); });
} }
$('#file-op').removeClass('hide');
{% endif %} {% endif %}
{% if filetype == 'PDF' %} {% if filetype == 'PDF' %}
$('#view-original').addClass('hide');
if (!$.browser.mozilla && !$.browser.safari) { if (!$.browser.mozilla && !$.browser.safari) {
$('#file-view').html('<p>在线查看请使用firefox 或 chrome。</p>').addClass('file-view-tip'); $('#file-view').html('<p>在线查看请使用firefox 或 chrome。</p>').addClass('file-view-tip');
} else { } else {
PDFJS.workerSrc = '{{MEDIA_URL}}js/pdf.js'; PDFJS.workerSrc = '{{MEDIA_URL}}js/pdf.js';
$('#file-view').html('<div id="pdf"><img src="{{ MEDIA_URL }}pdf_full_view/images/loading-icon.gif" alt="加载中..." id="pdf-loading" style="margin-top:20px;" /><div id="pdf-op-bar" class="vh"><button id="prev">上一页</button><button id="next">下一页</button><span id="pdf-page"><label for="page-number"></label> <input type="number" id="page-number" value="1" min="1"></input> / <span id="page-nums"></span></span><button id="full-screen">全屏</button></div><canvas data="{{ raw_path }}" id="pdf-view" class="vh"></canvas></div>').css({'text-align':'center'}); $('#file-view').html('<div id="pdf"><img src="{{ MEDIA_URL }}pdf_full_view/images/loading-icon.gif" alt="加载中..." id="pdf-loading" style="margin-top:20px;" /><div id="pdf-op-bar" class="vh"><button id="prev">上一页</button><button id="next">下一页</button><span id="pdf-page"><label for="page-number"></label> <input type="number" id="page-number" value="1" min="1"></input> / <span id="page-nums"></span></span><button id="full-screen">全屏</button></div><canvas data="{{ raw_path }}" id="pdf-view" class="vh"></canvas></div>').css({'text-align':'center'});
$('#pdf-op-bar').append($('#download')); $('#pdf-op-bar').append($('#file-op').html());
var seahub_getPage = function (pdf, page_number) { var seahub_getPage = function (pdf, page_number) {
pdf.getPage(page_number).then(function(page) { pdf.getPage(page_number).then(function(page) {
var scale = 1.5; var scale = 1.5;
@@ -134,7 +129,7 @@ if (!$.browser.mozilla && !$.browser.safari) {
$('#page-nums').html(pdf.numPages); $('#page-nums').html(pdf.numPages);
$('#page-number').attr('max', pdf.numPages).css('width', String(pdf.numPages).length * 6 + 10); $('#page-number').attr('max', pdf.numPages).css('width', String(pdf.numPages).length * 6 + 10);
seahub_getPage(pdf, 1); seahub_getPage(pdf, 1);
$('#pdf-loading').addClass('hide'); $('#file-op, #pdf-loading').addClass('hide');
$('#pdf-op-bar, #pdf-view').removeClass('vh'); $('#pdf-op-bar, #pdf-view').removeClass('vh');
$('#page-number').change(function() { $('#page-number').change(function() {
@@ -174,10 +169,8 @@ if (!$.browser.mozilla && !$.browser.safari) {
{% if err %} {% if err %}
$('#file-view').html('<p class="error">{{ err }}</p>').addClass('file-view-tip'); $('#file-view').html('<p class="error">{{ err }}</p>').addClass('file-view-tip');
{% endif %} {% endif %}
$('#file-op').removeClass('hide');
{% endif %} {% endif %}
{% if filetype == 'Unknown' %} {% if filetype == 'Unknown' %}
$('#file-view').html('<p>该类型文件无法在线查看。</p>').addClass('file-view-tip'); $('#file-view').html('<p>该类型文件无法在线查看。</p>').addClass('file-view-tip');
$('#file-op').removeClass('hide');
{% endif %} {% endif %}

View File

@@ -5,7 +5,7 @@
<h2>{{ file_name }}</h2> <h2>{{ file_name }}</h2>
<p class="file-share-from">共享者:{{ username }}</p> <p class="file-share-from">共享者:{{ username }}</p>
<div id="file"> <div id="file">
<div id="file-op" class="hide"> <div id="file-op">
<button data="{{ SITE_ROOT }}repo/{{ repo.id }}/{{ obj_id }}/?file_name={{ file_name }}&op=view&t={{ shared_token }}" id="view-original">原始文件</button> <button data="{{ SITE_ROOT }}repo/{{ repo.id }}/{{ obj_id }}/?file_name={{ file_name }}&op=view&t={{ shared_token }}" id="view-original">原始文件</button>
<button data="{{ SITE_ROOT }}repo/{{ repo.id }}/{{ obj_id }}/?file_name={{ file_name }}&op=download&t={{ shared_token }}" id="download">下载</button> <button data="{{ SITE_ROOT }}repo/{{ repo.id }}/{{ obj_id }}/?file_name={{ file_name }}&op=download&t={{ shared_token }}" id="download">下载</button>
</div> </div>