<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Preview</title>
<link rel="stylesheet" href="resources/css/preview.css">
<link rel="stylesheet"
	href="resources/lib/fontawesome/css/font-awesome.min.css">
</head>
<body>
	<div id="toolbarContainer">
		<div id="toolbarViewerLeft">
			<button id="zoomOut" class="toolbarButton" title="缩小">
				<i class="fa fa-minus fa-lg" aria-hidden="true"></i>
			</button>
			<button id="zoomIn" class="toolbarButton" title="放大">
				<i class="fa fa-plus fa-lg" aria-hidden="true"></i>
			</button>
			<label class="select"> <select id="scaleSelect">
					<option value="auto" selected="selected">自动缩放</option>
					<option value="page_width">适合页宽</option>
					<option value="0.25">25%</option>
					<option value="0.5">50%</option>
					<option value="0.75">75%</option>
					<option value="1" title="原始宽度">100%</option>
					<option value="1.25">125%</option>
					<option value="1.5">150%</option>
					<option value="2">200%</option>
					<option value="3">300%</option>
					<option value="4">400%</option>
					<option id="hiddenOption" hidden="true"></option>
			</select>
			</label>
		</div>

		<div id="toobarViewerCenter">
			<button id="prev" class="toolbarButton" title="上页">
				<i class="fa fa-arrow-left fa-lg" aria-hidden="true"></i>
			</button>
			<span><input id="pageIndex" type="text" /> / <span
				id="pageSize">0</span></span>
			<button id="next" class="toolbarButton" title="下页">
				<i class="fa fa-arrow-right fa-lg" aria-hidden="true"></i>
			</button>
		</div>

		<div id="toolbarViewerRight">
			<button id="print" class="toolbarButton" title="打印">
				<i class="fa fa-print fa-lg" aria-hidden="true"></i>
			</button>
			<button id="downloadPdf" class="toolbarButton" title="下载PDF">
				<i class="fa fa-file-pdf-o fa-lg" aria-hidden="true"></i>
			</button>
			<button id="downloadWord" hidden="true" class="toolbarButton"
				title="下载Word">
				<i class="fa fa-file-word-o fa-lg" aria-hidden="true"></i>
			</button>
			<button id="downloadExcel" class="toolbarButton" title="下载Excel">
				<i class="fa fa-file-excel-o fa-lg" aria-hidden="true"></i>
			</button>
			<button id="downloadExcelData" class="toolbarButton"
				title="下载Excel（仅数据）">
				<i class="fa fa-file-excel-o fa-lg" aria-hidden="true"></i>
			</button>
		</div>
	</div>

	<div id="viewerContainer">
		<canvas id="theCanvas"></canvas>
	</div>
	<div id="errorMessageContainer" hidden="true">
		<p id="message"></p>
		<button id="detailedMessageButton" class="viewerContainerButton"
			title="获取更多错误信息" hidden="true">展开</button>
		<p id="detailedMessage" hidden="true"></p>
	</div>

	<iframe id="hiddenFrame" hidden="true"></iframe>
</body>

<script src="resources/lib/pdf.js/build/pdf.js"></script>
<script src="resources/lib/jquery/jquery.min.js"></script>
<script src="resources/lib/jquery/ba-tiny-pubsub.min.js"></script>
<script src="resources/js/util/utils.js"></script>
<script src="resources/js/preview/app.js"></script>
</html>
