blink/frontend/vanilla/html/organization.html

74 lines
2.7 KiB
HTML
Raw Normal View History

2024-02-29 11:05:07 +01:00
<!DOCTYPE html>
<html lang="en">
2024-03-04 16:49:36 +01:00
2024-02-29 11:05:07 +01:00
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Title</title>
<link rel="stylesheet" href="../css/organization.css">
</head>
2024-03-04 16:49:36 +01:00
2024-02-29 12:20:08 +01:00
<body style="display: none;">
2024-02-29 11:05:07 +01:00
<div class="container">
2024-02-29 12:20:08 +01:00
<div class="hiring-badge" style="display: none;" id="isHiringBadge">Now Hiring</div>
2024-02-29 11:05:07 +01:00
<div class="logo-div">
<img class="logo" src="../content/blink-logo-small.jpg" alt="Company Logo">
</div>
2024-02-29 12:20:08 +01:00
<h1 id="organizationName">Blink</h1>
2024-02-29 11:05:07 +01:00
<div class="organization-details">
2024-02-29 12:20:08 +01:00
<p><b>Location: </b><label id="location">Naples, Italy</label></p>
2024-02-29 11:05:07 +01:00
<p><b>Email: </b><label id="email">contacts@blink-corporation.com</label></p>
<p><b>Hiring: </b><label id="isHiring">Yes</label></p>
</div>
<h2>About Us</h2>
<p id="description">Blink aims at creating a libre and decentralized LinkedIn alternative</p>
</div>
<script src="../js/constants.js"></script>
<script src="../js/utils.js"></script>
<script>
2024-03-04 16:49:36 +01:00
window.addEventListener("load", async function () {
2024-02-29 11:05:07 +01:00
loadOrganization();
});
2024-03-04 16:49:36 +01:00
async function loadOrganization() {
2024-02-29 11:05:07 +01:00
const idToDisplay = new URLSearchParams(window.location.search).get('id');
2024-03-04 16:49:36 +01:00
if (!idToDisplay) {
2024-02-29 12:20:08 +01:00
alert("Invalid URL.");
return;
}
const response = await fetch(`${API_URL}/organization/${idToDisplay}`, {
2024-03-04 16:49:36 +01:00
headers: {
"Content-type": "application/json; charset=UTF-8",
}
2024-02-29 12:20:08 +01:00
});
const data = await response.json();
2024-03-04 16:49:36 +01:00
if (response.ok) {
2024-02-29 12:20:08 +01:00
populateFields(data.name, data.location, data.description, data.is_hiring);
document.body.style.display = "block"; // Show page
2024-03-04 16:49:36 +01:00
} else {
2024-02-29 12:20:08 +01:00
alert(data.error);
}
}
2024-03-04 16:49:36 +01:00
function populateFields(name, location, description, isHiring) {
2024-02-29 12:20:08 +01:00
document.getElementById('organizationName').textContent = name;
2024-02-29 12:44:57 +01:00
document.title = `${name} - Blink`
2024-02-29 12:20:08 +01:00
document.getElementById('location').textContent = location;
document.getElementById('description').textContent = description;
2024-03-04 16:49:36 +01:00
if (isHiring === true) {
2024-02-29 12:20:08 +01:00
document.getElementById('isHiring').textContent = 'Yes';
document.getElementById('isHiringBadge').style.display = 'block';
2024-03-04 16:49:36 +01:00
} else if (isHiring === false) {
2024-02-29 12:20:08 +01:00
document.getElementById('isHiring').textContent = 'No';
2024-03-04 16:49:36 +01:00
} else {
2024-02-29 12:20:08 +01:00
document.getElementById('isHiring').textContent = 'Not specified';
}
2024-02-29 11:05:07 +01:00
}
</script>
</body>
2024-03-04 16:49:36 +01:00
</html>