-
Notifications
You must be signed in to change notification settings - Fork 0
/
group_event.html
133 lines (87 loc) · 3.81 KB
/
group_event.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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.6/handlebars.min.js"></script>
<script type="text/javascript" src="vendor/swag/lib/swag.js"></script>
<script type="text/javascript" src="js/data.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="css/user.css" rel="stylesheet">
<script>
$(document).ready(function(){
var template = Handlebars.compile($("#groups-event-template").html());
$("#content").append(template(data.groups[0]));
});
function initMap() {
var myLatLng = {lat: data.groups[0].events[0].location.latitude, lng: data.groups[0].events[0].location.longitude};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 14,
center: myLatLng
});
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: data.group.events[0].location.venue
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjDTJc7RFsQQAf7D3z_FhJ51HjdiR77y0&callback=initMap">
</script>
<script type="text/javascript" src="js/public.js"></script>
</head>
<body>
<div class="container">
<a href="./"><h2> <img src="img/logo.png" height="50">Affinity</h2></a>
<hr>
<div id="content"></div>
<div class="col-md-6">
<div id="map"></div>
</div>
<script id="groups-event-template" type="text/x-handlebars-template">
<h1>{{name}}</h1>
{{#with events.[0]}}
<div class="row">
<div class="col-md-8 ">
<h2>{{name}}</h2>
<h3> {{date}} {{start_time}}</h3>
<p>{{description}}</p>
{{location.venue}}<br>
{{location.address}}<br>
{{location.city}} {{location.state}}<br>
{{location.directions}}<br>
<br><br>
</div>
<div class="col-md-4 ">
<div class="well">
<h4><i class="fa fa-bullhorn"></i> RSVP</h4>
<div class="form-group">
<input type="email" class="form-control" id="group_signup_form-email" value="" placeholder="Email">
</div>
<div class="form-group group_signup_form-name-container">
<input type="text" class="form-control" id="group_signup_form-name" value="" placeholder="First Name">
</div>
<div class="form-group group_signup_form-name-container">
<input type="text" class="form-control" id="group_signup_form-name" value="" placeholder="Last Name">
</div>
<div class="form-group group_signup_form-phone-container">
<input type="phone" class="form-control" id="group_signup_form-phone" value="" placeholder="Phone">
</div>
<div class="checkbox ">
<label>
<input type="checkbox" id="group_signup_form-volunteer"> I want to volunteer at the event
</label>
</div>
<div class="form-group group_signup_form-note-container">
<textarea class="form-control" id="" value="" placeholder="I can help by..."></textarea>
</div>
<button class="g-button btn btn-success">RSVP</button>
</div>
</div>
{{/with}}
</script>
</div>
</body>
</html>