-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathaccount.html
131 lines (123 loc) · 5.62 KB
/
account.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>
<head>
<title>SwampHacks - Account</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="favicon.png">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="css/create-account.css">
<link rel="stylesheet" type="text/css" href="css/resume.css">
<link rel="stylesheet" type="text/css" href="css/account.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
</head>
<body>
<div class="container">
<section id="image-header">
<a href="http://swamphacks.com">
<img class="back" src="img/back-arrow.png" class="logo" />
<img class="logo" src="img/logo.png" class="logo" />
</a>
</section>
<section id="thankyou-header">
<h3>Welcome to your SwampHacks 2017 account, <span id="logged-name"></span>!</h3>
<p>
Here you can modify your current application information and cancel your confirmation.
As always, if you need more information or have additional questions, contact us at <a href="mailto:[email protected]">[email protected]</a>
</p>
<div class="row" style="margin-top: 50px;">
<div class="col-md-4">
<a class="btn btn-default" id="mlh" href="https://my.mlh.io/edit" target="_blank">UPDATE INFO</a>
</div>
<div class="col-md-4">
<a class="btn btn-default" id="update">UNREGISTER?</a>
</div>
<div class="col-md-4">
<a class="btn btn-default" id="mentors" href="https://mentors.swamphacks.com" target="_blank">MENTORS</a>
</div>
<!--<div class="col-md-4">
<a class="btn btn-default" id="reimburse">TRAVEL</a>
</div>-->
</div>
</section>
<section class="cancel" style="display: none;">
<p style="font-size: 36px; font-weight: bold;">Cancellation</p>
<p>Sorry that you have to cancel your attendance. For verification purposes, make sure to enter your email address below to confirm cancellation. Please note that once you cancel your attendance, this <span class="asterisk">cannot</span> be undone.</p>
<form id="form">
<div class="row">
<input type="email" class="form-control" placeholder="[email protected]" aria-describedby="basic-addon1" id="cancel-email" required>
</div>
<div id="submit" style="text-align: center;">
<a class="btn btn-default" id="cancel-attendance">SUBMIT</a>
<span class="error"></span>
</div>
</form>
</section>
<!--<section class="travel" style="display: none;">
<p style="font-size: 36px; font-weight: bold;">Travel</p>
<p>Use the form below to apply for a travel reimbursement.</p>
<form id="form">
<div class="row">
<label for="location">Where are you traveling from? <span class="asterisk">*</span></label>
<input type="text" class="form-control" placeholder="City, State" aria-describedby="basic-addon1" id="location" required>
</div>
<div class="row">
<label for="method">How will you be getting here? <span class="asterisk">*</span></label>
<input type="text" class="form-control" placeholder="Plane, train, jetpack, etc." aria-describedby="basic-addon1" id="method" required>
</div>
<div class="row">
<label for="cost">Please enter the estimated amount of your required reimbursement (in USD). <span class="asterisk">*</span></label>
<input type="text" class="form-control" placeholder="$555.55" aria-describedby="basic-addon1" id="cost" required>
</div>
<div class="row">
<label for="file" id="travel-file">Upload a receipt or confirmation of purchase for your method of transportation (PDF's only). <span class="asterisk">*</span></label>
<input type="file" id="resume" class="inputfile" required>
<label for="resume" class="browse">
<span style="display: inline-flex; align-items: center;">No file chosen</span> <strong style="display: inline-flex; align-items: center;"> Choose a file...</strong></label>
<p id="valid-file" style="color: white;"></p>
</div>
<div id="submit" style="text-align: center;">
<a class="btn btn-default" id="submit-travel">SUBMIT</a>
<span class="travel-error" style="color: white;"></span>
</div>
</form>
</section>-->
</div>
<!-- scriptz -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://www.gstatic.com/firebasejs/3.5.3/firebase.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.3/toastr.min.js"></script>
<script src="js/keys.js"></script>
<script src="js/account.js"></script>
<script type="text/javascript">
var inputs = document.querySelectorAll( '.inputfile' );
Array.prototype.forEach.call( inputs, function( input )
{
var label = input.nextElementSibling,
labelVal = label.innerHTML;
input.addEventListener( 'change', function( e )
{
var fileName = '';
if( this.files && this.files.length > 1 )
fileName = ( this.getAttribute( 'data-multiple-caption' ) || '' ).replace( '{count}', this.files.length );
else
fileName = e.target.value.split( '\\' ).pop();
console.log(fileName);
if (fileName.split('.').pop() != 'pdf') {
$('#valid-file').text(" Did you upload a PDF? ").show().fadeOut( 3000 );
}
if( fileName ) {
label.querySelector( 'span' ).innerHTML = fileName;
var resumeSpan = label.querySelector("span");
var resumeStrong = label.querySelector("strong");
resumeSpan.classList.add("inputAdded");
resumeSpan.classList.add("inputAddedText");
resumeStrong.classList.add("inputAdded");
}
else
label.innerHTML = labelVal;
});
});
</script>
</body>
</html>