forked from AyatsujiTsukasa/Ant-Planner
-
Notifications
You must be signed in to change notification settings - Fork 0
/
userhome.html
159 lines (159 loc) · 8.03 KB
/
userhome.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!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>Ant Planner</title>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="datetimepicker/jquery.datetimepicker.full.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="stylesheet" type="text/css" href="planStyle.css">
<link rel="stylesheet" type="text/css" href="datetimepicker/jquery.datetimepicker.css"/ >
<link rel="stylesheet" type="text/css" href="userhome.css">
<link rel="stylesheet" type="text/css" href="friend.css">
<link rel="icon" href="Images/AntPlannerIcon.png">
</head>
<body>
<div class="container-fluid">
<div class="friend-list">
<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 id="friendsearch" type="search" name="friendsearch" class="form-control" placeholder="Search your friends" aria-describedby="search">
</div>
</form>
<ul class="list-group" id="pendingPart"></ul>
<ul class="list-group" id="friendsPart"></ul>
</div>
<div class="sidebar">
<div class="close-menu hidden-sm-up 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 active"><a class="active-a" href="userhome.html"><strong>My plans</strong></a></li>
</ul>
<ul class="nav nav-sidebar">
<li onclick="addPlan()"><span class="add cursor-pointer"> Add a plan</span></li>
<li onclick="sync('All')"><span class="sync cursor-pointer"> Syncronize</span></li>
</ul>
<ul class="nav nav-sidebar" id="timeFilter" value="All future plans">
<li class="cursor-pointer timeTag active">All future plans</li>
<li class="cursor-pointer timeTag">Today</li>
<li class="cursor-pointer timeTag">Tomorrow</li>
<li class="cursor-pointer timeTag">Next 7 days</li>
<li class="cursor-pointer timeTag">Archive</li>
</ul>
<ul class="nav nav-sidebar">
<li class="primary-nav"><a href="timer.html"><strong>Pomodoro Timer</strong></a></li>
</ul>
</div>
<div class="main">
<span class="menu hidden-sm-up pull-xs-left cursor-pointer"> Menu </span>
<span class="friends hidden-md-up pull-xs-right cursor-pointer"> Friends</span><br>
<h3 class="extra-padding" id="welcomeMsg"></h3>
<div class="extra-padding">
<div class="btn btn-danger btnAddPlan">Add a plan</div>
<div class="btn btn-danger btnUnfoldAll">Unfold all</div>
<div class="btn btn-danger btnFoldAll">Fold all</div>
<div class="pull-lg-right" id="tagFilter" value="All">
<div class="btn btn-danger btnTag btnAll">All</div>
<div class="btn btn-danger btnTag btnWork">Work</div>
<div class="btn btn-danger btnTag btnStudy">Study</div>
<div class="btn btn-danger btnTag btnFamily">Family</div>
<div class="btn btn-danger btnTag btnPersonal">Personal</div>
</div>
</div>
<div class="extra-padding">
<ul class="plans list-group list-group-flush"></ul>
</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>
<div class="modal fade" id="syncLoading" tabindex="-1" role="dialog" aria-labelledby="syncLoading" aria-hidden="true" style="z-index:2020">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<div class="modal-body">
<h4>Synchronizing...</h4>
</div>
</div>
</div>
</div>
<div class="modal fade" id="sendPlan" tabindex="-1" role="dialog" aria-labelledby="sendPlan" aria-hidden="true" style="z-index:2040">
<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/>
<div class='planShareContainer list-group' style="padding-top: 20px">
</div>
</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="userhome.js"></script>
<script type="text/javascript" src="plan.js"></script>
</body>
</html>