fix: display multiple lines in footer branding

Duplicate Richie footer behaviour to allow a multi-line branding footer. The last line of the branding footer should be reserved to Republica Portuguesa and FCCN. Update translations. fccn/nau-technical#173
fccn · Jun 26, 2024 · 1d89a04 · 1d89a04
1 parent cc6b588
commit 1d89a04
Show file tree

Hide file tree

Showing 10 changed files with 68 additions and 27 deletions.
diff --git a/edx-platform/nau-basic/conf/locale/en/LC_MESSAGES/django.mo b/edx-platform/nau-basic/conf/locale/en/LC_MESSAGES/django.mo
diff --git a/edx-platform/nau-basic/conf/locale/en/LC_MESSAGES/django.po b/edx-platform/nau-basic/conf/locale/en/LC_MESSAGES/django.po
@@ -7,7 +7,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: [email protected]\n"
-"POT-Creation-Date: 2024-05-21 15:33+0100\n"
+"POT-Creation-Date: 2024-06-26 08:23+0000\n"
 "PO-Revision-Date: 2021-06-02 21:22+0000\n"
 "Last-Translator: NAU <[email protected]>\n"
 "Language: en\n"
@@ -927,7 +927,7 @@ msgid ""
 msgstr ""
 
 #: edx-platform/nau-basic/cms/templates/widgets/footer.html:91
-#: edx-platform/nau-basic/lms/templates/footer.html:90
+#: edx-platform/nau-basic/lms/templates/footer.html:118
 msgid "All rights reserved"
 msgstr ""
 

diff --git a/edx-platform/nau-basic/conf/locale/en/LC_MESSAGES/djangojs.mo b/edx-platform/nau-basic/conf/locale/en/LC_MESSAGES/djangojs.mo
diff --git a/edx-platform/nau-basic/conf/locale/en/LC_MESSAGES/djangojs.po b/edx-platform/nau-basic/conf/locale/en/LC_MESSAGES/djangojs.po
@@ -7,7 +7,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: [email protected]\n"
-"POT-Creation-Date: 2024-05-21 15:33+0100\n"
+"POT-Creation-Date: 2024-06-26 08:23+0000\n"
 "PO-Revision-Date: 2021-06-02 21:22+0000\n"
 "Last-Translator: NAU <[email protected]>\n"
 "Language: en\n"

diff --git a/edx-platform/nau-basic/conf/locale/pt_PT/LC_MESSAGES/django.mo b/edx-platform/nau-basic/conf/locale/pt_PT/LC_MESSAGES/django.mo
diff --git a/edx-platform/nau-basic/conf/locale/pt_PT/LC_MESSAGES/django.po b/edx-platform/nau-basic/conf/locale/pt_PT/LC_MESSAGES/django.po
@@ -7,7 +7,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: [email protected]\n"
-"POT-Creation-Date: 2024-05-21 15:33+0100\n"
+"POT-Creation-Date: 2024-06-26 08:23+0000\n"
 "PO-Revision-Date: 2021-03-12 12:49+0000\n"
 "Last-Translator: NAU <[email protected]>\n"
 "Language: pt_PT\n"
@@ -1053,7 +1053,7 @@ msgid ""
 msgstr ""
 
 #: edx-platform/nau-basic/cms/templates/widgets/footer.html:91
-#: edx-platform/nau-basic/lms/templates/footer.html:90
+#: edx-platform/nau-basic/lms/templates/footer.html:118
 msgid "All rights reserved"
 msgstr "Todos os direitos reservados"
 

diff --git a/edx-platform/nau-basic/conf/locale/pt_PT/LC_MESSAGES/djangojs.mo b/edx-platform/nau-basic/conf/locale/pt_PT/LC_MESSAGES/djangojs.mo
diff --git a/edx-platform/nau-basic/conf/locale/pt_PT/LC_MESSAGES/djangojs.po b/edx-platform/nau-basic/conf/locale/pt_PT/LC_MESSAGES/djangojs.po
@@ -7,7 +7,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: [email protected]\n"
-"POT-Creation-Date: 2024-05-21 15:33+0100\n"
+"POT-Creation-Date: 2024-06-26 08:23+0000\n"
 "PO-Revision-Date: 2021-06-02 21:22+0000\n"
 "Last-Translator: NAU <[email protected]>\n"
 "Language: pt_PT\n"

diff --git a/edx-platform/nau-basic/lms/static/sass/partials/lms/theme/_footer.scss b/edx-platform/nau-basic/lms/static/sass/partials/lms/theme/_footer.scss
@@ -87,18 +87,32 @@ footer {
     }
 
     section#entities-quick-links {
-        display: flex;
-        justify-content: center;
         padding: 25px 65px;
-        flex-wrap: wrap;
 
         @media screen and (max-width: $breakpoint-medium) {
             flex-direction: column;
             padding-right: 0;
             padding-left: 0;
         }
 
-        & > div {
+        .entities-quick-links__line {
+            display:flex;
+            justify-content: center;
+            gap: 1.5rem;
+            border-block-end: 1px solid #dedede;
+            padding: 1rem 0 1.6rem 0;
+
+            &:last-child {
+                border: none;
+            }
+
+            @media screen and (max-width: $breakpoint-medium) {
+                flex-direction: column;
+                align-items: center;
+            }
+        }
+
+        .entities-links-logo { 
             text-align: center;
             padding-top: 10px;
             padding-right: 5px;
@@ -110,7 +124,6 @@ footer {
             }
 
             @media screen and (max-width: $breakpoint-medium) {
-                padding: 10px 10px 0;
                 margin-left: auto;
                 margin-right: auto;
             }

diff --git a/edx-platform/nau-basic/lms/templates/footer.html b/edx-platform/nau-basic/lms/templates/footer.html
@@ -65,26 +65,54 @@
   </section>
   <%
     entities_logos = static.get_value('NAU_ENTITIES_FOOTER', {}).get("itens", {})
+    footer_logos = static.get_value('NAU_FOOTER_LOGOS', {}).get("itens", {})
   %>
-  % if len(entities_logos)>0:
-    <!-- corporate entities logos -->
+    % if entities_logos or footer_logos:
     <section id="entities-quick-links">
-      % for entity in static.get_value('NAU_ENTITIES_FOOTER', {}).get("itens", {}):
-      <div class="entities-links-logo">
-        <a href="${entity.get('link','')}" class="entity-link" target="${entity.get('target', '_blank')}" rel="noopener">
-          <img
-            loading="lazy"
-            src="${entity.get('image', '')}"
-            alt="${entity.get('alt', '')}"
-            title="${entity.get('title', '')}"
-            width="${entity.get('width', '')}"
-            height="${entity.get('height', '')}" />
-        </a>
-      </div>
+    % if len(entities_logos)>0:
+    <!-- financing entities logos -->
+      <section class="entities-quick-links__line">
+      % for line in entities_logos:
+        <div class="entities-links-logo">
+          <a href="${line.get('link','')}" class="entity-link" target="${line.get('target', '_blank')}" rel="noopener">
+            <img
+              loading="lazy"
+              src="${line.get('image', '')}"
+              alt="${line.get('alt', '')}"
+              title="${line.get('title', '')}"
+              width="${line.get('width', '')}"
+              height="${line.get('height', '')}" />
+          </a>
+        </div>
       % endfor
+      </section>
+    <!-- end of financing entities logos -->
+    %endif
+
+    % if len(footer_logos)>0:
+    <!-- institutional logos -->
+      % for row in footer_logos:
+      <section class="entities-quick-links__line">
+        % for item in row: 
+        <div class="entities-links-logo">
+          <a href="${item.get('link','')}" class="entity-link" target="${item.get('target', '_blank')}" rel="noopener">
+            <img
+              loading="lazy"
+              src="${item.get('image', '')}"
+              alt="${item.get('alt', '')}"
+              title="${item.get('title', '')}"
+              width="${item.get('width', '')}"
+              height="${item.get('height', '')}" />
+          </a>
+        </div>
+        % endfor
+      </section>
+      % endfor
+    <!-- end of institutional logos -->
+    % endif
     </section>
-    <!-- ends corporate entities -->
-  %endif
+  % endif
+
   <section class="site-copyright">
     <div class="site-copyright--nau">
       <span>&copy; ${datetime.now().year} - FCT|FCCN<br>${_('All rights reserved')}</span>