-
Notifications
You must be signed in to change notification settings - Fork 1
/
timer.html
117 lines (117 loc) · 7.3 KB
/
timer.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Pomodoro Timer - Ant Planner</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<meta name="google-signin-client_id" content="1009069386934-dgbqi4fat9dc3rdf42p4dse1a2c55955.apps.googleusercontent.com">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">
<link rel="icon" href="Images/AntPlannerIcon.png">
<link rel="stylesheet" type="text/css" href="timer.css">
<link rel="stylesheet" type="text/css" href="friend.css">
<link rel="stylesheet" type="text/css" href="sidebar.css">
</head>
<body>
<div class="container-fluid">
<!-- 现在我只是把html相关部分从userhome复制过来，js相关部分还没有复制…… -->
<div class="friend-list" hidden="">
<div class="close-friend cursor-pointer pull-xs-right"></div>
<button type="button" class="btn btn-warning btn-block btn-sm" data-toggle="modal" data-target="#addFriends"><span class="addIcon"> Add Friends</span></button>
<form class="searchForm" autocomplete="off">
<div class="input-group input-group-sm">
<span class="input-group-addon searchIcon"></span>
<input type="search" name="friendsearch" class="form-control" placeholder="Search your friends" aria-describedby="search">
</div>
</form>
<ul class="list-group" id="friendsPart"></ul>
<ul class="list-group" id="pendingPart"></ul>
</div>
<div class="sidebar">
<div class="close-menu cursor-pointer pull-xs-right"></div><br>
<ul class="nav nav-sidebar">
<li>
<div class="btn-group">
<button type="button" class="btn btn-secondary dropdown-toggle btn-username btn-block" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span id="usernameSide"></span></button>
<div class="dropdown-menu">
<span class="dropdown-item cursor-pointer" data-toggle="modal" data-target="#changePW-modal">Change Password</span>
<span class="dropdown-item cursor-pointer" id="logOut">Log Out</span>
</div>
</div>
</li>
</ul>
<ul class="nav nav-sidebar">
<li class="primary-nav"><a href="userhome.html"><strong>My plans</a></strong></li>
<li class="active primary-nav"><a class="active-a" href="timer.html"><strong>Pomodoro Timer</strong></a></li>
</ul>
</div>
<div class="main">
<span class="menu pull-xs-left cursor-pointer"> Menu </span>
<span class="friends pull-xs-right cursor-pointer"> Friends</span><br>
<img class="center-block tomato" src="Images/tomato.png" alt="tomato">
<input type="text" name="task" id="task" placeholder="What are you going to do?" class="form-control taskInput" autofocus="" onkeydown="enter(event)" />
<h2 id="taskName" class="taskName" hidden=""></h2>
<div class="time-item">
<div class="digit" id="minute_tens" style="left: 0px"><div class="piece up" style="z-index: 0;"><div class="half half-green front">2</div><div class="half half-green back"></div></div><div class="piece bottom" style="z-index: 0;"><div class="half half-green front"></div><div class="half half-green back">2</div></div></div>
<div class="digit" id="minute_single" style="left: 80px"><div class="piece up" style="z-index: 0;"><div class="half half-green front">5</div><div class="half half-green back"></div></div><div class="piece bottom" style="z-index: 0;"><div class="half half-green front"></div><div class="half half-green back">5</div></div></div>
<div class="digit" id="second_tens" style="left: 205px"><div class="piece up" style="z-index: 0;"><div class="half half-green front">0</div><div class="half half-green back"></div></div><div class="piece bottom" style="z-index: 0;"><div class="half half-green front"></div><div class="half half-green back">0</div></div></div>
<div class="digit" id="second_single" style="left: 285px"><div class="piece up" style="z-index: 0;"><div class="half half-green front">0</div><div class="half half-green back"></div></div><div class="piece bottom" style="z-index: 0;"><div class="half half-green front"></div><div class="half half-green back">0</div></div></div>
</div>
<div class='control-area'>
<span class="ctrl-btn start-btn center-block" onclick="ctrl()"></span>
</div>
</div>
<div class="modal-block">
<div class="modal fade" id="changePW-modal" tabindex="-1" role="dialog" aria-labelledby="changePassword" aria-hidden="true" style="z-index:2010">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close reset" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button><br/>
<form id="changePW-form" autocomplete="off" method="post" action="changePW.php">
<div class="ajaxMsg"></div>
<fieldset class="form-group">
<label for="newPassword">New Password</label>
<input type="password" name="newPassword" id="newPassword" maxlength="15" class="form-control" />
</fieldset>
<fieldset class="form-group">
<label for="newPassword2">Confirm your password</label>
<input type="password" name="newPassword2" id="newPassword2" maxlength="15" class="form-control" onkeydown="confirm(event)" />
</fieldset>
<button type="button" class="btn btn-secondary reset" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" id="changePW">Save changes</button>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade" id="addFriends" tabindex="-1" role="dialog" aria-labelledby="addFriends" aria-hidden="true" style="z-index:2000">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button><br/>
<form class="searchForm" autocomplete="off">
<div class="input-group input-group-sm" style="margin-bottom: 3px">
<span class="input-group-addon searchIcon"></span>
<input type="search" id="addFriendSearch" class="form-control" placeholder="Username" aria-describedby="search">
</div>
<ul id="addFriendSearchResults"></ul>
</form>
</div>
</div>
</div>
</div>
<audio id="audio" src="alarm.mp3" loop="loop"></audio>
</div>
<script src="https://www.atlasestateagents.co.uk/javascript/tether.min.js"></script><!-- Tether for Bootstrap -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js" integrity="sha384-vZ2WRJMwsjRMW/8U7i6PWi6AlO1L79snBrmgiDpgIWJ82z8eA5lenwvxbMV1PAh7" crossorigin="anonymous"></script>
<script src="https://apis.google.com/js/platform.js?onload=onLoad" async defer></script>
<script type="text/javascript" src="utility.js"></script>
<script type="text/javascript" src="getNotification.js"></script>
<script type="text/javascript" src="timer.js"></script>
</body>
</html>