blink/frontend/vanilla/html/organization.html

<!DOCTYPE html>
<html lang="en">

<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>

<body style="display: none;">
    <div class="container">
        <div class="hiring-badge" style="display: none;" id="isHiringBadge">Now Hiring</div>
        <div class="logo-div">
            <img class="logo" src="../content/blink-logo-small.jpg" alt="Company Logo">
        </div>
        <h1 id="organizationName">Blink</h1>
        <div class="organization-details">
            <p><b>Location: </b><label id="location">Naples, Italy</label></p>
            <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>
        window.addEventListener("load", async function () {
            loadOrganization();
        });

        async function loadOrganization() {
            const idOrganization = new URLSearchParams(window.location.search).get('id');
            if (!idOrganization) {
                alert("Invalid URL.");
                return;
            }
            const response = await fetch(`${API_URL}/organizations/${idOrganization}`, {
                headers: createHeaders(null)
            });
            const data = await response.json();
            if (response.ok) {
                populateFields(data.name, data.location, data.description, await isOrganizationHiring(idOrganization));
                document.body.style.display = "block"; // Show page
            } else {
                alert(data.error);
            }
        }

        function populateFields(name, location, description, isHiring) {
            document.getElementById('organizationName').textContent = name;
            document.title = `${name} - Blink`
            document.getElementById('location').textContent = location;
            document.getElementById('description').textContent = description;
            if (isHiring === true) {
                document.getElementById('isHiring').textContent = 'Yes';
                document.getElementById('isHiringBadge').style.display = 'block';
            } else {
                document.getElementById('isHiring').textContent = 'No';
            }

        }

        async function isOrganizationHiring(organizationId) {
            const response = await fetch(`${API_URL}/organizations/${organizationId}/joboffers`, {
                headers: createHeaders(null)
            });
            const data = await response.json();
            return data.length > 0;
        }
    </script>

</body>

</html>
initial state organization.html 2024-02-29 11:05:07 +01:00			`<!DOCTYPE html>`
			`<html lang="en">`
beautified 2024-03-04 16:49:36 +01:00
initial state organization.html 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>`
beautified 2024-03-04 16:49:36 +01:00
Show organization 2024-02-29 12:20:08 +01:00			`<body style="display: none;">`
initial state organization.html 2024-02-29 11:05:07 +01:00			`<div class="container">`
Show organization 2024-02-29 12:20:08 +01:00			`<div class="hiring-badge" style="display: none;" id="isHiringBadge">Now Hiring</div>`
initial state organization.html 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>`
Show organization 2024-02-29 12:20:08 +01:00			`<h1 id="organizationName">Blink</h1>`
initial state organization.html 2024-02-29 11:05:07 +01:00			`<div class="organization-details">`
Show organization 2024-02-29 12:20:08 +01:00			`<p><b>Location: </b><label id="location">Naples, Italy</label></p>`
initial state organization.html 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>`
beautified 2024-03-04 16:49:36 +01:00			`window.addEventListener("load", async function () {`
initial state organization.html 2024-02-29 11:05:07 +01:00			`loadOrganization();`
			`});`

beautified 2024-03-04 16:49:36 +01:00			`async function loadOrganization() {`
Update organization.html 2024-03-20 10:35:31 +01:00			`const idOrganization = new URLSearchParams(window.location.search).get('id');`
			`if (!idOrganization) {`
Show organization 2024-02-29 12:20:08 +01:00			`alert("Invalid URL.");`
			`return;`
			`}`
Update organization.html 2024-03-20 10:35:31 +01:00			const response = await fetch(`${API_URL}/organizations/${idOrganization}`, {
update HTML for Bearer token update 2024-03-21 17:34:16 +01:00			`headers: createHeaders(null)`
Show organization 2024-02-29 12:20:08 +01:00			`});`
			`const data = await response.json();`
beautified 2024-03-04 16:49:36 +01:00			`if (response.ok) {`
Update organization.html 2024-03-20 10:35:31 +01:00			`populateFields(data.name, data.location, data.description, await isOrganizationHiring(idOrganization));`
Show organization 2024-02-29 12:20:08 +01:00			`document.body.style.display = "block"; // Show page`
beautified 2024-03-04 16:49:36 +01:00			`} else {`
Show organization 2024-02-29 12:20:08 +01:00			`alert(data.error);`
			`}`
			`}`

beautified 2024-03-04 16:49:36 +01:00			`function populateFields(name, location, description, isHiring) {`
Show organization 2024-02-29 12:20:08 +01:00			`document.getElementById('organizationName').textContent = name;`
Update organization.html 2024-02-29 12:44:57 +01:00			document.title = `${name} - Blink`
Show organization 2024-02-29 12:20:08 +01:00			`document.getElementById('location').textContent = location;`
			`document.getElementById('description').textContent = description;`
beautified 2024-03-04 16:49:36 +01:00			`if (isHiring === true) {`
Show organization 2024-02-29 12:20:08 +01:00			`document.getElementById('isHiring').textContent = 'Yes';`
			`document.getElementById('isHiringBadge').style.display = 'block';`
beautified 2024-03-04 16:49:36 +01:00			`} else {`
Update organization.html 2024-03-20 10:35:31 +01:00			`document.getElementById('isHiring').textContent = 'No';`
Show organization 2024-02-29 12:20:08 +01:00			`}`

initial state organization.html 2024-02-29 11:05:07 +01:00			`}`
update 2024-03-18 17:54:57 +01:00
			`async function isOrganizationHiring(organizationId) {`
			const response = await fetch(`${API_URL}/organizations/${organizationId}/joboffers`, {
update HTML for Bearer token update 2024-03-21 17:34:16 +01:00			`headers: createHeaders(null)`
update 2024-03-18 17:54:57 +01:00			`});`
			`const data = await response.json();`
			`return data.length > 0;`
			`}`
initial state organization.html 2024-02-29 11:05:07 +01:00			`</script>`

			`</body>`
beautified 2024-03-04 16:49:36 +01:00
			`</html>`