From 7007ecf111b77565f50ae0a9c6f4c20af2ab084b Mon Sep 17 00:00:00 2001
From: Marco Antonio <markovivas@gmail.com>
Date: Sat, 20 Sep 2025 00:55:28 -0300
Subject: [PATCH] Widgets Atualizado

---
 assets/css/eventos-manager.css | 17 +++++++++++++++++
 assets/js/eventos-manager.js   | 22 +++++++++++++++-------
 2 files changed, 32 insertions(+), 7 deletions(-)

diff --git a/assets/css/eventos-manager.css b/assets/css/eventos-manager.css
index 8056cb3..f188bf5 100644
--- a/assets/css/eventos-manager.css
+++ b/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;
diff --git a/assets/js/eventos-manager.js b/assets/js/eventos-manager.js
index 6d56358..e3d3ba5 100644
--- a/assets/js/eventos-manager.js
+++ b/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,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>`);
+                    }
                 }
             });
         }