Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@Favourez
Favourez authored Jun 15, 2024
1 parent 1b712b4 commit 8d7351a
Show file tree
Hide file tree
Showing 6 changed files with 504 additions and 11 deletions.
88 changes: 88 additions & 0 deletions applyjobs.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
<!DOCTYPE html>
<html>
<head>
<title>Job Application</title>
<link rel="stylesheet" href="applyjobs.css">
</head>
<body>
<div class="container">
<img class="logo" src="images/logo.png" alt="Logo">
<h1>Job Application</h1>
<form id="applicationForm">
<label for="name">Name:</label>
<input type="text" id="name" placeholder="Name" required>

<label for="email">Email:</label>
<input type="email" id="email" placeholder="Email" required>

<label for="phone">Phone Number:</label>
<input type="tel" id="phone" placeholder="Phone Number" required>

<label for="salary">Proposed Salary:</label>
<input type="text" id="salary" placeholder="Proposed Salary" required>

<label for="resume">Upload Resume:</label>
<input type="file" id="resume" accept=".pdf,.doc,.docx" required>

<input type="submit" value="Submit" class="sub" id="submit">
</form>
</div>

<script type="module">
// Import the functions you need from the SDKs you need
import { initializeApp } from "https://www.gstatic.com/firebasejs/10.12.2/firebase-app.js";
import { getDatabase, ref, set } from "https://www.gstatic.com/firebasejs/10.12.2/firebase-database.js";
import { getStorage, ref as sRef, uploadBytes, getDownloadURL } from "https://www.gstatic.com/firebasejs/10.12.2/firebase-storage.js";

// Your web app's Firebase configuration
const firebaseConfig = {
apiKey: "AIzaSyD-0Zsn12h8fomXZZePyY0AfWw38vxN69Q",
authDomain: "applyjobsnow-fa329.firebaseapp.com",
projectId: "applyjobsnow-fa329",
storageBucket: "applyjobsnow-fa329.appspot.com",
messagingSenderId: "310207482942",
appId: "1:310207482942:web:4fe4fd3fa730ef7fb0956f"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const database = getDatabase(app);
const storage = getStorage(app);

document.getElementById("applicationForm").addEventListener('submit', function(e) {
e.preventDefault();
const name = document.getElementById("name").value;
const email = document.getElementById("email").value;
const phone = document.getElementById("phone").value;
const salary = document.getElementById("salary").value;
const resume = document.getElementById("resume").files[0];

if (resume) {
const storageRef = sRef(storage, 'resumes/' + resume.name);
uploadBytes(storageRef, resume).then((snapshot) => {
getDownloadURL(snapshot.ref).then((downloadURL) => {
set(ref(database, 'applications/' + name), {
name: name,
email: email,
phone: phone,
salary: salary,
resumeURL: downloadURL
}).then(() => {
alert("Application submitted successfully!");
document.getElementById("applicationForm").reset();
}).catch((error) => {
console.error("Error writing to database: ", error);
alert("Error submitting application. Please try again.");
});
});
}).catch((error) => {
console.error("Error uploading file: ", error);
alert("Error uploading resume. Please try again.");
});
} else {
alert("Please upload a resume.");
}
});
</script>
</body>
</html>
72 changes: 72 additions & 0 deletions g_maps.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html>
<head>
<title>My Google Map</title>
<style>
/* Set the size of the map div to fill the entire screen */
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map {
height: 100%;
width: 100%;
}
</style>
</head>
<body>

<!-- The div where the map will be displayed -->
<div id="map"></div>

<!-- Load the Google Maps JavaScript API -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD6jKjuPclpVAaeWHFLIvhhKzN4ILkAubM&callback=initMap" async defer></script>
<script>
// Initialize and add the map
function initMap() {
// Default location (latitude and longitude)
var defaultLocation = { lat: -25.344, lng: 131.036 };

// Create the map centered on the default location
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: defaultLocation
});

// Default marker
var marker = new google.maps.Marker({ position: defaultLocation, map: map });

// Try HTML5 geolocation.
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(
function(position) {
var userLocation = {
lat: position.coords.latitude,
lng: position.coords.longitude
};

// Re-center the map and place a new marker at the user's location
map.setCenter(userLocation);
map.setZoom(12); // Zoom in closer to the user's location
marker.setPosition(userLocation);
},
function() {
handleLocationError(true, map.getCenter());
}
);
} else {
// Browser doesn't support Geolocation
handleLocationError(false, map.getCenter());
}
}

function handleLocationError(browserHasGeolocation, pos) {
alert(browserHasGeolocation
? 'Error: The Geolocation service failed.'
: 'Error: Your browser doesn\'t support geolocation.');
}
</script>

</body>
</html>
133 changes: 133 additions & 0 deletions homepage.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,133 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dashboard</title>
<link rel="stylesheet" href="styles/homestyle.css">
</head>
<body>
<header class="navbar">
<div class="container">
<a href="#" class="logo">JoB BoARD</a>

<nav>
<input type="text" placeholder="What service are you looking for today?" class="search-bar">
<ul class="nav-links">
<li><a href="footers/careers.html">JoB Select</a></li>
<li><a href="top/messages.html">Messages</a></li>
<li><a href="top/orders.html">Orders</a></li>
<li><a href="g_maps.html" class="user-profile">Maps</a></li>
<li><a href="JoBBOARD.html" class="user-profile">Log Out</a></li>
</ul>
</nav>
</div>
</header>

<nav class="sub-nav">
<ul>
<li><a href="adds/graphics.html">Graphics & Design</a></li>
<li><a href="top/tech.html">Programming & Tech</a></li>
<li><a href="top/home.html">Home Keeping</a></li>
<li><a href="top/video.html">Video & Animation</a></li>
<li><a href="top/driver.html">Driver</a></li>
<li><a href="top/music.html">Music & Audio</a></li>
<li><a href="top/acc.html">Accountant</a></li>
<li><a href="top/teacher.html">Teacher</a></li>
<li><a href="top/data.html">Data Analysis</a></li>
<li><a href="top/ai.html">AI Services</a></li>
</ul>
</nav>

<section class="welcome-banner">
<div class="container">
<h1>Welcome back, <span id="username"></span> <span>👋</span></h1>
<div class="recommendations">
<div class="recommendation-card">
<h3>Search For Jobs</h3>
<p>Create a brief and get custom offers.</p>
<a href="footers/careers.html">Search for Job</a>
</div>
<div class="recommendation-card">
<h3>Post a Job</h3>
<p>Tell us a bit about your job offer</p>
<a href="footers/postjobs.html">Post Job</a>
</div>
</div>
</div>
</section>

<section class="browsing-history">
<div class="container">
<h2>Based on your browsing history</h2>
<div class="history-grid">
<div class="history-item">
<img src="images/house.png" alt="History Item 1">
<p>House Keeping <span>50000/mth</span></p>
</div>
<div class="history-item">
<img src="images/garage.png" alt="History Item 2">
<p>Garage <span>100000/mth</span></p>
</div>
<div class="history-item">
<img src="images/nanny.png" alt="History Item 3">
<p>Nanny <span>70000/mth</span></p>
</div>
<div class="history-item">
<img src="images/driver.png" alt="History Item 4">
<p>Driver <span>30000/day</span></p>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="footer-nav">
<div>
<h3>Categories</h3>
<ul>
<li><a href="adds/graphics.html">Graphics & Design</a></li>
<li><a href="adds/digital.html">Digital Marketing</a></li>
<li><a href="adds/writing.html">Writing & Translation</a></li>
</ul>
</div>
<div>
<h3>About</h3>
<ul>
<li><a href="footers/careers.html">Careers</a></li>
<li><a href="footers/pressnews.html">Press & News</a></li>
<li><a href="footers/partnerships.html">Partnerships</a></li>
</ul>
</div>
<div>
<h3>Support</h3>
<ul>
<li><a href="footers/helpsupport.html">Help & Support</a></li>
<li><a href="footers/trustsafe.html">Trust & Safety</a></li>
<li><a href="footers/postjobs.html">Post a Job</a></li>
</ul>
</div>
<div>
<h3>Community</h3>
<ul>
<li><a href="footers/customerstories.html">Customer Success Stories</a></li>
<li><a href="footers/commhub.html">Community Hub</a></li>
<li><a href="footers/forum.html">Forum</a></li>
</ul>
</div>
</div>
<p>&copy; JoB BoARD International Ltd. 2024</p>
</div>
</footer>
<script src="sessiontimeout.js">
// Retrieve the username from localStorage and display it
const username = sessionStorage.getItem('username');
if (username) {
document.getElementById('username').textContent = username;
} else {
// Redirect to login page if username is not found
window.location.href = 'login.html';
}
</script>
</body>
</html>
15 changes: 15 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<title>JoB BoARD</title>
<link rel="stylesheet" href="styles/styles.css">
</head>
<body>
<div class="container">
<img class="logo" src="images/logo.png" alt="Logo">
<h1>JoB BoARD</h1>
<a href="signup.html" class="button">Sign Up</a>
<a href="login.html" class="button">Log In</a>
</div>
</body>
</html>
Loading

0 comments on commit 8d7351a

Please sign in to comment.