Widgets Atualizado
This commit is contained in:
@@ -152,6 +152,23 @@
|
||||
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 {
|
||||
width: 100%;
|
||||
margin-top: 5px;
|
||||
|
@@ -7,6 +7,7 @@ jQuery(document).ready(function($) {
|
||||
const header = calendarWrapper.find('.em-mes-ano');
|
||||
const weekDaysContainer = calendarWrapper.find('.em-dias-semana');
|
||||
const daysGrid = calendarWrapper.find('.em-dias-grid');
|
||||
const calendarView = calendarWrapper.data('view');
|
||||
|
||||
// Nomes para internacionalização
|
||||
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]) {
|
||||
cell.addClass('has-event');
|
||||
const eventList = $('<div class="em-event-list"></div>');
|
||||
eventsByDate[date].forEach(event => {
|
||||
const eventEl = $(`<a href="${event.url}" class="em-event"></a>`);
|
||||
eventEl.text(event.title);
|
||||
eventList.append(eventEl);
|
||||
});
|
||||
cell.append(eventList);
|
||||
if (calendarView === 'full') {
|
||||
const eventList = $('<div class="em-event-list"></div>');
|
||||
eventsByDate[date].forEach(event => {
|
||||
const eventEl = $(`<a href="${event.url}" class="em-event"></a>`);
|
||||
eventEl.text(event.title);
|
||||
eventList.append(eventEl);
|
||||
});
|
||||
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>`);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
Reference in New Issue
Block a user