updated dashboard

This commit is contained in:
Juthatip McDevitt 2024-06-13 22:13:50 -05:00
parent e9af568354
commit 10fae86e2b
3 changed files with 24 additions and 55 deletions

View file

@ -1,3 +1,4 @@
<link rel="stylesheet" href="common.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<link href="https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap" rel="stylesheet">

View file

@ -1 +1,17 @@
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script>
function alert(type, msg){
let bs_class = (type == 'success') ? 'alert-success' : 'alert-danger';
let element = document.createElement('div');
element.innerHTML =
`<div class="d-flex justify-content-end align-items-start">
<div class="alert ${bs_class} alert-dismissible fade show custom-alert-t" role="alert">
<strong class="me-3">${msg}</strong>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
</div>`;
document.body.append(element);
}
</script>

View file

@ -9,64 +9,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Admin Dashboard | Midtown Hotel</title>
<?php require('components/link.php') ?>
<style>
.btn-main{
background-color: #B6C2C2;
border: none;
color: #112E2E;
padding: 6px 12px;
text-align: center;
font-size: 18px;
font-weight: 500;
border-radius: 3px;
}
.btn-main:hover{
background-color: lightgray;
color: black;
transition: all 0.5s ease;
}
#dashboard-menu{
position: fixed;
height: 100%;
background-color: #194141;
color: white;
}
</style>
</head>
<body>
<div class="container-fluid text-light p-2 d-flex align-items-center justify-content-between sticky-top" style="background-color: #112E2E;">
<div class="d-flex align-items-center">
<img src="../images/logo-white.png" alt="logo" style="width: 100px;"/>
<h6 style="text-transform: uppercase; font-weight: 600;">Admin Dashboard</h6>
</div>
<a href="logout.php" class="btn btn-main" style="margin-right: 20px;">Logout</a>
</div>
<div class="col-lg-2" id="dashboard-menu">
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: #194141;">
<div class="container-fluid flex-lg-column align-items-stretch">
<p class="mt-2" style="font-weight: 600; font-size: 18px;">Admin Panel</p>
<button class="navbar-toggler shadow-none border-none mb-2" type="button" data-bs-toggle="collapse" data-bs-target="#adminDropdown" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<i class="bi bi-list" style="color: white;"></i>
</button>
<div class="collapse navbar-collapse flex-column align-items-stretch" id="adminDropdown">
<ul class="nav nav-pills flex-column">
<li class="nav-item">
<a class="nav-link text-white" href="dashboard.php">Dashboard</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Rooms</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Users</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Setting</a>
</li>
</ul>
</div>
<?php require('components/sidebar.php')?>
<div class="container-fluid" id="dashboard-body">
<div class="row">
<div class="col-lg-10 ms-auto p-4 overflow-hidden">
This is a dashboard page!
</div>
</nav>
</div>
</div>