-
Notifications
You must be signed in to change notification settings - Fork 0
/
popup.html
130 lines (112 loc) · 4.91 KB
/
popup.html
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
130
<!DOCTYPE html>
<html>
<head>
<title>Tomo-chan! Checker</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-select.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Asap:400,700|Lato" rel="stylesheet">
</head>
<body>
<ul class="nav nav-tabs hidden" role="tablist">
<li class="active" data-toggle="tab">
<a id="main-tab" href="#main-screen" data-toggle="tab">Main</a>
</li>
<li data-toggle="tab">
<a id="settings-tab" href="#settings-screen" data-toggle="tab">Settings</a>
</li>
</ul>
<div class="container-fluid checker-wrapper">
<div class="tab-content">
<div id="loading-wrapper">
<div class="alert alert-danger" style="display:none" role="alert">
<strong id="ajax-err"></strong>
</div>
</div>
<div id="loading-icon"></div>
<div id="main-screen" class="tab-pane fade in active" role="tabpanel">
<div class="container-fluid">
<div class="top-bar">
<div class="pull-left">
<span class="logo">
<img src="img/icon.png" alt="tomochan-checker" class="logo">
</span>
<span class="top-title">Tomo-chan! Checker</span>
</div>
</div>
<div class="container-body">
<div class="list-group">
<a href="http://read.tomochan.today/" id="latest-link" class="list-group-item disabled">
<span class="pull-left list-icon">
<i class="fa fa-external-link fa-lg" aria-hidden="true"></i>
</span> Latest Chapter
<span class="badge badge-default" id="latest-num"></span>
<span class="pull-right">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
</span></a>
<a href="#" id="latest-reddit" class="list-group-item disabled">
<span class="pull-left list-icon">
<i class="fa fa-reddit fa-lg" aria-hidden="true"></i>
</span> Reddit Discussion
<span class="pull-right">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
</span></a>
</a>
</div>
<div class="date-wrapper">
<span class="latest-text">Latest chapter was uploaded on: </span>
<strong id="latest-date" class="latest-text">N/A</strong>
</div>
<div class="col-md-4 text-center settings-wrapper">
<button id='settings-button' class="btn btn-default btn-block" data-toggle="tab">
<i class="fa fa-cog" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
</div>
<div id="settings-screen" class="tab-pane fade" role="tabpanel">
<div class="container-fluid">
<div class="top-bar">
<div class="pull-left">
<span class="logo">
<img src="img/icon.png" alt="tomochan-checker" class="logo">
</span>
<span class="top-title">Settings</span>
</div>
</div>
<div class="container-body">
<p>Check for chapters every:</p>
<select id="refresh-select" class="selectpicker" name='selValue'>
<option value="30">30 minutes</option>
<option value="60">1 hour</option>
<option value="120">2 hours</option>
<option value="360">6 hours</option>
<option value="720">12 hours</option>
<option value="1440">1 day</option>
</select>
<div class="settings-wrapper text-center col-md-4">
<button id="refresh-button" class="btn btn-default btn-block">
Update
</button>
<span class="latest-text">
Current update rate is: <br> <strong id="refresh-time">N/A</strong>
</span>
</div>
<div class="col-md-4 text-center main-wrapper">
<button id='main-button' class="btn btn-default btn-block" data-toggle="tab">
<i class="fa fa-home" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrap-select.min.js"></script>
<script type="text/javascript" src="js/program.js"></script>
</body>
</html>