BossierCityPhoneBooks/mvbc/receiving.html

160 lines
8.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/phone.css" rel="stylesheet">
</head>
<body>
<div class="container text-center">
<div class="header text-center title">
<a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div>
<!-- Margaritaville Images -->
<div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div>
<!-- Margaritaville Images End -->
<!-- Margaritaville Navbar -->
<nav class="navbar navbar-expand-sm navbar-color">
<div class="container buffer">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Casino Operations
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href=" ../mvbc/casino-operation.html">Casino Operations</a></li>
<li><a class="dropdown-item" href=" ../mvbc/security.html">Security</a></li>
<li><a class="dropdown-item" href=" ../mvbc/slots.html">Slots</a></li>
<li><a class="dropdown-item" href=" ../mvbc/slots-performance.html">Slots Performance</a></li>
<li><a class="dropdown-item" href=" ../mvbc/sport.html">Sports Betting</a></li>
<li><a class="dropdown-item" href=" ../mvbc/surveillance.html">Surveillance</a></li>
<li><a class="dropdown-item" href=" ../mvbc/table.html">Table Games</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Executive
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href=" ../mvbc/executive.html">Executive</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Finance & Admin
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href=" ../mvbc/accounting.html">Accounting</a></li>
<li><a class="dropdown-item" href=" ../mvbc/cage.html">Cage</a></li>
<li><a class="dropdown-item" href=" ../mvbc/compliance.html">Compliance</a></li>
<li><a class="dropdown-item" href=" ../mvbc/count.html">Count</a></li>
<li><a class="dropdown-item" href=" ../mvbc/purchasing.html">Purchasing</a></li>
<li><a class="dropdown-item" href=" ../mvbc/receiving.html">Receiving</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Food & Beverage
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href=" ../mvbc/food.html">Food & Beverage</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Hotel
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href=" ../mvbc/hotel.html">Hotel</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Human Resources
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href=" ../mvbc/human-resources.html">Human Resources</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Sales & Marketing
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href=" ../mvbc/sales-marketing.html">Sales & Marketing</a></li>
<li><a class="dropdown-item" href=" ../mvbc/entertainment.html">Entertainment</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Support Services
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href=" ../mvbc/facilities.html">Facilities</a></li>
<li><a class="dropdown-item" href=" ../mvbc/it.html">Information Technology</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- Margaritaville Navbar End -->
<table class="table table-striped">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Title</th>
<th scope="col">Extension</th>
<th scope="col">Exterior</th>
</tr>
</thead>
<tbody id="output">
<script>
function fetchData(){
fetch('../json/mvbc-receiving.json')
.then(response => response.json())
.then(data => displayData(data))
.catch(error => console.error('Error:', error));
}
function displayData(data){
let outputDiv = document.getElementById('output');
let html = ''
data.forEach(item => {
html += '<tr>';
html += '<td>';
html += item.name;
html += '</td>';
html += '<td>';
html += item.title;
html += '</td>';
html += '<td>';
html += item.extension;
html += '</td>';
html += '<td>';
html += item.exterior;
html += '</td>';
html += '</tr>';
});
outputDiv.innerHTML = html;
}
window,onload = fetchData;
</script>
</tbody>
</table>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>