256 lines
7.6 KiB
Java
256 lines
7.6 KiB
Java
/**
|
|
* Copyright 2013 I Doc View
|
|
* @author Godwin <I Doc View>
|
|
*/
|
|
|
|
var ratio = 0.75;
|
|
var pages;
|
|
var slideUrls = new Array();
|
|
var slideThumbUrls = new Array();
|
|
var curSlide = 1;
|
|
var totalSize = 1; // PPT当前获取到的总页数
|
|
var slideCount = 1; // PPT文件总页数
|
|
var size = (!!$.url().param('size') ? $.url().param('size') : 0);
|
|
$(document).ready(function() {
|
|
|
|
// async method:
|
|
$.get('onlinePreview?' , params, function(data, status) {
|
|
var data = JSON.parse(data);
|
|
var code = data.code;
|
|
if (1 == code) {
|
|
uuid = data.uuid;
|
|
pages = data.data;
|
|
totalSize = pages.length;
|
|
slideCount = data.totalSize;
|
|
|
|
// title
|
|
$('.container-fluid:first .btn:first').after('<a class="brand lnk-file-title" style="text-decoration: none;" href="' + contextPath + '/doc/download/' + uuid + (!!queryStr ? '?' + queryStr : '') + '" title="' + data.name + '">' + data.name + '</a>');
|
|
document.title = data.name;
|
|
|
|
// set ratio
|
|
ratio = pages[0].ratio;
|
|
|
|
// reset all content
|
|
resetContent();
|
|
|
|
afterLoad();
|
|
} else {
|
|
$('.container-fluid .row-fluid').html('<section><div class="alert alert-error">' + data.desc + '</div></section>');
|
|
}
|
|
|
|
clearProgress();
|
|
});
|
|
|
|
// 是否显示全屏按钮
|
|
$('.fullscreen-link').toggle(screenfull.enabled);
|
|
// 全屏事件
|
|
$('.fullscreen-link').click(function(){
|
|
if (screenfull.enabled) {
|
|
screenfull.toggle($('.slide-img-container')[0]);
|
|
}
|
|
});
|
|
$(document).bind("fullscreenchange", function() {
|
|
if (screenfull.isFullscreen) {
|
|
$('.slide-img-container').css('background-color', 'black');
|
|
$('.slide-img-container').contextMenu(true);
|
|
} else {
|
|
$('.slide-img-container').css('background-color', '');
|
|
$('.slide-img-container').contextMenu(false);
|
|
}
|
|
});
|
|
|
|
$('.select-page-selector').change(function() {
|
|
var selectNum = $(".select-page-selector option:selected").text();
|
|
gotoSlide(selectNum);
|
|
});
|
|
$('.slide-img-container .ppt-turn-left-mask').click(function () {
|
|
preSlide();
|
|
});
|
|
$('.slide-img-container .ppt-turn-right-mask').click(function () {
|
|
nextSlide();
|
|
});
|
|
|
|
// Right click (NOT supported in SOUGOU browser)
|
|
/*
|
|
$.contextMenu({
|
|
selector: '.slide-img-container',
|
|
items: {
|
|
"next": {
|
|
name: "下一张",
|
|
callback: function(key, options) {
|
|
nextSlide();
|
|
}
|
|
},
|
|
"previous": {
|
|
name: "上一张",
|
|
callback: function(key, options) {
|
|
preSlide();
|
|
}
|
|
},
|
|
"sep1": "---------",
|
|
"exit": {
|
|
name: "结束放映",
|
|
callback: function(key, options) {
|
|
$('.slide-img-container').fullScreen(false);
|
|
}
|
|
},
|
|
}
|
|
});
|
|
*/
|
|
$('.slide-img-container').contextMenu(false);
|
|
|
|
// Swipe method is NOT supported in IE6, so it should be the last one.
|
|
try {
|
|
$('.slide-img-container').swipeleft(function() { nextSlide(); });
|
|
$('.slide-img-container').swiperight(function() { preSlide(); });
|
|
} catch (err) {
|
|
|
|
}
|
|
});
|
|
|
|
var remainContentInterval;
|
|
function checkRemainContent () {
|
|
clearInterval(remainContentInterval);
|
|
if (slideCount == totalSize) {
|
|
return;
|
|
}
|
|
|
|
}
|
|
|
|
function resetContent() {
|
|
remainContentInterval = setInterval(checkRemainContent, 8000);
|
|
|
|
// clear all content
|
|
$('.row-fluid .span2').empty();
|
|
$('.select-page-selector').empty();
|
|
$('.select-page-selector-sync').empty();
|
|
$('.slide-img-container img').remove();
|
|
|
|
// 限制预览页数开始
|
|
var viewCheck = authMap.view;
|
|
if (!!viewCheck && (viewCheck > 1) && (pages.length > viewCheck)) {
|
|
$('.navbar').after('<div class="alert alert-info" style="text-align: center; color: red;">试读结束，支付后阅读全文！</div>');
|
|
totalSize = viewCheck;
|
|
clearInterval(remainContentInterval);
|
|
}
|
|
// 限制预览页数结束
|
|
|
|
// pages
|
|
for (i = 0; i < totalSize; i++) {
|
|
var page = pages[i];
|
|
slideUrls[i] = page.url;
|
|
slideThumbUrls[i] = page.thumbUrl;
|
|
$('.row-fluid .span2').append('<div class="thumbnail" page="' + (i + 1) + '"><img src="' + page.thumbUrl + '"></div><div class="thumb-page-number-container">' + (i + 1) + '/' + slideCount + '</div>');
|
|
$('.select-page-selector').append('<option>' + (i + 1) + '</option>');
|
|
$('.select-page-selector-sync').append('<option>' + (i + 1) + '</option>');
|
|
}
|
|
|
|
// 未转换完成提示信息
|
|
if (totalSize < slideCount) {
|
|
$('.row-fluid .span2').prepend('<div style="color: red;">转换中(' + Math.floor((totalSize / slideCount) * 100) + '%)，请稍候……</div>');
|
|
}
|
|
|
|
$('.slide-img-container').append('<img src="' + slideUrls[curSlide - 1] + '" class="img-polaroid" style="height: 100%;">');
|
|
var thumbnailWidth = $('.thumbnail:first').width();
|
|
var thumbnailHeight = thumbnailWidth * ratio;
|
|
$('.thumbnail').height(thumbnailHeight);
|
|
|
|
var slideImgContainerWidth = $('.slide-img-container:first').width();
|
|
var slideImgContainerHeight = slideImgContainerWidth * ratio;
|
|
$('.slide-img-container').height(slideImgContainerHeight);
|
|
|
|
resetImgSize();
|
|
|
|
var percent = Math.ceil((curSlide / slideUrls.length) * 100);
|
|
$('.thumbnail[page="' + curSlide + '"]').addClass('ppt-thumb-border');
|
|
|
|
// $('.thumbnail[page="' + curSlide + '"]').animate({scrollTop:($(window).height()/2)}, 'slow');
|
|
|
|
$('.select-page-selector').val(curSlide);
|
|
$('.bottom-paging-progress .bar').width('' + percent + '%');
|
|
|
|
$('.thumbnail').click(function () {
|
|
var page_num = $(this).attr('page');
|
|
gotoSlide(page_num);
|
|
});
|
|
}
|
|
|
|
$(window).resize(function() {
|
|
resetImgSize();
|
|
});
|
|
|
|
function resetImgSize() {
|
|
var leftW = $('.row-fluid .span2').width() + 40;
|
|
var windowW = $(window).width();
|
|
if (windowW < 768) {
|
|
leftW = -40;
|
|
$('.hidden-phone').css('display', 'none');
|
|
$('.span9').removeClass('offset2');
|
|
} else {
|
|
$('.hidden-phone').css('display', 'block');
|
|
$('.span9').addClass('offset2');
|
|
}
|
|
var ww = $(window).width() - 120 - leftW;
|
|
var wh = $(window).height() - 90;
|
|
if (screenfull.isFullscreen) {
|
|
ww = ww + 90 + leftW;
|
|
wh = wh + 80;
|
|
}
|
|
if (wh / ww < ratio) {
|
|
$('.slide-img-container').height(wh);
|
|
$('.slide-img-container').width(wh / ratio);
|
|
} else {
|
|
$('.slide-img-container').width(ww);
|
|
$('.slide-img-container').height(ww * ratio);
|
|
}
|
|
}
|
|
|
|
$(document).keydown(function(event){
|
|
if (event.keyCode == 37 || event.keyCode == 38 || event.keyCode == 33) { // 37 left, 38 up, 33 pageUp
|
|
preSlide();
|
|
} else if (event.keyCode == 39 || event.keyCode == 40 || event.keyCode == 32 || event.keyCode == 34){ // 39 right, 40 down, 32 space, 34 pageDown
|
|
nextSlide();
|
|
} else if (event.keyCode == 13) {
|
|
screenfull.toggle($('.slide-img-container')[0]);
|
|
}
|
|
});
|
|
|
|
function getCurSlide() {
|
|
return curSlide;
|
|
}
|
|
|
|
function preSlide() {
|
|
var preSlide = eval(Number(getCurSlide()) - 1);
|
|
gotoSlide(preSlide);
|
|
}
|
|
|
|
function nextSlide() {
|
|
var nextSlide = eval(Number(getCurSlide()) + 1);
|
|
gotoSlide(nextSlide);
|
|
}
|
|
|
|
function gotoSlide(slide) {
|
|
var slideSum = slideUrls.length;
|
|
if (slide <= 0) {
|
|
slide = 1;
|
|
} else if (slideSum < slide) {
|
|
slide = slideSum;
|
|
}
|
|
curSlide = slide;
|
|
/*
|
|
$(".slide-img-container img").fadeOut(function() {
|
|
$(this).attr("src", slideUrls[slide - 1]).fadeIn();
|
|
});
|
|
*/
|
|
$(".slide-img-container img").attr("src", slideUrls[slide - 1]);
|
|
var percent = Math.ceil((curSlide / slideUrls.length) * 100);
|
|
$('.thumbnail').removeClass('ppt-thumb-border');
|
|
$('.thumbnail[page="' + slide + '"]').addClass('ppt-thumb-border');
|
|
var thumbTop = slide * ($('.thumbnail[page="' + 1 + '"]').height() + 10 + $('.thumb-page-number-container').height()) - ($(document).height() / 2);
|
|
$('.span2 ').animate({scrollTop:(thumbTop)}, 'slow');
|
|
$('.select-page-selector').val(slide);
|
|
$('.select-page-selector-sync').val(slide);
|
|
$('.bottom-paging-progress .bar').width('' + percent + '%');
|
|
|
|
|
|
} |