-
Notifications
You must be signed in to change notification settings - Fork 0
/
user.html
executable file
·123 lines (120 loc) · 3.88 KB
/
user.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
<!doctype HTML>
<html>
<head>
<meta charset="utf-8">
<title>Public Books</title>
<!--Get mootools-->
<script src="js/mootools-core.js" type="text/javascript"></script>
<script src="js/mootools-more.js" type="text/javascript"></script>
<script src="js/cookie.js"></script>
<script src="js/main.js"></script>
<link href="css/index.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
window.addEvent('domready', function() {
errorShow();
editHide();
loginHide();
showUser();
displayFriends();
});
</script>
</head>
<body>
<div>
<div id="outerContainer">
<div class="toolbar">
<div id="toolbarLeft">
<button id="library" onclick="gotoLibrary()">Library</button>
</div>
<div id="toolbarCenter">
User Information
</div>
<div id="toolbarRight">
<div id="login" title="Login">
<button id="loginButton" onclick="loginShow()"> Login</button>
</div>
<div id="logout" title="logout">
<img id="thumbnail" width="30px" onclick="actionShow()">
<div id="action">
<p id="account" onclick="gotoAccount()">Account</p>
<p onclick="userLogout()">Logout</p>
</div>
</div>
</div>
</div>
<div id="viewerContainer">
<div id="loginWrapper">
<a style="float:right;" onclick="loginHide()">Close</a>
<br>
<fieldset>
<legend>Login</legend>
<div style="float:right;">
<input type="text" name="email" placeholder="Email" id="email">
<input type="password" name="password" placeholder="Password" id="password">
<button id="confirmLogin" onclick="standardLogin()">Login</button>
<button id="facebook" onclick="fbLogin()"></button>
</div>
<br>
<div style="float:right;font-size:40%">
<input type="checkbox" name="remember" id="remember">Remember me
<a href="forgot.html">Forgot Password</a> or
<a href="register.html">Register</a>
</div>
</fieldset>
</div>
<div id="errorWrapper">
<a style="float:right;" onclick="errorHide()">Close</a>
<br>
<fieldset>
<legend>Error</legend>
<div id="errormsg"> </div>
</fieldset>
</div>
<div id="editWrapper">
<a style="float:right;" onclick="editHide()">Close</a>
<fieldset>
<legend>Edit</legend>
<div id="editField"> </div>
</fieldset>
</div>
<div id="inforWrapper">
<fieldset style='background-color:white'>
<legend id="mythumbnail"></legend>
<center>
<table>
<tr>
<td>Name:</td>
<td id="uname"></td>
</tr>
<tr>
<td>Gender:</td>
<td id="gender"></td>
</tr>
<tr>
<td>City:</td>
<td id="city"></td>
</tr>
<tr>
<td></td>
<td>
<button onclick="addFriend();">Add as Friends</button></td>
</tr>
</table>
</center>
</fieldset>
<div id="friends">
<div id="follower">
Followed By<br>
</div>
<div id="following">
Following<br>
</div>
</div>
</div>
</div>
<div>
</div>
</div>
</div>
</body>
</html>