From 498c1728fcc8fd1ca2da9730473bdd8337a1731b Mon Sep 17 00:00:00 2001
From: Fatimah Zulfiqar <fatimah0zulfiqar@gmail.com>
Date: Tue, 17 Dec 2024 09:41:55 +0100
Subject: [PATCH] signup: added info box for institutional email

---
 assets/less/zenodo-rdm/modules/popup.overrides    |  9 +++++++++
 .../invenio_accounts/register_user.html           | 15 ++++++++++++++-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/assets/less/zenodo-rdm/modules/popup.overrides b/assets/less/zenodo-rdm/modules/popup.overrides
index d60171dd..b2ef39bb 100644
--- a/assets/less/zenodo-rdm/modules/popup.overrides
+++ b/assets/less/zenodo-rdm/modules/popup.overrides
@@ -48,3 +48,12 @@
   max-width: 80vw;
   white-space: break-spaces;
 }
+
+.field-info{
+  padding: 0.4em !important;
+  margin-top: -0.7em !important;
+  [data-tooltip]::after {
+    width: 25vw;
+    white-space: break-spaces;
+  }
+}
\ No newline at end of file
diff --git a/templates/semantic-ui/invenio_accounts/register_user.html b/templates/semantic-ui/invenio_accounts/register_user.html
index 3c5f3275..c719bf25 100644
--- a/templates/semantic-ui/invenio_accounts/register_user.html
+++ b/templates/semantic-ui/invenio_accounts/register_user.html
@@ -1,6 +1,16 @@
 {%- extends config.ACCOUNTS_COVER_TEMPLATE %}
 
 {% from "invenio_accounts/_macros.html" import render_field, form_errors %}
+
+{% macro render_field_info(message, tooltip) %}
+  <div class="ui small bottom attached message info field-info">
+    {{ message }}
+    <span class="ui icon" data-position="bottom center" data-tooltip="{{ tooltip }}">
+      <i class="circle info icon"></i>
+    </span>
+  </div>
+{% endmacro %}
+
 {% block page_body %}
 <div class="ui centered container">
   <h1 class="ui inverted header text-center">Research. Shared! Sign up today</h1>
@@ -52,7 +62,10 @@ <h1 class="ui inverted header text-center">Research. Shared! Sign up today</h1>
       {{ form.hidden_tag() }}
 
       {%- block registration_form_fields scoped %}
-      {{ render_field(form.email, icon="user icon", autofocus=True, errormsg=False) }}
+        {{ render_field(form.email, icon="user icon", autofocus=True, errormsg=False) }}
+        {{ render_field_info(_('Please use an institutional email address'), _('An institutional email address helps us verify your account and prevents our spam filtering system from automatically blocking your account.')) }}  
+
+ 
       {{ render_field(form.password, icon="lock icon", errormsg=False) }}
 
       {%- if form.password_confirm %}