www.gusucode.com > Kodexplorer 可道云PHP在线文件管理系统源码程序 > kodexplorer_v4.32/plugins/yzOffice/php/template.php
<!doctype html>
<head>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=no" />
<meta charset="utf-8">
<link rel="stylesheet" href="<?php echo STATIC_PATH;?>style/common.css" type="text/css">
<link rel="stylesheet" href="./static/style/font-awesome/css/font-awesome.css">
<title><?php echo $fileName;?></title>
<style>
body {margin: 0;font-family: "Helvetica Neue Light", "Segoe UI Semilight", sans-serif;}
.infoButtonPrint{
cursor: pointer;font-size:20px;right:60px;text-align:center;
background:none;color: #666;line-height:27px;
}
.load-content{
position: fixed;
overflow: hidden;z-index: 100;top:0;left:0;right:0;bottom:0;
font-size:13px;color:#666;
}
.app-icon{text-align: center;position: absolute;width: 100%;top:40%;margin-top: -150px;}
.app-icon img{max-height: 150px;}
.app-icon .app-name{font-size:16px;color:#222;}
.load-status{margin: 20px auto;}
.load-status .progress{
width:300px;height:30px;margin: 10px auto;position: relative;
background-image: linear-gradient(to right,#ddd, #f6f6f6, #ddd);
}
.progress-loading{font-size:30px;margin-top: 20px;}
.progress-slider .content{position: absolute;width: 100%;color:#29792c;font-size:12px;line-height:30px;}
.progress-slider .left{float:left;padding-left: 10px;}
.progress-slider .right{float:right;padding-right: 10px;}
.progress-bar{opacity: 0.7;}
.clear{clear:both;}
.progress-text{text-align: center;display: block;width:300px;margin: 0 auto;padding: 10px;word-wrap: break-word;}
@page {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin: 0;
-webkit-print-color-adjust: exact;
}
body{background:#f0f0f0 !important;}
div.word-body, div.ppt-body{background:#ff0;}
div.word-page{box-shadow: 0 1px 6px #ccc;}
</style>
</head>
<body>
<div class="load-content display">
<div class="app-icon">
<img src="<?php echo "{$this->pluginHost}/static/images/icon.png";?>" />
<div class="app-name"><?php echo LNG('yzOffice.meta.name');?></div>
<div class="load-status">
<div class="progress-text alert"><?php echo LNG('yzOffice.Main.transfer');?></div>
<div class="progress-slider progress progress-striped active hidden">
<div class="progress-bar progress-bar-success" role="progressbar" style="width:0%;"></div>
<div class="content">
<span class="left"></span>
<span class="right"></span>
<div class="clear"></div>
</div>
</div>
<div class="progress-loading hidden">
<div class="moveCircleRight"><i class="icon-spinner"></i></div>
</div>
</div>
</div>
</div>
<div id="MyViewerDiv"></div>
</body>
<script src="<?php echo STATIC_PATH;?>js/lib/jquery-1.8.0.min.js"></script>
<script src="<?php echo STATIC_PATH;?>js/lib/jquery-lib.js"></script>
<script src="<?php echo STATIC_PATH;?>js/lib/util.js"></script>
<script type="text/javascript">
var LNG = {
"error":"<?php echo LNG('error');?>",
"success":"<?php echo LNG('success');?>",
"yzOffice.Main.transfer":"<?php echo LNG('yzOffice.Main.transfer');?>",
"yzOffice.Main.converting":"<?php echo LNG('yzOffice.Main.converting');?>",
"yzOffice.Main.uploadError":"<?php echo LNG('yzOffice.Main.uploadError');?>",
"yzOffice.Main.convert":"<?php echo LNG('yzOffice.Main.convert');?>",
"yzOffice.Main.transferAgain":"<?php echo LNG('yzOffice.Main.transferAgain');?>"
};
var path = '<?php echo $this->in["path"];?>';
var apiBase = "<?php echo $this->pluginApi;?>";//不能含有index.php
var selfHost = '<?php echo $this->pluginHost;?>';
var cacheFile= '<?php echo $config["cacheFile"];?>';
var apiUrl = {
task:apiBase+'task&path='+urlEncode(path),
getFile:apiBase+'getFile&path='+urlEncode(path)+'&file='
}
var request = function(){
$('.load-content').fadeIn(100);
$('.progress-text').removeClass('alert-danger').html(LNG['gstarCAD.Main.transfer']);
$('.progress-bar').css('width',"0%");
var repeatTimer;
var taskStatus = function(){
$.ajax({
url:apiUrl.task+"&time"+UUID(),
dataType:'json',
success:function(data){
statusUpdate(data);
}
});
}
var statusUpdate = function(data){
if(!data) return;
if(!data.code){
var error = data.data;
if(!_.isString(error)){
error = LNG.error;
}
clearInterval(repeatTimer);
$('.progress-text').addClass('alert-danger').html(error);
$('.progress-slider,.progress-loading').hide();
return;
}
if(!data.data) return;
if(data.data.success == 1){
clearInterval(repeatTimer);
var item = data.data.steps[data.data.steps.length-1];
$('.progress-text').html(LNG.success+LNG['yzOffice.Main.convert']);
loadSuccess(data);
}else{
var step = data.data.steps[data.data.currentStep];
var stepInfo = step.result;
if(!_.isObject(stepInfo)){
return;
}
$('.progress-text').removeClass('alert-danger');
$('.progress-slider,.progress-loading').removeClass('hidden');
if(step.name == 'upload'){
$('.progress-text').html(LNG['yzOffice.Main.transfer']);
if(stepInfo === false){
clearInterval(repeatTimer);
loadError(LNG['yzOffice.Main.uploadError']);
}
var sizeTotal = pathTools.fileSize(stepInfo.sizeTotal);
var sizeSuccess = pathTools.fileSize(stepInfo.sizeSuccess);
var speed = pathTools.fileSize(stepInfo.speed)+'/s';
$('.progress-slider .left').html(sizeSuccess+'/'+sizeTotal+' ('+speed+')');//12.6M/25.3M (1.2M/s)
$('.progress-slider .right').html(_.floor((stepInfo.progress*100),1)+"%");
$('.progress-bar').css('width',(stepInfo.progress*100)+"%");
}else if(step.name == 'convertProcess'){
$('.progress-slider').addClass('hidden');
$('.progress-text').html(LNG['gstarCAD.Main.conver']);
}
}
}
clearInterval(repeatTimer);
taskStatus();
repeatTimer = setInterval(taskStatus,600);
};
var loadSuccess = function(data){
window.location.reload();
}
$(window).ready(function(){
request();
});
</script>
</head>