-
Notifications
You must be signed in to change notification settings - Fork 32
/
newEvent.html
122 lines (108 loc) · 4.32 KB
/
newEvent.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="./css/styles.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<script id="event-template" type="text/x-handlebars-template">
<div class="col-sm-12">
<div class="panel panel-secondary">
<div class="panel-heading">
<h4>{{Location}}</h4>
<p>{{Member}}</p>
</div>
<div class="panel-body">
<ul class="list-group">
<li class="list-group-item"><span class="profile-summary-key">Party: </span><span class="profile-summary-value">{{Party}}</span></li>
<li class="list-group-item"><span class="profile-summary-key">Meeting Type:</span> <span class="profile-summary-value">{{meetingType}}</span></li>
<li class="list-group-item"><span class="profile-summary-key">Date: </span><span class="profile-summary-value">{{Date}}</span></li>
<li class="list-group-item"><span class="profile-summary-key">Time: </span><span class="profile-summary-value">{{Time}}</span></li>
<li class="list-group-item"><span class="profile-summary-key">Address:</span> <span class="profile-summary-value">{{address}}</span></li>
</ul>
</div>
</div>
</div>
</div>
</script>
<script id="view-firebase-template" type="text/x-handlebars-template">
<tr class="event-row">
<td id="Member" contenteditable>{{Member}}
</td>
<td id="Party" contenteditable>{{Party}}
</td>
<td id="State" contenteditable>{{State}}
</td>
<td id="District" contenteditable>{{District}}
</td>
<td id="meetingType" contenteditable>{{meetingType}}
</td>
<td id="Date" contenteditable>{{Date}}
</td>
<td id="Time" contenteditable>{{Time}}
</td>
<td id="Location" contenteditable>{{Location}}
</td>
<td id="streetNumber" contenteditable>{{streetNumber}}
</td>
<td id="streetName" contenteditable>{{streetName}}
</td>
<td id="City" contenteditable>{{City}}
</td>
<td id="Zip" contenteditable>{{Zip}}
</td>
<td id="Notes" contenteditable>{{Notes}}
</td>
</tr>
</script>
<body>
<main>
<section class="forms">
<h1>Add new event</h1>
<form id="save-event" class="" action="#">
<div class="form-group">
<label class="col-md-6" for="name">Event Name</label>
<input type="text" name="name" value="" id="name">
</div>
<div class="form-group">
<label class="col-md-6" for="address">Address</label>
<input type="text" name="address" value="" id="address">
</div>
<div class="form-group">
<label class="col-md-6" for="date">Date</label>
<input type="date" name="address" value="" id="date">
</div>
<div class="form-group">
<label class="col-md-6" for="time">Start Time (use local time)</label>
<input type="time" name="time" value="" id="time">
</div>
<div class="form-group">
<label class="col-md-6" for="link">Link</label>
<input type="text" name="link" value="" id="link">
</div>
<button type="submit" name="button" class="btn btn-primary">Save</button>
</form>
</section>
<section>
<a href="#" class="btn btn-primary" id="view-all">View all</a>
<table class="table" >
<tbody id="all-events" class="table-striped">
</tbody>
</table>
</section>
<div id="map"></div>
</main>
<footer>
</footer>
<!-- Vendor Files -->
<script src="/vendor/scripts/jquery-2.1.4.js"></script>
<script src="/vendor/scripts/bootstrap.min.js"></script>
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
<script src="/node_modules/handlebars/dist/handlebars.js"></script>
<script src="/scripts/event.js"></script>
<script src="/scripts/eventEntry.js"></script>
<script src="/scripts/mapUsers.js"></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD_1gaWM06y2_P1kbH4jTMi3zy6vJUYp1E&callback=initMap&libraries=visualization,geometry"></script>
</body>
</html>