Fix some redirections after logging in (#175)

Signed-off-by: Cintia Sánchez García <[email protected]>

Author: cynthia-sg

ocg-server/templates/event/attend_button.html

@@ -13,6 +13,7 @@
 
   <!-- Sign in prompt (hidden initially) -->
   <button id="signin-btn"
+          data-path="{{ path }}"
           class="hidden group btn-primary-outline-anchor w-52 h-[40px] sm:h-[30px] flex items-center justify-center space-x-2">
     <div class="svg-icon size-3 icon-user-plus group-hover:bg-white transition-colors"></div>
     <span>Attend event</span>
@@ -175,8 +176,9 @@
   const signinBtn = document.getElementById("signin-btn");
   if (signinBtn) {
     signinBtn.addEventListener("click", () => {
+      const path = signinBtn.dataset.path || window.location.pathname;
       showInfoAlert(
-        "You need to be <a href='/log-in' class='underline font-medium' hx-boost='true'>logged in</a> to attend this event.",
+        `You need to be <a href='/log-in?next_url=${path}' class='underline font-medium' hx-boost='true'>logged in</a> to attend this event.`,
         true,
       );
     });

ocg-server/templates/group/membership_button.html

@@ -12,6 +12,7 @@
 
   <!-- Sign in prompt (hidden initially) -->
   <button id="signin-btn"
+          data-path="{{ path }}"
           class="hidden group btn-primary-outline-anchor w-40 h-[40px] md:h-[30px] flex items-center justify-center space-x-2">
     <div class="svg-icon size-3 icon-user-plus group-hover:bg-white transition-colors"></div>
     <span>Join group</span>
@@ -135,8 +136,9 @@
   const signinBtn = document.getElementById("signin-btn");
   if (signinBtn) {
     signinBtn.addEventListener("click", () => {
+      const path = signinBtn.dataset.path || window.location.pathname;
       showInfoAlert(
-        "You need to be <a href='/log-in' class='underline font-medium' hx-boost='true'>logged in</a> to join this group.",
+        `You need to be <a href='/log-in?next_url=${path}' class='underline font-medium' hx-boost='true'>logged in</a> to join this group.`,
         true,
       );
     });