Permitir customização de logo da coleção no header, menu, rodapé e páginas internas

opac/tests/test_interface_home.py

@@ -55,3 +55,90 @@ def test_collection_trans_home(self):
                 self.assertStatus(response, 200)
                 expected_anchor = "colección falsa"
                 self.assertIn(expected_anchor, response.data.decode("utf-8"))
+
+    def test_home_logo_shown_when_configured(self):
+        """
+        Verificamos se a home exibe o logo da coleção quando está configurado.
+        """
+
+        with current_app.app_context():
+            utils.makeOneCollection(
+                {
+                    "name_pt": "coleção falsa",
+                    "home_logo_pt": "http://example.com/logo_pt.png",
+                    "home_logo_en": "http://example.com/logo_en.png",
+                    "home_logo_es": "http://example.com/logo_es.png",
+                }
+            )
+
+            with self.client as c:
+                # idioma em 'pt_br'
+                response = c.get(
+                    url_for("main.set_locale", lang_code="pt_BR"),
+                    headers={"Referer": "/"},
+                    follow_redirects=True,
+                )
+
+                self.assertStatus(response, 200)
+                self.assertIn(
+                    "http://example.com/logo_pt.png",
+                    response.data.decode("utf-8"),
+                )
+                self.assertNotIn(
+                    'id="collectionNameHome"', response.data.decode("utf-8")
+                )
+
+                # idioma em 'en'
+                response = c.get(
+                    url_for("main.set_locale", lang_code="en"),
+                    headers={"Referer": "/"},
+                    follow_redirects=True,
+                )
+
+                self.assertStatus(response, 200)
+                self.assertIn(
+                    "http://example.com/logo_en.png",
+                    response.data.decode("utf-8"),
+                )
+
+    def test_home_logo_fallback_to_text_when_not_configured(self):
+        """
+        Verificamos se a home exibe o nome da coleção em texto quando não há logo configurado.
+        """
+
+        with current_app.app_context():
+            utils.makeOneCollection({"name_pt": "coleção falsa"})
+
+            with self.client as c:
+                response = c.get(
+                    url_for("main.set_locale", lang_code="pt_BR"),
+                    headers={"Referer": "/"},
+                    follow_redirects=True,
+                )
+
+                self.assertStatus(response, 200)
+                self.assertIn(
+                    'id="collectionNameHome"', response.data.decode("utf-8")
+                )
+                self.assertIn("coleção falsa", response.data.decode("utf-8"))
+
+    def test_home_aria_label_uses_collection_name(self):
+        """
+        Verificamos se o aria-label usa o nome dinâmico da coleção.
+        """
+
+        with current_app.app_context():
+            utils.makeOneCollection({"name_pt": "coleção falsa"})
+
+            with self.client as c:
+                response = c.get(
+                    url_for("main.set_locale", lang_code="pt_BR"),
+                    headers={"Referer": "/"},
+                    follow_redirects=True,
+                )
+
+                self.assertStatus(response, 200)
+                self.assertIn(
+                    'aria-label="Acessar site coleção coleção falsa"',
+                    response.data.decode("utf-8"),
+                )

opac/webapp/templates/article/includes/alternative_header.html

@@ -45,7 +45,12 @@ <h2 class="logo-svg">
           <div class="scielo__mainMenu" id="mainMenu">
              <div class="row">
                 <div class="col text-center">
-                   <div class="scielo__logo-scielo--small"></div>
+                   {%- set menu_logo_url = cimages.get_menu_logo(g.collection, session.lang)|default('')|trim -%}
+                   {%- if menu_logo_url -%}
+                     {{ cimages.render_logo(menu_logo_url, coll_macro.get_collection_name(), img_class='img-fluid') }}
+                   {%- else -%}
+                     <a href="/" aria-label="{% trans %}Página inicial da coleção{% endtrans %} {{ coll_macro.get_collection_name() }}"><div class="scielo__logo-scielo--small" aria-hidden="true"></div></a>
+                   {%- endif -%}
                 </div>
              </div>
              <nav>

opac/webapp/templates/article/includes/header.html

@@ -38,11 +38,16 @@
                 {% include "collection/includes/nav.html" %}
             </div>
             <div class="col col-md-3">
-                <a href="/" title="{% trans %}Ir para a homepage da coleção: {% endtrans %}{{ coll_macro.get_collection_name() }}">
+                {%- set header_logo_url = cimages.get_header_logo(g.collection, session.lang)|default('')|trim -%}
+                {%- if header_logo_url -%}
+                  {{ cimages.render_logo(header_logo_url, coll_macro.get_collection_name(), img_class='img-fluid scielo__logo-img mt-1 ms-5') }}
+                {%- else -%}
+                  <a href="/" title="{% trans %}Ir para a homepage da coleção: {% endtrans %}{{ coll_macro.get_collection_name() }}">
                     <div class="scielo__logo-scielo-collection mt-1 ms-5">
                       <small id="collectionNameInternal">{{ coll_macro.get_collection_name() }}</small>
                     </div>
-                </a>
+                  </a>
+                {%- endif -%}
             </div>
             <div class="d-none d-md-block d-lg-none col col-md-5 d-print-none">
                 <div class="dropdown mt-3">

opac/webapp/templates/collection/includes/header.html

@@ -1,4 +1,5 @@
 {% import 'macros/collection.html' as coll_macro %}
+{% import 'macros/images.html' as img_macro %}
 
 <link rel="stylesheet" href="../../../static/css/jquery.typeahead.css">
 <style>
@@ -90,12 +91,16 @@
       </div>
       <div class="row">
         <div class="col text-center">
-          <a href="/" alt="{{ coll_macro.get_collection_name() }}" aria-label="{% trans %}Acessar site coleção Brasil{% endtrans %}">
-            <span class="visually-hidden">Logo SciELO</span>
-            <h2 class="scielo__logo-scielo-caption mt-1">
-              <small id="collectionNameHome">{{ coll_macro.get_collection_name() }}</small>
-            </h2>
-          </a>
+          {%- set logo_url = img_macro.get_home_logo(g.collection, session.lang)|default('')|trim -%}
+          {%- if logo_url -%}
+            {{ img_macro.render_logo(logo_url, coll_macro.get_collection_name()) }}
+          {%- else -%}
+            <a href="/">
+              <h2 class="scielo__logo-scielo-caption mt-1">
+                <small id="collectionNameHome">{{ coll_macro.get_collection_name() }}</small>
+              </h2>
+            </a>
+          {%- endif -%}
         </div>
       </div>
 

opac/webapp/templates/collection/includes/nav.html

@@ -1,4 +1,5 @@
 {% import 'macros/collection.html' as coll_macro %}
+{% import 'macros/images.html' as img_macro %}
 
 <details class="scielo__accessibleMenu">
   <summary>
@@ -8,7 +9,12 @@
   <nav style="max-height: 780px;">
     <ul>
       <li class="logo">
-        <div class="scielo__logo-scielo--small"></div>
+        {%- set menu_logo_url = img_macro.get_menu_logo(g.collection, session.lang)|default('')|trim -%}
+        {%- if menu_logo_url -%}
+          {{ img_macro.render_logo(menu_logo_url, coll_macro.get_collection_name(), img_class='img-fluid') }}
+        {%- else -%}
+          <a href="/" aria-label="{% trans %}Página inicial da coleção{% endtrans %} {{ coll_macro.get_collection_name() }}"><div class="scielo__logo-scielo--small" aria-hidden="true"></div></a>
+        {%- endif -%}
       </li>
       <li>
         <a href="{{ url_for('.index') }}" alt="{% trans %}Acessar site coleção{% endtrans %} {{ coll_macro.get_collection_name() }}" aria-label="{% trans %}Acessar site coleção{% endtrans %} {{ coll_macro.get_collection_name() }}">

opac/webapp/templates/includes/footer.html

@@ -1,3 +1,5 @@
+{% import 'macros/images.html' as img_macro %}
+{% import 'macros/collection.html' as coll_macro %}
 <style>
 	.scielo__logo-partner{
       max-height: 50px;
@@ -19,10 +21,15 @@
 		<div class="container">
 			<div class="row">
 				<div class="col col-12 col-sm-2 text-center">
-					<div class="scielo__logo-scielo--small" alt="Logo SciELO"></div>
-				</div>
+				{%- set footer_logo_url = img_macro.get_footer_logo(g.collection)|default('')|trim -%}
+				{%- if footer_logo_url -%}
+					{{ img_macro.render_logo(footer_logo_url, coll_macro.get_collection_name()) }}
+				{%- else -%}
+					<a href="/" aria-label="{% trans %}Página inicial da coleção{% endtrans %} {{ coll_macro.get_collection_name() }}"><div class="scielo__logo-scielo--small" aria-hidden="true"></div></a>
+				{%- endif -%}
+			</div>
 				<div class="col col-12 col-sm-8 text-center text-sm-start">
-					<p><small><strong> SciELO - Scientific Electronic Library Online</strong></small></p>
+					<p><small><strong>{{ coll_macro.get_collection_name() }}</strong></small></p>
 					<p><small>{{ g.collection.address1 or '' }}<br/>
 						{{ g.collection.address2 or '' }}</small></p>
 						<div>

opac/webapp/templates/journal/includes/header.html

@@ -8,11 +8,16 @@
               {% include "collection/includes/nav.html" %}
           </div>
           <div class="col col-md-3">
-              <a href="/" title="{% trans %}Ir para a homepage da coleção: {% endtrans %}{{ coll_macro.get_collection_name() }}">
+              {%- set header_logo_url = cimages.get_header_logo(g.collection, session.lang)|default('')|trim -%}
+              {%- if header_logo_url -%}
+                {{ cimages.render_logo(header_logo_url, coll_macro.get_collection_name(), img_class='img-fluid scielo__logo-img my-1 ms-5') }}
+              {%- else -%}
+                <a href="/" title="{% trans %}Ir para a homepage da coleção: {% endtrans %}{{ coll_macro.get_collection_name() }}">
                   <div class="scielo__logo-scielo-collection my-1 ms-5">
                     <small id="collectionNameInternal">{{ coll_macro.get_collection_name() }}</small>
                   </div>
-              </a>
+                </a>
+              {%- endif -%}
           </div>
           <div class="d-none d-md-block d-lg-none col col-md-5 d-print-none">
               <div class="dropdown mt-3">

opac/webapp/templates/macros/images.html

@@ -35,6 +35,18 @@
     {%- endif -%}
 {%- endmacro %}
 
+
+{% macro get_footer_logo(collection) -%}
+    {{ collection.logo_footer|default("", true) }}
+{%- endmacro %}
+
+
+{% macro render_logo(logo_url, collection_name, href='/', img_class='img-fluid scielo__logo-img') -%}
+    {%- if logo_url -%}
+        <a href="{{ href }}"><img src="{{ logo_url }}" alt="{% trans %}Página inicial da coleção{% endtrans %} {{ collection_name }}" class="{{ img_class }}"></a>
+    {%- endif -%}
+{%- endmacro %}
+
 {% macro proxy_ssm_resource_url(ssm_url) -%}
     {%- if ssm_url.startswith('http') and config['SSM_MEDIA_PATH'] in ssm_url -%}
         {{ config['SSM_MEDIA_PATH'] }}{{ ssm_url.split(config['SSM_MEDIA_PATH'])[1] }}