herocode/hostbasket
12
0
Fork 0
Code Issues 2 Pull Requests 1 Actions Packages Projects 1 Releases Wiki Activity

feat: Enhance calendar display of all-day events

Browse Source 
- Improve display of all-day events by adding a message
  indicating when there are no all-day events scheduled.
- Add visual improvements to all-day event display using
  bootstrap classes.
- Clarify messaging when there are no events scheduled for a
  given day.
This commit is contained in:
Mahmoud-Emad 2025-05-29 14:17:48 +03:00
parent b8928379de
commit 2299b61e79
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
actix_mvc_app/src/views/calendar/index.html
View File

@ -199,17 +199,24 @@
</div> </div>
<div class="card-body"> <div class="card-body">
{% if events is defined and events|length > 0 %} {% if events is defined and events|length > 0 %}
{% set has_all_day_events = false %}
{% for event in events %} {% for event in events %}
{% if event.all_day %} {% if event.all_day %}
<div class="alert" style="background-color: {{ event.color }}; color: white; cursor: pointer;" {% set_global has_all_day_events = true %}
<div class="alert mb-2" style="background-color: {{ event.color }}; color: white; cursor: pointer;"
onclick="openEventDetails(event, '{{ event.id }}', '{{ event.title|escape }}', '{{ event.description|escape }}', '{{ event.color }}', {{ event.all_day }}, '{{ event.start_time }}', '{{ event.end_time }}')"> onclick="openEventDetails(event, '{{ event.id }}', '{{ event.title|escape }}', '{{ event.description|escape }}', '{{ event.color }}', {{ event.all_day }}, '{{ event.start_time }}', '{{ event.end_time }}')">
<h5>{{ event.title }}</h5> <h5 class="mb-1">{{ event.title }}</h5>
<p>{{ event.description }}</p> {% if event.description %}
<p class="mb-0">{{ event.description }}</p>
{% endif %}
</div> </div>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% if not has_all_day_events %}
<p class="text-muted mb-0">No all-day events for this date</p>
{% endif %}
{% else %} {% else %}
<p class="text-muted">No all-day events</p> <p class="text-muted mb-0">No events for this date</p>
{% endif %} {% endif %}
</div> </div>
</div> </div>
@ -226,7 +233,7 @@
{% for event in events %} {% for event in events %}
{% if not event.all_day %} {% if not event.all_day %}
{% set start_hour = event.start_time|extract_hour %} {% set start_hour = event.start_time|extract_hour %}
{% if start_hour == hour|string %} {% if start_hour == hour %}
<div class="alert mb-2" style="background-color: {{ event.color }}; color: white; cursor: pointer;" <div class="alert mb-2" style="background-color: {{ event.color }}; color: white; cursor: pointer;"
onclick="openEventDetails(event, '{{ event.id }}', '{{ event.title|escape }}', '{{ event.description|escape }}', '{{ event.color }}', {{ event.all_day }}, '{{ event.start_time }}', '{{ event.end_time }}')"> onclick="openEventDetails(event, '{{ event.id }}', '{{ event.title|escape }}', '{{ event.description|escape }}', '{{ event.color }}', {{ event.all_day }}, '{{ event.start_time }}', '{{ event.end_time }}')">
<h5>{{ event.title }}</h5> <h5>{{ event.title }}</h5>