Added messages, notifications, count, and supporting elements

This commit is contained in:
2024-12-22 01:13:28 +00:00
parent 2b8682bcbb
commit 6b61d1a182
14 changed files with 593 additions and 33 deletions

View File

@ -17,6 +17,7 @@
<div class="card card-plain">
<div class="card-header">
<h4 class="font-weight-bolder">Assign Case Worker</h4>
<p>{{ case.level.name|lower|capitalize }}</p>
</div>
<div class="card-body">
{{ form_start(form, {'attr': {'onsubmit': 'return validateAssignForm()'}}) }}
@ -38,7 +39,7 @@
<div class='input-group input-group-outline mb-3'>
<input type='checkbox' name='{{ field_name(form.overrideLevel) }}' id='user_form_levelOverride' value='1'/>&nbsp;&nbsp;
<label for='user_form_levelOverride'>Override Level</label>
<label for='user_form_levelOverride' id='levelOverride-label'>Override Level</label>
</div>
<div class="text-center">

View File

@ -6,7 +6,7 @@
<div class='ms-md-auto pe-md-3 d-flex align-items-left'>
{% for label, messages in app.flashes %}
{% for message in messages %}
<div class="flash-{{ label }}">
<div class="flash-{{ label }} bg-gradient-info text-white">
{{ message }}
</div>
{% endfor %}
@ -37,8 +37,9 @@
</li>
{% endif %}
<li class="nav-item dropdown pe-3 d-flex align-items-center" title="Notifications">
<a href="javascript:;" class="nav-link text-body p-0" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
<a href="javascript:;" class="nav-link text-body p-0 notification" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
<i class="material-symbols-rounded">notifications</i>
<span class='badge' {% if notificationCount == 0 %} style='display:none;' {% endif %}>{{ notificationCount }}</span>
</a>
<ul class="dropdown-menu dropdown-menu-end px-2 py-3 me-sm-n4" aria-labelledby="dropdownMenuButton">
{% for note in notifications %}
@ -51,12 +52,12 @@
<div class='d-flex flex-column justify-content-center'>
<h6 class='text-sm font-weight-normal mb-1'>
<span class='font-weight-bold'>{{ note.title }}</span>
{{ note.from }}
{{ note.sender.getName() }}
</h6>
<p>{{ note.message }}</p>
<p class='text-xs text-secondary mb-0'>
<i class='fa fa-clock me-1'></i>
{{ note.timestamp|format_datetime('short', 'short', timezone: 'America/Indiana/Indianapolis') }}
{{ note.sent|format_datetime('short', 'short', timezone: 'America/Indiana/Indianapolis') }}
</p>
</div>
</div>