update to bootstrap 5.2.3 continued

This commit is contained in:
Joey Kimsey
2024-12-10 09:00:49 -05:00
parent f3f323d30f
commit a0726e6578
23 changed files with 584 additions and 345 deletions

View File

@ -1,30 +1,33 @@
{PAGINATION}
<div class="row" style="margin-top: 30px; margin-bottom: 50px;">
<form action="" method="post">
<table class="table">
<thead>
<tr>
<th style="width: 90%">Notification</th>
<th style="width: 5%"></th>
<th style="width: 5%"></th>
</tr>
</thead>
<tbody>
{LOOP}
<tr {unseenBadge}>
<td>{notification}</td>
<td><a href="{ROOT_URL}notifications/markRead/{ID}" class="btn btn-sm btn-primary"><i class="fa fa-fw fa-upload"></i></a></td>
<td><a href="{ROOT_URL}notifications/delete/{ID}" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-trash"></i></a></td>
</tr>
{/LOOP}
{ALT}
<tr>
<td colspan="7">
No Notifications
</td>
</tr>
{/ALT}
</tbody>
</table>
</form>
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-md-8">
<legend>Notifications</legend>
<table class="table">
<thead>
<tr>
<th style="width: 90%"></th>
<th style="width: 5%"></th>
<th style="width: 5%"></th>
</tr>
</thead>
<tbody>
{LOOP}
<tr {unseenBadge}>
<td>{notification}</td>
<td><a href="{ROOT_URL}notifications/markRead/{ID}" class="btn btn-sm btn-primary"><i class="fa fa-fw fa-upload"></i></a></td>
<td><a href="{ROOT_URL}notifications/delete/{ID}" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-trash"></i></a></td>
</tr>
{/LOOP}
{ALT}
<tr>
<td colspan="7">
No Notifications
</td>
</tr>
{/ALT}
</tbody>
</table>
</div>
</div>
</div>

View File

@ -1,21 +1,21 @@
<div class="dropdown nav-item mx-2">
<a
href="#"
class="d-block dropdown-toggle nav-link"
class="nav-link dropdown-toggle"
id="notiificationsDropdown"
data-bs-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false">
<i class="fa fa-fw fa-bell"></i><span class="ml-3">{MBADGE}</span>
</a>
<ul class="dropdown-menu text-small" aria-labelledby="notiificationsDropdown">
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="notiificationsDropdown">
{LOOP}
<li class="message-preview">
<a href="{ROOT_URL}notifications">
<!-- Notification Item -->
<li>
<a href="{ROOT_URL}notifications" class="dropdown-item">
<div class="media">
<div class="media-body">
<p class="small text-muted"><i class="fa fa-clock-o"></i> {DTC}{createdAt}{/DTC}</p>
{notification}
<p class="small text-muted mb-1"><i class="fa fa-clock-o me-1"></i> {DTC}{createdAt}{/DTC}</p>
<span>{notification}</span>
</div>
</div>
</a>
@ -30,8 +30,14 @@
</div>
</li>
{/ALT}
<li class="message-footer text-center">
<a href="{ROOT_URL}notifications" class="dropdown-item">See All Notifications</a>
<!-- Footer -->
<li>
<hr class="dropdown-divider">
</li>
<li>
<a href="/notifications" class="dropdown-item text-center">
See All Notifications
</a>
</li>
</ul>
</div>
</div>