xfarrow/blink
0
0
Fork 0
mirror of https://github.com/xfarrow/blink synced 2025-06-27 09:03:02 +02:00
Code Issues Packages Projects Releases Wiki Activity

add topnav

Browse Source
This commit is contained in:
xfarrow
2024-03-20 16:40:35 +01:00
parent 2633f1f9f3
commit de96018e7e
3 changed files with 96 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/vanilla/html/userprofile.html
View File

@ -6,10 +6,25 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page Title</title>
<link rel="stylesheet" href="../css/profile.css">
<link rel="stylesheet" href="../css/topnav.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body style="display: none;">
<div class="container">
<body>
<div class="topnav">
<a class="active" href="#home">Home</a>
<a href="#contact">Discover</a>
<a href="#contact">Your Job Applications</a>
<a href="#contact">Messages</a>
<div class="search-container">
<form action="/action_page.php">
<input type="text" placeholder="Search.." name="search">
<button type="button" onclick="onSearchButtonClick()"><i class="fa fa-search"></i></button>
</form>
</div>
</div>
<div class="container" id="container" style="display: none;">
<div class="edit-badge" style="display: none;" id="editBadge" onclick="editProfile()">Edit</div>
<header>
<img src="../content/profile-picture-example.jpg" alt="Profile Picture" class="profile-picture">
@ -82,7 +97,7 @@
const data = await response.json();
if (response.ok) {
populateFields(data.display_name, data.email, data.about_me, data.qualification);
document.body.style.display = 'block'; // Show page
document.getElementById('container').style.display = 'block'; // Show page
} else if (response.status == 401) {
window.location.href = 'login.html';
} else {
@ -101,6 +116,10 @@
function editProfile() {
alert('Editing');
}
function onSearchButtonClick(){
alert('Searching for something...');
}
</script>
</body>