-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathtrending.html
131 lines (111 loc) · 4.4 KB
/
trending.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Trending</title>
<!-- Linking to css stylesheet -->
<link rel="stylesheet" type="text/css" href="./css/layout.css" />
</head>
<body>
<!-- Nav Bar -->
<div class="nav-bar" style="text-align:left">
<a href="./index.html"><b>Oasis</b></a>
<a id='favorites' href="#">Favorites</a>
<a id="profile" style="none" href="./profile.html">Profile</a>
<!-- The Log-in Modal and button -->
<button id="loginbtn"
onclick="document.getElementById('login').style.display='block'"
class="loginbtn"><b>Log in</b></button>
<div id="login" class="modal">
<!-- The actual content of the log in -->
<div class="modal-content">
<div class="container">
<span onclick="document.getElementById('login').style.display='none'"
class="close"
title="Close Modal">×</span>
<h1>Welcome Back!</h1>
<hr>
<b>Email</b> <b style="color:red">*</b><input id="logEmail" class="input" type="text" placeholder="Enter Email" name="email" required>
<br />
<b>Password </b> <b style="color:red">*</b>
<input id="logPassword" class="input" type="password" placeholder="Enter Password" name="psw" required>
<div class="clearfix">
<button id="btnLogIn" type="submit" class="agreebtn">Login</button>
<button type="button"
onclick="document.getElementById('login').style.display='none'"
class="cancelbtn">Cancel</button>
</div>
</div>
</div>
</div>
<!-- The sign-up modal and button -->
<button id="signupbtn"
onclick="document.getElementById('signup').style.display='block'"
class="signupbtn"><b>Sign Up</b></button>
<div id="signup" class="modal">
<span onclick="document.getElementById('signup').style.display='none'"
class="close"
title="Close Modal">×</span>
<!-- The actual content -->
<div class="modal-content">
<div class="container">
<h1>Join Oasis</h1>
<h5>Let's get started!</h5>
<hr>
<b>Email</b>
<input id="signEmail" class="input" type="text" placeholder="Enter Email" name="email" required>
<br />
<b>Password</b>
<input id="signPassword" class="input" type="password" placeholder="Enter Password" name="psw" required>
<br />
<b>Repeat Password</b>
<input class="input" type="password" placeholder="Repeat Password" name="psw-repeat" required>
<div class="clearfix">
<button id="btnSignUp" type="submit" class="agreebtn">Sign Up</button>
<button type="button"
onclick="document.getElementById('signup').style.display='none'"
class="cancelbtn">Cancel</button>
</div>
</div>
</div>
</div>
<!-- The logout button -->
<button id="btnLogOut" onclick="logout() "
style="display:none"
class="logoutbtn">Log Out</button>
</div>
<!-- The div for the activities -->
<div class="activities">
<div style="padding-left: 3.5%">
<h1>Trending Locations</h1>
</div>
<script id="favorites-template" type="text/x-handlebars-template">
<div class="event">
<a href="#" id={{id}} onclick="getDetails(this.id)">
<img class="event-image" src="./images/{{image}}.jpg" />
</a>
<div class="info">
<h3><a id={{id}} href="#" onclick="getDetails(this.id)">{{name}}</a></h3>
<p>
${{price}} /hr<br />
{{location}}
</p>
<div>
<button id="{{id}}Fav" onclick="addtoFavorite(this.id)">Favorite</button>
<button id={{id}} onclick="getDetails(this.id)">More Details</button>
</div>
</div>
</div>
</script>
<div id="first-row" class="event-holder" style="padding-top:2%">
</div>
<div id="second-row" style="padding-bottom:4%">
</div>
</div>
<!-- Connecting the js files -->
<script src="https://code.jquery.com/jquery.js"></script>
<script src="js/trending.js"></script>
<script src="js/buttons.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/handlebars-v4.0.11.js"></script>
</body>