atualizacao das tags de icone e das imagens de assinatura

dsgov/templatetags/br_footer_tags.py

@@ -188,15 +188,25 @@ class SocialSectionNode(template.Node):
             self.nodelist.render(context)
 
         # HTML dos ícones e imagens
-        social_links_html = ''.join([format_html(
-            '<a class="br-button circle" href="{}" aria-label="{}"><i class="fab {}" aria-hidden="true"></i></a>',
-            link['href'], link['aria_label'], link['icone']
-        ) for link in social_links])
-
-        assign_images_html = ''.join([format_html(
-            '<img class="ml-4" src="{}" alt="{}"/>',
-            img['src'], img['alt']
-        ) for img in assign_images])
+        social_links_html = ''.join([
+            format_html(
+                '<a class="br-button circle" href="{}" aria-label="{}">'
+                '<i class="fab {} {}" aria-hidden="true"></i></a>',
+                link['href'], link['aria_label'], link['icone'], link.get('extra_classes', '')
+            )
+            for link in social_links
+        ])
+
+        assign_images_html = ''.join([
+            format_html(
+                '<a href="{}"><img class="ml-4" src="{}" alt="{}"/></a>',
+                img['href'], img['src'], img['alt']
+            ) if img.get('href') else format_html(
+                '<img class="ml-4" src="{}" alt="{}"/>',
+                img['src'], img['alt']
+            )
+            for img in assign_images
+        ])
 
         return format_html(
             '''<div class="d-none d-sm-block">
@@ -216,15 +226,15 @@ class SocialSectionNode(template.Node):
         )
 
 @register.simple_tag(takes_context=True)
-def br_footer_rede_social(context, href, icone, aria_label):
-    # Esta tag agora não retorna HTML, apenas adiciona dados à lista.
-    context['social_links'].append({'href': href, 'icone': icone, 'aria_label': aria_label})
+def br_footer_rede_social(context, href, icone, aria_label, extra_classes=''):
+    # Esta tag apenas adiciona dados à lista.
+    context['social_links'].append({'href': href, 'icone': icone, 'aria_label': aria_label, 'extra_classes': extra_classes})
     return ''
 
 @register.simple_tag(takes_context=True)
-def br_footer_imagem(context, src, alt):
-    # Esta tag agora não retorna HTML, apenas adiciona dados à lista.
-    context['assign_images'].append({'src': src, 'alt': alt})
+def br_footer_imagem(context, src, alt, href=None):
+    # Esta tag apenas adiciona dados à lista.
+    context['assign_images'].append({'src': src, 'alt': alt, 'href': href})
     return ''
 
 @register.tag(name='br_footer_copyright')

tests/django_dsgov_test1/templates/examples_footer.html

@@ -81,13 +81,13 @@
             
             {# Seção de Redes Sociais que organiza suas próprias colunas e linhas #}
             {% br_footer_social_section title="Nossas Redes" %}
-                {% br_footer_rede_social href="#" icone="fa-facebook-f" aria_label="Facebook" %}
-                {% br_footer_rede_social href="#" icone="fa-twitter" aria_label="Twitter" %}
-                {% br_footer_rede_social href="#" icone="fa-linkedin-in" aria_label="LinkedIn" %}
-                {% br_footer_rede_social href="#" icone="fa-whatsapp" aria_label="WhatsApp" %}
+                {% br_footer_rede_social href="#" icone="fa-facebook-f" aria_label="Facebook" extra_classes="" %}
+                {% br_footer_rede_social href="#" icone="fa-twitter" aria_label="Twitter" extra_classes="" %}
+                {% br_footer_rede_social href="#" icone="fa-linkedin-in" aria_label="LinkedIn" extra_classes="" %}
+                {% br_footer_rede_social href="#" icone="fa-whatsapp" aria_label="WhatsApp" extra_classes="" %}
                 
-                {% br_footer_imagem src="https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/images/logo-assign-negative.png" alt="Logo 1" %}
-                {% br_footer_imagem src="https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/images/logo-assign-negative.png" alt="Logo 2" %}
+                {% br_footer_imagem src="https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/images/logo-assign-negative.png" alt="Logo 1" href="" %}
+                {% br_footer_imagem src="https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/images/logo-assign-negative.png" alt="Logo 2" href="" %}
             {% end_br_footer_social_section %}
 
         {% end_br_footer_main %}
@@ -172,13 +172,13 @@
             
             {# Seção de Redes Sociais que organiza suas próprias colunas e linhas #}
             {% br_footer_social_section title="Nossas Redes" %}
-                {% br_footer_rede_social href="#" icone="fa-facebook-f" aria_label="Facebook" %}
-                {% br_footer_rede_social href="#" icone="fa-twitter" aria_label="Twitter" %}
-                {% br_footer_rede_social href="#" icone="fa-linkedin-in" aria_label="LinkedIn" %}
-                {% br_footer_rede_social href="#" icone="fa-whatsapp" aria_label="WhatsApp" %}
+                {% br_footer_rede_social href="#" icone="fa-facebook-f" aria_label="Facebook" extra_classes="" %}
+                {% br_footer_rede_social href="#" icone="fa-twitter" aria_label="Twitter" extra_classes="" %}
+                {% br_footer_rede_social href="#" icone="fa-linkedin-in" aria_label="LinkedIn" extra_classes="" %}
+                {% br_footer_rede_social href="#" icone="fa-whatsapp" aria_label="WhatsApp" extra_classes="" %}
                 
-                {% br_footer_imagem src="https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/images/logo-assign-positive.png" alt="Logo 1" %}
-                {% br_footer_imagem src="https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/images/logo-assign-positive.png" alt="Logo 2" %}
+                {% br_footer_imagem src="https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/images/logo-assign-positive.png" alt="Logo 1" href="" %}
+                {% br_footer_imagem src="https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/images/logo-assign-positive.png" alt="Logo 2" href="" %}
             {% end_br_footer_social_section %}
 
         {% end_br_footer_main %}