forked from J3ranch/J3ranch.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
profile.html
132 lines (117 loc) · 5.62 KB
/
profile.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://use.fontawesome.com/releases/v5.0.11/css/all.css" rel="stylesheet" />
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" />
<title>Your Profile</title>
<link href="./profile.css" rel="stylesheet" />
<link href="./style.css" rel="stylesheet" />
<link href="./Xiaojian%20Chen/Button.css" rel="stylesheet" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Economica|Open Sans">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" />
</head>
<body>
<script src="https://www.gstatic.com/firebasejs/5.5.9/firebase.js"></script>
<script src="./Xiaojian%20Chen/Initialize_Firebase.js"></script> <!--Initialize FireBase-->
<script src="./Xiaojian%20Chen/Profile_Creation.js"></script>
<div class="header">
<div class="custom_header">
<div class="avatar">
<img src="https://www.w3schools.com/howto/img_avatar.png">
</div>
<div class="title">YOUR PROFILE</div>
</div>
<button class="back_button green-button" onclick="goback()">GO BACK</button>
</div>
<div id = "main_container">
<div id="err_container">
<div class="error-message-container" id="error-message-container">
<span class="error-message" id="error-message">Error message</span>
</div>
</div>
<div id = "profile_container">
<div class="profile_textarea_field">
<span class="lebal"><i class='fas fa-angle-right'></i> First Name: </span>
<input class="profile_textarea" type="text" id="create_firstName" placeholder="FIRST NAME">
</div>
<div class="profile_textarea_field">
<span class="lebal"><i class='fas fa-angle-right'></i> Last Name: </span>
<input class="profile_textarea" type="text" id="create_lastName" placeholder="LAST NAME">
</div>
<div class="profile_textarea_field">
<span class="lebal"><i class='fas fa-angle-right'></i> Major: </span>
<select class="profile_select" type="text" id="create_major" placeholder=" MAJOR">
<option value="" disabled selected hidden>Select a major...</option>
<option value="Computer Science">Computer Science</option>
<option value="Electrical Engineering">Electrical Engineering</option>
<option value="Civil Engineering">Civil Engineering</option>
</select>
</div>
<div class="profile_textarea_field">
<span class="lebal"><i class='fas fa-angle-right'></i> Graduation Year: </span>
<input class="profile_textarea" type="text" id="create_graduationYear" placeholder="GRADUATION YEAR" >
</div>
<div class="profile_textarea_field">
<span class="lebal"><i class='fas fa-angle-right'></i> GPA: </span>
<input class="profile_textarea" type="text" id="create_gpa" placeholder="GPA" >
</div>
<div class="profile_select_field">
<span class="lebal"><i class='fas fa-angle-right'></i> School: </span>
<select class = "profile_select" id="school_select">
<option value = "" disabled selected hidden>School</option>
<option value = "UCLA">UCLA</option>
<option value = "UCSD">UCSD</option>
<option value = "UCB">UCB</option>
<option value = "Other">Other</option>
</select>
</div>
<div class="profile_select_field">
<span class="lebal"><i class='fas fa-angle-right'></i> Degree: </span>
<select class = "profile_select" id="degree_select">
<option value = "Degree" disabled selected hidden>Degree</option>
<option value = "0">Bachelor's Degree</option>
<option value = "1">Master's Degree</option>
<option value = "2">Ph.D</option>
<option value = "99">Other</option>
</select>
</div>
<div class="profile_select_field">
<span class="lebal"><i class='fas fa-angle-right'></i> Year: </span>
<select class = "profile_select" id="year_select">
<option value = "0">Freshman</option>
<option value = "1">Sophomore</option>
<option value = "2">Junior</option>
<option value = "3">Senior</option>
<option value = "99">Other</option>
</select>
</div>
<div class="profile_select_field">
<span class="lebal"><i class='fas fa-angle-right'></i> Ethnicity: </span>
<select class = "profile_select" id="ethnicity_select">
<option value = "White">White</option>
<option value = "Hispanic Latino">Hispanic or Latino</option>
<option value = "Black African American"> African American</option>
<option value = "Native American">Native American</option>
<option value = "Asian">Asian </option>
<option value = "Any">Other </option>
</select>
</div>
<div class="profile_select_field">
<span class="lebal"><i class='fas fa-angle-right'></i> US Citizenship: </span>
<select class = "profile_select" id="us_citizenship_select">
<option value = "true">Yes</option>
<option value = "false">No</option>
</select>
</div>
</div>
</div>
<div id="button-container">
<button class="pf_btn white-button"onclick="render_profile()" style="display:block; margin:10px">CANCEL CHANGES</button>
<button class="pf_btn green-button" onclick="submit()" style="display:block; margin:10px">CONFIRM CHANGES</button>
</div>
<script src="./profile.js"></script>
</body>
</html>