generated from COMP1800Hoda/Demo10Template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathreview.html
136 lines (117 loc) · 5.87 KB
/
review.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>My BCIT Project</title>
<meta name="comp1800 template" content="My 1800 App">
<!------------------------>
<!-- Required meta tags -->
<!------------------------>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!------------------------------------------>
<!-- Bootstrap Library CSS JS CDN go here -->
<!------------------------------------------>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
</script>
<!-------------------------------------------------------->
<!-- Firebase 8 Library related CSS, JS, JQuery go here -->
<!-------------------------------------------------------->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/ui/4.8.1/firebase-ui-auth.js"></script>
<link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/4.8.1/firebase-ui-auth.css" />
<!-------------------------------------------->
<!-- Other libraries and styles of your own -->
<!-------------------------------------------->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="./styles/style.css">
</head>
<body>
<!------------------------------>
<!-- Your HTML Layout go here -->
<!------------------------------>
<!-- our own navbar goes here -->
<nav id="navbarPlaceholder"></nav>
<!-- the body of your page goes here -->
<div class="container">
<br>
<h1>Review for <span id="HikeName"></span></h1>
<br>
<form>
<div class="form-group">
<label for="exampleFormControlInput1">Add a title</label>
<input type="text" class="form-control" id="title" placeholder="Title">
</div><br>
<div class="form-group">
<label for="exampleFormControlSelect1">What was the level of the hike?</label>
<select class="form-control" id="level">
<option>Hard</option>
<option>Moderate</option>
<option>Easy</option>
</select>
<br>
<div class="form-group">
<label for="exampleFormControlSelect1">Which season did you do the hike?</label>
<select class="form-control" id="season">
<option>Fall</option>
<option>Winter</option>
<option>Spring</option>
<option>Summer</option>
</select>
<br>
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">What did you think of the trail?</label>
<textarea class="form-control" id="description" rows="3"></textarea>
</div>
<br>
<!--Flooded-->
<label>Flooded <span style="display:inline-block; width: 26pt;"></span></label>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="flooded" value="Yes">
<label>Yes</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="flooded" value="No">
<label>No</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="flooded" value="unSure" checked="">
<label>Not sure</label>
</div>
<br>
<!--Scramble-->
<label>Scramble <span style="display:inline-block; width: 20pt;"></span></label>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="scrambled" value="Yes">
<label>Yes</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="scrambled" value="No">
<label>No</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="scrambled" value="unSure" checked="">
<label>Not sure</label>
</div>
<br>
<div class="d-flex justify-content-end">
<button type="button" class="btn btn-lg btn-primary pull-right" onclick="writeReview()">Submit</button>
</div>
</form>
</div>
<!-- our own footer goes here-->
<nav id="footerPlaceholder"></nav>
<!---------------------------------------------->
<!-- Your own JavaScript functions go here -->
<!---------------------------------------------->
<script src="./scripts/firebaseAPI_TEAM99.js"></script>
<script src="./scripts/skeleton.js"></script>
<script src="./scripts/review.js"></script>
</body>
</html>