-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathheadercontent.php
139 lines (119 loc) · 6.78 KB
/
headercontent.php
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
137
138
<!-- SITE CONTAINER AND LOGO -->
<div class="header_navigation">
<a href="index.php"><img src="img/logo2.0_locodoco_final-05.png" class="logo" alt="logo"></a>
<!--SEARCH BAR IN HEADER -->
<div class="search_holder">
<form action="search.php" method="post">
<input type='hidden' name='function' value='search_project'>
<input type='text' name='search' placeholder='Search...' class='search'>
<input id="search_button" type="submit" name="Search" value="">
</form>
</div>
<!-- LOGGED IN CONTENT DISPLAY -->
<?php if (isset($_SESSION['email'])) { ?>
<div class="dropdown">
<button onclick="myFunction()" class="dropbtn"><div class="hide"><?php echo $_SESSION['first_name']; ?></div></button>
<div id="myDropdown" class="dropdown-content">
<a href="profile.php" class="btn">Profile</a>
<a href="logout.php" class="btn">logout</a>
</div>
</div>
<?php } else echo''; ?>
<!-- BEGIN LOGIN FORM - VISIBLE IN HEADER -->
<?php if (!isset($_SESSION['email'])) { ?>
<div class="container">
<a id="modal_trigger" href="#modal" class="btn">Login</a>
<div id="modal" class="popupContainer" style="display:none;">
<header class="popupHeader">
<span class="header_title">Login</span>
<span class="modal_close"><i class="fa fa-times"></i></span>
</header>
<!-- Username & Password Login form -->
<section class="popupBody">
<div class="user_login">
<form id="login_form" method="post" action="">
<label>SAE email Address</label><div id="error"></div>
<input id="email_var" type="text" name='email' placeholder="email" maxlength="50"/><BR>
<label>Password</label>
<input id="password_var" type='password' name='password_hash' maxlength="50" placeholder="password"/><BR>
<div class="action_btns float">
<a href="#" class="btn back_btn2"><i class="fa fa-angle-double-left"></i> sign up</a>
<input id="login_var" class="parallelogram" type='submit' name='Submit' value='login' />
</div>
</form>
<a href="#" class="forgot_password">Forgot password?</a>
</div>
<!--FORGOT PASSWORD BOX -->
<div class="reset_email"><div id="success"></div>
<form method="post" action="reset.php">
<input id='email_reset' type='text' name='email' maxlength="50" placeholder="your SAE email" />
<a href="#" class="btn loginform"><i class="fa fa-angle-double-left"></i> Back</a>
<input id="reset_password" type='submit' name='Submit' value='Submit' />
</form>
</div>
<!-- BEGIN REGISTER FORM -->
<div class="user_register">
<div id="success2"></div>
<form id="register_user" name="registerForm" method="post" class="toggle-disabled" action="#">
<input id="reg_first_name" name='first name' type='text' data-validation="length required" data-validation-length="min2" data-validation-error-msg="Please enter your first name" placeholder="first Name" maxlength="50" /><br/>
<input id="reg_last_name" name='last name' type='text' data-validation="length required" data-validation-length="min2" placeholder="Last Name" data-validation-error-msg="Please enter your last name" maxlength="50" /><br/>
<input id="reg_email" name="email address" type="text" data-validation="email" placeholder="email address" data-validation-error-msg="Please enter your SAE email address" maxlength="50" /><br/>
<input id="reg_password" name="pass confirmation" type="password" data-validation="length" data-validation-length="min8" data-validation-error-msg="Please enter a password using at least eight alphanumeric characters long"placeholder="password" maxlength="50" /><br/>
<select name="campus_id"class="styled_select" data-validation="required" id="campus_id">
<option value="">Select Campus</option>
<option value="1" name="1">Brisbane</option>
<option value="2" name="2">Byron Bay</option>
<option value="3" name="3">Sydney</option>
<option value="4" name="4">Adelaide</option>
<option value="5" name="5">Melbourne</option>
<option value="6" name="6">Perth</option>
<option value="7" name="7">Online</option>
</select><BR><BR>
<div class="float">
<a href="#" class="btn loginform"><i class="fa fa-angle-double-left"></i> Back</a>
<input id="SubmitButton" class="popup_button big toggle-disabled" type='submit' name='Submit' value='Register' />
</div>
</form><BR>
</div>
</section>
</div>
</div>
<?php }; ?>
</div>
<div class="site_container">
<div class="site_content">
<script>
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
// Close the dropdown menu if the user clicks outside of it
window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}</script>
<script>
$body = $("body");
$(document).on({
ajaxStart: function() { $body.addClass("loading"); },
ajaxStop: function() { $body.removeClass("loading"); }
});
// PRE FILL EMAIL FORMS FROM LOGIN PAGE //
$('#email_var').keyup(function () {
$('#reg_email').val(this.value);
});
$('#password_var').keyup(function () {
$('#reg_password').val(this.value);
});
$('#email_var').keyup(function () {
$('#email_reset').val(this.value);
});
</script>
<div class="popper"><img src="img/logo2.0_locodoco_final-05.png" class="logo_loading" alt="logo"><!-- Place at bottom of page --></div>