WebReader/reader.html at master · sintrb/WebReader · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html xmlns:ng="http://angularjs.org">
<head>
	<meta charset="utf-8">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>WebReader</title>

	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/underscore.js"></script>
	<script type="text/javascript" src="js/angular.js"></script>

	<script type="text/javascript" src="js/service.js"></script>
	<script type="text/javascript" src="js/reader.js"></script>

	<link rel="stylesheet" type="text/css" href="css/style.css">

	<meta name="viewport" content="minimal-ui user-scalable=no, width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="renderer" content="webkit"></head>

<body ng-app="reader" class="ng-app:reader">
	<div ng-controller="ReaderController">
		<!-- <div>-{{curpage.offh}}</div>
	-->
	<div id="screen" ng-style="{height:style.screenheight+'px',width:style.screenwidth+'px'}">
		<div class="page curr-page" ng-style="{height:style.pageheight+'px',width:style.pagewidth+'px'}">
			<div class="hd">
				<h3>{{(!showlist && part.title) || book.title || 'WebReader'}}</h3>
			</div>
			<div ng-if="!listbooks" class="bd" ng-style="{width:style.bdwidth+'px', height:style.bdheight+'px', margin:style.contmarginy+'px '+style.contmarginx+'px', 'font-size':style.fontsize+'px'}">
				<div ng-if="!(showlist || !part)" class="content" ng-style="{height:style.contheight+'px', width:style.contwidth+'px', 'margin-top':'-'+curpage.offh+'px'}">
					<div ng-repeat="c in curpage.contents" ng-style="{width:style.contwidth+'px', height:c._size.h+'px', 'text-align':c.format.align}" ng-data-id="{{c.id}}">
						<p ng-if="c.type=='text'" class="paragraph" ng-class="{'bold':c.format.bold}" ng-style="pTextStyle(c)">{{c.text}}</p>
						<img ng-if="c.type=='image'" ng-src="{{c.src}}" ng-style="{width:c._size.w+'px', height:c._size.h+'px'}"/>
					</div>
				</div>
 				<div class="touchpage-mask" ng-if="(!showlist && part) || operating" class="content" ng-style="{height:style.contheight+'px', width:style.contwidth+'px', position: 'absolute', top:0}" >

					<div class="touchpage" ng-if="!operating" ng-style="{height:style.contheight+'px', width:(style.contwidth*0.3)+'px', float:'left'}" ng-click="prePage()"></div>
					<div class="touchpage" ng-if="!operating" ng-style="{height:style.contheight+'px', width:(style.contwidth*0.7)+'px', float:'right'}" ng-click="nxtPage()"></div>

					<div ng-if="operating" class="operating-tip" ng-style="{height:style.contheight*0.2+'px', 'line-height':style.contheight*0.2+'px', width:style.contwidth*0.6+'px', 'margin-left':style.contwidth*0.2+'px', 'margin-top':style.contheight*0.3+'px', 'border-radius': '10px', 'text-align':'center', 'vertical-align':'middle'}">{{(operating!=true && operating) || 'Please Waitting...'}}</div>
				</div>

				<div ng-if="showlist || !part" class="content list-content" ng-style="{height:style.contheight+'px', width:style.contwidth+'px'}">
					<ul style="list-style-type: decimal;text-align: left;">
						<li ng-repeat="p in book.parts track by $index" ng-if="p.level==0" ng-click="loadPart(p.id)" ng-style="{'font-weight':p.id==part.id?'bold':'normal'}">{{p.title}}</li>
					</ul>
				</div>
			</div>
			<div ng-if="listbooks" class="bd listbooks" ng-style="{width:style.bdwidth+'px', height:style.bdheight+'px', margin:style.contmarginy+'px '+style.contmarginx+'px', 'font-size':style.fontsize+'px', 'overflow-y':'scroll'}">
				<div ng-repeat="b in books track by $index" class="bookitme" ng-style="{margin:style.bookmargin+'px', height:style.bookhegiht+'px', width:style.bookmwidth+'px', displat:'inner-block', float:'left'}" ng-click="loadBook(b.id)">
					<img ng-src="{{b.cover}}" ng-style="{height:style.bookhegiht+'px', width:style.bookmwidth+'px'}" />
				</div>
			</div>

			<div class="ft">

				<dic style="float:left; padding:0 10px;">
					<span ng-click="showlist=!showlist">=</span>
				</dic>
				<div ng-if="!(showlist || !part)" style="display: inline-block;">
					<span ng-click="prePage()">&lt;&lt;</span>
					{{page_no+1}}/{{page_count}}
					<span ng-click="nxtPage()">&gt;&gt;</span>
				</div>
				<dic style="float:right;">
					<span ng-click="fontSmaller()">-A</span>
					{{fontsize}}
					<span ng-click="fontBiger()">A+</span>
				</dic>
				<span style="clear:both"></span>
			</div>
		</div>
	</div>
</div>
</body>
</html>