Widgets Atualizado

assets/css/eventos-manager.css

@@ -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;

assets/js/eventos-manager.js

@@ -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,6 +97,7 @@ jQuery(document).ready(function($) {
 
                 if (eventsByDate[date]) {
                     cell.addClass('has-event');
+                    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>`);
@@ -103,6 +105,12 @@ jQuery(document).ready(function($) {
                             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>`);
+                    }
                 }
             });
         }