-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.php
129 lines (113 loc) · 4.37 KB
/
index.php
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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>FF2EBOOK :: Download your favorites FanFictions as eBooks.</title>
<?php include("html/header.html") ?>
</head>
<body>
<div class="container-fluid">
<?php include("html/menu.html") ?>
<!-- Progress bar -->
<div class="row">
<div class="col-xs-12 convert-progress">
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
<span class="sr-only"></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 news col-md-offset-3 col-md-6">
<ul class="news">
<li>Added support for Wattpad.com</li>
</ul>
</div>
</div>
<div id="status-area" class="row">
<div class="col-xs-12">
<span id="status-text"></span>
</div>
</div>
<!-- Input -->
<div class="row">
<div class="col-md-6 col-md-offset-3">
<form class="form-group" id="fic-input-form">
<div class="input-group">
<input type="text" id="fic-url" class="form-control" placeholder="URL" value="" />
<span class="input-group-btn">
<button id="fic-input-submit" class="btn btn-default btn-block">Go!</button>
</span>
</div>
</form>
</div>
</div>
<!-- Options -->
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="collapse-bg text-left" id="options-collapse" data-collapse-hidden="true">
<div class="collapse-header">Options:<span class="float-right">(Click to toggle)</span></div>
<div class="collapse-content">
<div class="form-group convert-options">
<!--<label for="fonttype">Font:</label>
<select class="form-control options" id="fonttype">
<option value="arial">Arial</option>
</select>-->
<div class="checkbox">
<label><input id="force-update" type="checkbox">Force update</label>
</div>
<div class="checkbox">
<label><input id="auto-dl" type="checkbox" checked="checked">Automatic Download</label>
</div>
<label for="filetype">File Type:</label>
<select class="form-control" id="filetype">
<option value="epub">ePub</option>
<option value="mobi">Mobi</option>
<option value="pdf" disabled>PDF</option>
</select>
<label for="kindle-email">eMail:</label><input type="email" id="kindle-email" class="form-control" placeholder="Send via eMail (Optional)" />
<br />Add [email protected] to your spam filter or Kindle Approved Personal Document E-mail List
</div>
</div>
</div>
</div>
</div>
<!-- Infos -->
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="collapse-bg text-left" data-collapse-hidden="true">
<div class="collapse-header">Infos:<span class="float-right">(Click to toggle)</span></div>
<div class="collapse-content">
Convert from your favorite sites<span class="text-highlight">:</span>
<ul>
<li>FanFiction<span class="text-highlight">.</span>net</li>
<li>FictionPress<span class="text-highlight">.</span>com</li>
<li>Wattpad<span class="text-highlight">.</span>com</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Output -->
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="collapse-bg text-left" data-collapse-hidden="true">
<div class="collapse-header">Output: <span id="warning-icon" class="glyphicon glyphicon-warning-sign text-warning" style="display: none"></span> <span id="critical-icon" class="glyphicon glyphicon-remove-circle text-critical" style="display: none"></span><span class="float-right">(Click to toggle)</span></div>
<div class="collapse-content" id="output"></div>
</div>
</div>
</div>
<!-- Scraper server status -->
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="collapse-bg text-left" data-collapse-hidden="true">
<div class="collapse-header">Webscraper server status: <span class="float-right">(Click to toggle)</span></div>
<div class="collapse-content" id="scraper-status"></div>
</div>
</div>
</div>
</div>
</body>
</html>