Skip to content

Commit

Permalink
Merge branch 'main' into fix
Browse files Browse the repository at this point in the history
  • Loading branch information
@vimistify
vimistify authored Oct 8, 2024
2 parents c98ed59 + 09381dc commit f01dae1
Show file tree
Hide file tree
Showing 11 changed files with 678 additions and 135 deletions.
27 changes: 27 additions & 0 deletions ambtracker.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,9 +84,23 @@ <h2 style="display: flex;">ambu<p style="color: #3DBDEC;">Flow</p></h2>
<li><a href="ambtracker.html">Manage Ambulance</a></li>
<li id="logout"><a href="#" onclick="logout()"><i class="fa-solid fa-right-from-bracket"></i></a></li>
</ul>
<div class="resp">
<button id="dropdown"><i class="fa-solid fa-bars"></i></button>
<li id="logout"><a href="#" onclick="logout()"><i class="fa-solid fa-right-from-bracket" style="color: white;"></i></a></li>
</div>
</nav>
</header>

<!-- Dropdown -->
<div class="dropdown-menu">
<ul class="navbar-links2">
<li><a href="hospital.html">Dashboard</a></li>
<li><a href="manage.html">Manage Status</a></li>
<li><a href="driver.html">Manage Driver</a></li>
<li><a href="ambtracker.html">Manage Ambulance</a></li>
</ul>
</div>

<!-- Map container -->
<div id="map"></div>

Expand Down Expand Up @@ -130,6 +144,19 @@ <h2 style="display: flex;">ambu<p style="color: #3DBDEC;">Flow</p></h2>
// Initialize the map when the window loads
window.onload = initMap;

// Dropdown
let flag = false
document.getElementById('dropdown').addEventListener('click', () => {
const dropdown = document.querySelector('.dropdown-menu');
if (flag) {
dropdown.style.display = 'none';
flag = false;
} else {
dropdown.style.display = 'block';
flag = true;
}
});

function logout() {
const confirmLogout = confirm('Are you sure you want to logout?');
if (confirmLogout) {
Expand Down
31 changes: 30 additions & 1 deletion driver.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Driver Dashboard</title>
<link rel="stylesheet" href="src/css/driver.css">
<link rel="stylesheet" href="src/css/manage.css">
<link rel="shortcut icon" href="ambulance.png" type="image/x-icon">
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCKR3agIMLtauzDhz4fCu3heww0BV_81H4" async defer></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
Expand All @@ -17,7 +18,6 @@
}

#driverImage {
width: 100%;
height: 320px;
margin-bottom: 20px;
}
Expand Down Expand Up @@ -47,8 +47,24 @@ <h2 style="display: flex;">ambu<p style="color: #3DBDEC;">Flow</p></h2>
<li><a href="ambtracker.html">Manage Ambulance</a></li>
<li id="logout"><a href="#" onclick="logout()"><i class="fa-solid fa-right-from-bracket"></i></a></li>
</ul>
<div class="resp" style="margin-right: 50px;">
<button id="dropdown"><i class="fa-solid fa-bars"></i></button>
<li id="logout"><a href="#" onclick="logout()"><i class="fa-solid fa-right-from-bracket" style="color: white;"></i></a></li>
</div>
</nav>
</header>

<!-- Dropdown -->
<div class="dropdown-menu">
<ul class="navbar-links2">
<li><a href="hospital.html">Dashboard</a></li>
<li><a href="manage.html">Manage Status</a></li>
<li><a href="driver.html">Manage Driver</a></li>
<li><a href="ambtracker.html">Manage Ambulance</a></li>
</ul>
</div>


<div class="dashboard-container">
<h1>Welcome, <span id="driverName">Driver ___</span></h1>
<p id="status">You are currently: <strong id="availability">OFF DUTY</strong></p>
Expand Down Expand Up @@ -142,6 +158,19 @@ <h1>Welcome, <span id="driverName">Driver ___</span></h1>
alert("Logged out successfully!");
}
}

// Dropdown
let flag = false
document.getElementById('dropdown').addEventListener('click', () => {
const dropdown = document.querySelector('.dropdown-menu');
if (flag) {
dropdown.style.display = 'none';
flag = false;
} else {
dropdown.style.display = 'block';
flag = true;
}
});
</script>
</body>
</html>
98 changes: 98 additions & 0 deletions features.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -141,6 +141,15 @@
transform: translateY(10px); /* Slight bounce */
opacity: 1;
}

#thankYouMessage {
margin-top: 20px;
font-size: 18px;
color: green;
display: none; /* Initially hidden */
}


100% {
transform: translateY(0);
}
Expand All @@ -157,7 +166,11 @@
z-index: 99999999;
/* Stays on top of all elements */
}

}



</style>
</head>
<body>
Expand Down Expand Up @@ -276,6 +289,60 @@ <h2>Feedback System</h2>
</div>
</div>

</div>

<!-- Footer -->

<footer>
<div style="background-color: #333; color: white; padding: 20px;">
<div style="display: flex; justify-content: space-between; flex-wrap: wrap;">
<!-- Quick Links Section -->
<div style="flex: 1; min-width: 200px;">
<h3>Quick Links</h3>
<ul style="list-style-type: none; padding: 0;">
<li><a href="about.html" style="color: white; text-decoration: none;">About Us</a></li>
<li><a href="contact.html" style="color: white; text-decoration: none;">Contact Us</a></li>
<li><a href="privacy.html" style="color: white; text-decoration: none;">Privacy Policy</a></li>
<li><a href="terms.html" style="color: white; text-decoration: none;">Terms of Service</a></li>
<li><a href="sitemap.html" style="color: white; text-decoration: none;">Site Map</a></li>
</ul>
</div>

<!-- Contact Information Section -->
<div style="flex: 1; min-width: 200px;">
<h3>Contact Info</h3>
<p>123 Emergency Lane, Mumbai, India</p>
<p>Email:[email protected]</p>
<p>Phone: +91-911-1234567</p>
</div>

<!-- Social Media Links -->
<div style="flex: 1; min-width: 200px;">
<h3>Follow Us</h3>
<a href="https://www.facebook.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-facebook-f"></i> Facebook</a><br>
<a href="https://www.twitter.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fa-brands fa-x-twitter"></i> Twitter</a><br> <!--upadted-->
<a href="https://www.instagram.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-instagram"></i> Instagram</a><br>
<a href="https://www.linkedin.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-linkedin-in"></i> LinkedIn</a>
</div>

<!-- Newsletter Subscription -->
<div class="accordion">
<div class="accordion__header">Subscribe to Newsletter</div>
<div class="accordion__content">
<!-- Subscription form -->
<form id="subscribeForm">
<input type="email" id="emailInput" placeholder="Your Email" required>
<button type="submit">Subscribe</button>
</form>
</div>
</div>

<!-- Thank You Message (Initially Hidden) -->
<div id="thankYouMessage" style="display:none;">
<p>Thank you for subscribing!</p>
</div>
</div>

<!-- Footer -->

<footer style= " color: #f3f4f6; text-align: center; width: 100%;">
Expand Down Expand Up @@ -394,5 +461,36 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to
</footer>


<script>
// Accordion Functionality
const accordionHeader = document.querySelector('.accordion__header');
const accordionContent = document.querySelector('.accordion__content');

accordionHeader.addEventListener('click', function() {
if (accordionContent.style.display === 'block') {
accordionContent.style.display = 'none';
} else {
accordionContent.style.display = 'block';
}
});

// Form Submission Functionality
const form = document.getElementById('subscribeForm');
const thankYouMessage = document.getElementById('thankYouMessage');

form.addEventListener('submit', function(event) {
event.preventDefault(); // Prevent the default form submission behavior

// Show the thank you message
thankYouMessage.style.display = 'block';

// Hide the accordion content after submission
accordionContent.style.display = 'none';

// Clear the input field
document.getElementById('emailInput').value = '';
});
</script>

</body>
</html>
27 changes: 27 additions & 0 deletions hospital.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,23 @@
<li><a href="ambtracker.html">Manage Ambulance</a></li>
<li id="logout"><a href="#" onclick="logout()"><i class="fa-solid fa-right-from-bracket"></i></a></li>
</ul>
<div class="resp">
<button id="dropdown"><i class="fa-solid fa-bars"></i></button>
<li id="logout"><a href="#" onclick="logout()"><i class="fa-solid fa-right-from-bracket" style="color: white;"></i></a></li>
</div>
</nav>
</header>

<!-- Dropdown -->
<div class="dropdown-menu">
<ul class="navbar-links2">
<li><a href="hospital.html">Dashboard</a></li>
<li><a href="manage.html">Manage Status</a></li>
<li><a href="driver.html">Manage Driver</a></li>
<li><a href="ambtracker.html">Manage Ambulance</a></li>
</ul>
</div>

<div class="dashboard-container">
<img src="images/Ambulance Tracker.png" alt="Bobble-AI Logo" style="width: 250px; height: auto; margin-bottom: 10px; margin-left: 30px;";>

Expand All @@ -39,6 +54,18 @@ <h2 style="font-family: 'Arial', sans-serif; font-size: 17px; color: #666; margi
alert('Manage Drivers button clicked!');
// Example: window.location.href = 'manage-drivers.html';
}

let flag = false
document.getElementById('dropdown').addEventListener('click', () => {
const dropdown = document.querySelector('.dropdown-menu');
if (flag) {
dropdown.style.display = 'none';
flag = false;
} else {
dropdown.style.display = 'block';
flag = true;
}
});

function manageAmbulances() {
// Action to manage ambulances, such as opening a page or modal
Expand Down
33 changes: 33 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -549,6 +549,24 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Follow Us</h
<a href="https://www.linkedin.com" style="color: #000000; text-decoration: none; margin-right: 10px;"><i class="fab fa-linkedin-in"></i> LinkedIn</a>
</div>


<!-- Newsletter Subscription -->
<div style="flex: 1; min-width: 200px">
<h3>Subscribe to Our Newsletter</h3>
<form id="subscribeForm"> <!-- Added ID subscribeForm -->
<input type="email" id="emailInput" placeholder="Your Email" style="padding: 10px; width: 80%" required /><br /><br />
<button type="submit" style="
background-color: #ff5733;
color: white;
padding: 10px 20px;
border: none;
cursor: pointer;">
Subscribe
</button>
</form>
<p id="thankYouMessage" style="display:none; color: white;">Thank you for subscribing!</p> <!-- Added ID thankYouMessage -->
</div>

<!-- Newsletter Subscription -->
<div style="flex: 1; min-width: 200px; margin-bottom: 20px;">
<h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to Our Newsletter</h3>
Expand All @@ -558,6 +576,7 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to
</form>
</div>


</div>

</div>
Expand All @@ -583,6 +602,20 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to
letter.style.animationDelay = `${index * 0.1}s`;
});
};

const thankYouMessage = document.getElementById("thankYouMessage");
const form = document.getElementById("subscribeForm");

form.addEventListener("submit", function(event) {
event.preventDefault(); // Prevent form from refreshing the page

// Show Thank You Message after subscribing
thankYouMessage.style.display = 'block';

// Optionally clear the input field after subscribing
document.getElementById("emailInput").value = '';
});

</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
Expand Down
38 changes: 37 additions & 1 deletion manage.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,11 +22,25 @@
<li><a href="manage.html">Manage Status</a></li>
<li><a href="driver.html">Manage Driver</a></li>
<li><a href="ambtracker.html">Manage Ambulance</a></li>
<li id="logout"><a href="#" onclick="logout()"><i class="fa-solid fa-right-from-bracket"></i></a></li>
<li id="logout"><a href="#"><i class="fa-solid fa-right-from-bracket"></i></a></li>
</ul>
<div class="resp">
<button id="dropdown"><i class="fa-solid fa-bars"></i></button>
<li id="logout" onclick="logout1()"><a href="#"><i class="fa-solid fa-right-from-bracket" style="color: white;"></i></a></li>
</div>
</nav>
</header>

<!-- Dropdown -->
<div class="dropdown-menu">
<ul class="navbar-links2">
<li><a href="hospital.html">Dashboard</a></li>
<li><a href="manage.html">Manage Status</a></li>
<li><a href="driver.html">Manage Driver</a></li>
<li><a href="ambtracker.html">Manage Ambulance</a></li>
</ul>
</div>

<main>
<div class="manage-container">
<h1>Manage Status</h1>
Expand Down Expand Up @@ -123,6 +137,19 @@ <h2 id="ambulanceFormTitle" style="margin-bottom: 20px;">Add Ambulance</h2>
section.classList.add('active');
}

// Dropdown
let flag = false
document.getElementById('dropdown').addEventListener('click', () => {
const dropdown = document.querySelector('.dropdown-menu');
if (flag) {
dropdown.style.display = 'none';
flag = false;
} else {
dropdown.style.display = 'block';
flag = true;
}
});

// Function to hide a section
function hideSection(section) {
section.classList.add('hidden');
Expand Down Expand Up @@ -303,6 +330,15 @@ <h2 id="ambulanceFormTitle" style="margin-bottom: 20px;">Add Ambulance</h2>
} else return
});

// Logout (for small screens)
function logout1(){
cf = confirm('Are you sure you want to logout?');
if (cf) {
window.location.href = 'index.html';
alert("Logged out successfully!");
} else return
}

</script>
</body>
</html>
2 changes: 1 addition & 1 deletion script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,4 +45,4 @@ accordions.forEach((accordion, index) => {
}
});
});
});
});
Loading

0 comments on commit f01dae1

Please sign in to comment.