markovivas/eventos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Widgets Atualizado

Browse Source
This commit is contained in:
Marco Antonio
2025-09-20 00:55:28 -03:00
parent 6fb90520e4
commit 7007ecf111
2 changed files with 32 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
assets/css/eventos-manager.css
View File

@@ -152,6 +152,23 @@
text-align: center; text-align: center;
} }
/* Estilo para o calendário do widget indicar um evento com cor de fundo */
.em-calendario-wrapper[data-view="widget"] .em-dia-celula.has-event {
background-color: #e9f5ff; /* Um azul claro para indicar evento */
}
.em-calendario-wrapper[data-view="widget"] .em-dia-celula.has-event a {
text-decoration: none;
color: inherit; /* Mantém a cor do número do dia */
display: block;
height: 100%;
width: 100%;
}
.em-calendario-wrapper[data-view="widget"] .em-dia-celula.has-event:hover {
background-color: #d0eaff; /* Cor mais forte no hover */
}
.em-event-list { .em-event-list {
width: 100%; width: 100%;
margin-top: 5px; margin-top: 5px;

22
assets/js/eventos-manager.js
View File

@@ -7,6 +7,7 @@ jQuery(document).ready(function($) {
const header = calendarWrapper.find('.em-mes-ano'); const header = calendarWrapper.find('.em-mes-ano');
const weekDaysContainer = calendarWrapper.find('.em-dias-semana'); const weekDaysContainer = calendarWrapper.find('.em-dias-semana');
const daysGrid = calendarWrapper.find('.em-dias-grid'); const daysGrid = calendarWrapper.find('.em-dias-grid');
const calendarView = calendarWrapper.data('view');
// Nomes para internacionalização // Nomes para internacionalização
const monthNames = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"]; const monthNames = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];
@@ -96,13 +97,20 @@ jQuery(document).ready(function($) {
if (eventsByDate[date]) { if (eventsByDate[date]) {
cell.addClass('has-event'); cell.addClass('has-event');
const eventList = $('<div class="em-event-list"></div>'); if (calendarView === 'full') {
eventsByDate[date].forEach(event => { const eventList = $('<div class="em-event-list"></div>');
const eventEl = $(`<a href="${event.url}" class="em-event"></a>`); eventsByDate[date].forEach(event => {
eventEl.text(event.title); const eventEl = $(`<a href="${event.url}" class="em-event"></a>`);
eventList.append(eventEl); eventEl.text(event.title);
}); eventList.append(eventEl);
cell.append(eventList); });
cell.append(eventList);
} else if (calendarView === 'widget') {
// Para o widget, torna o dia clicável, levando ao primeiro evento do dia.
const eventUrl = eventsByDate[date][0].url;
const daySpan = cell.find('span');
daySpan.wrap(`<a href="${eventUrl}"></a>`);
}
} }
}); });
} }