Use a modal to show sponsors (#465)

* Use a modal to show sponsors * Redirect old sponsors route * Remove "#sponsors" slug when closing modal * Remove sponsors_html language key * Wait for turbolink load * Move onclick event to js file * Remove whitespaces around link * Get rid of old sponsors route * Don't use browser history for modal
MaMpf-HD · Apr 21, 2023 · 03b6c00 · 03b6c00
1 parent e75f748
commit 03b6c00
Show file tree

Hide file tree

Showing 7 changed files with 131 additions and 118 deletions.
diff --git a/app/assets/javascripts/footer_modal.js b/app/assets/javascripts/footer_modal.js
@@ -0,0 +1,5 @@
+document.addEventListener("turbolinks:load", () => {
+    if (window.location.hash == "#sponsors") {
+        $('#sponsors').modal('show');
+    }
+});
diff --git a/app/views/main/_sponsors.html.erb b/app/views/main/_sponsors.html.erb
@@ -0,0 +1,111 @@
+<h3 class="mb-4">
+  <%= t('sponsors.sponsorships') %>
+</h3>
+<h5>
+  <%= t('sponsors.uni_hd') %>
+</h5>
+<ul>
+  <li class="d-block">
+    <strong>
+      2022-2023:
+    </strong>
+    <%= t('sponsors.heiquality_html',
+          hendrik: link_to('Hendrik Kasten',
+                            'https://www.mathi.uni-heidelberg.de/~kasten/',
+                            target: :_blank),
+          denis: link_to('Denis Vogel',
+                          'https://www.mathi.uni-heidelberg.de/~vogel/',
+                          target: :_blank)) %>
+  </li>
+  <li class="d-block">
+    <strong>
+      2019-2020:
+    </strong>
+    <%= t('sponsors.heistart_html',
+          hendrik: link_to('Hendrik Kasten',
+                            'https://www.mathi.uni-heidelberg.de/~kasten/',
+                            target: :_blank),
+          oli: link_to('Oliver Thomas',
+                        'https://www.mathi.uni-heidelberg.de/~othomas/',
+                        target: :_blank),
+          denis: link_to('Denis Vogel',
+                          'https://www.mathi.uni-heidelberg.de/~vogel/',
+                          target: :_blank),
+          fs_mathphysinfo: link_to('Fachschaft MathPhysInfo',
+                                    'https://mathphys.fsk.uni-heidelberg.de/w/',
+                                    target: :_blank)) %>
+  </li>
+  <li class="d-block">
+    <strong>
+      2018:
+    </strong>
+    <%= t('sponsors.physics_html',
+          physics_faculty: link_to('Fakultät für Physik und Astronomie',
+                                    'https://www.physik.uni-heidelberg.de/',
+                                    target: :_blank)) %>
+  </li>
+  <li class="d-block">
+    <strong>
+      <%= t('basics.since') %> 2017:
+    </strong>
+    <%= t('sponsors.math_html',
+        math_faculty: link_to('Fakultät für Mathematik und Informatik',
+                              'https://mathinf.uni-heidelberg.de/',
+                              target: :_blank)) %>
+  </li>
+</ul>
+<h5>
+  <%= t('sponsors.hse') %>
+</h5>
+<ul>
+  <li class="d-block">
+    <strong>
+      2019:
+    </strong>
+    <%= t('sponsors.go_digital_html',
+          digital_now: link_to('HSE: Go digital! Now!',
+                                'https://hse-heidelberg.de/ueber-uns/hse-go-digital-now',
+                                target: :_blank)) %>
+  </li>
+  <li class="d-block">
+    <strong>
+      2018-2019:
+    </strong>
+    <%= t('sponsors.fellowship_html',
+          place: link_to('PLACE',
+                          'https://www.hse-heidelberg.de/ueber-uns/place',
+                          target: :_blank),
+          hendrik: link_to('Hendrik Kasten',
+                            'https://www.mathi.uni-heidelberg.de/~kasten/',
+                            target: :_blank),
+          fellowship_project:  link_to('"Geometrie und Unterricht - Ausgestaltung eines
+                                        profillinienübergreifenden Verschränkungsmoduls im
+                                        Fach Mathematik"',
+                                'https://hse-heidelberg.de/forschung/forschungsprojekte/geometrie-und-unterricht-ausgestaltung-eines',
+                                target: :_blank)) %>
+  </li>
+  <li class="d-block">
+    <strong>
+      2018:
+    </strong>
+    <%= t('sponsors.zurlamitmu_html',
+          place: link_to('PLACE',
+                          'https://www.hse-heidelberg.de/ueber-uns/place',
+                          target: :_blank),
+          markus: link_to('Markus Vogel',
+                          'https://www.ph-heidelberg.de/vogel-markus.html',
+                          target: :_blank),
+          denis: link_to('Denis Vogel',
+                          'https://www.mathi.uni-heidelberg.de/~vogel/',
+                          target: :_blank),
+          zurlamitmu_project: link_to('"ZurLAmitMU"',
+                                      'https://hse-heidelberg.de/forschung/forschungsprojekte/zurlamitmu-zugaenge-zur-linearen-algebra-mit-multimedia-erleichtern',
+                                      target: :_blank)) %>
+  </li>
+</ul>
+
+<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+  <span aria-hidden="true">
+    &times;
+  </span>
+</button>
diff --git a/app/views/main/sponsors.html.erb b/app/views/main/sponsors.html.erb
diff --git a/app/views/shared/_footer.html.erb b/app/views/shared/_footer.html.erb
@@ -1,4 +1,17 @@
+<%= javascript_include_tag :footer_modal %>
+
 <% I18n.with_locale(current_user.try(:locale)) do %>
+
+<%# Sponsors modal %>
+<div id="sponsors" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="Sponsors list modal" aria-hidden="true">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content p-4">
+      <%= render partial: 'main/sponsors' %>
+    </div>
+  </div>
+</div>
+
+<%# Footbar %>
 <div class="container-fluid bg-grey-lighten-6 p-3">
   <div class="row">
     <div class="col text-md-left">
@@ -39,9 +52,8 @@
                             target: :_blank)) %>
     </div>
     <div class="col text-md-right">
-      <%= t('footer.sponsors_html',
-            sponsors: link_to(t('basics.sponsors'),
-                              sponsors_path)) %>
+      <a href="#sponsors" data-toggle="modal"
+          data-target="#sponsors"><%= t('basics.sponsors') %></a>
       <span style="margin-left: 20px;"></span>
       <a href="https://hse-heidelberg.de/"
          target="_blank"

diff --git a/config/locales/de.yml b/config/locales/de.yml
@@ -84,8 +84,6 @@ de:
       Bugs meldest Du am besten %{bugs}.
       Weiteres Feedback kannst Du gerne auch an %{feedback} schicken.
       Hintergrundbild von %{background_photo_credit}.
-    sponsors_html: >
-      %{sponsors}:
   sponsors:
     sponsorships: 'Projektförderungen'
     hse: 'Heidelberg School of Education (HSE)'

diff --git a/config/locales/en.yml b/config/locales/en.yml
@@ -107,8 +107,6 @@ en:
       Bugs can be reported %{bugs}.
       We encourage you to send further feedback to %{feedback}.
       Background image by %{background_photo_credit}.
-    sponsors_html: >
-      %{sponsors}:
   sponsors:
     sponsorships: 'Projekt funding'
     hse: 'Heidelberg School of Education (HSE)'

diff --git a/config/routes.rb b/config/routes.rb
@@ -881,10 +881,6 @@
       to: 'main#comments',
       as: 'comments'
 
-  get 'main/sponsors',
-      to: 'main#sponsors',
-      as: 'sponsors'
-
   get 'main/start',
       to: 'main#start',
       as: 'start'