WIP: Add menu to footer. Closes #43.

biscuit/core/menus.py

@@ -20,5 +20,7 @@ MENUS = {
             'url': 'groups',
             'validators': ['menu_generator.validators.is_authenticated']
         }
+    ],
+    'FOOTER_MENU_CORE': [
     ]
 }

biscuit/core/static/css/style.css

@@ -3,16 +3,8 @@ html {
   min-height: 100%;
 }
 
-body {
-  margin-bottom: 60px;
-}
-
 .footer {
-  position: absolute;
-  bottom: 0;
   width: 100%;
-  height: 60px;
-  line-height: 60px;
 }
 
 body > .container {

biscuit/core/templates/core/base.html

@@ -46,16 +46,23 @@
 
  <footer class="footer text-dark bg-light">
   <div class="container">
-   <span class="text-muted">
-    <a href="https://biscuit.edugit.org/">
-     BiscuIT - The Free School Information System
-    </a>
-    &middot;
-    &copy; The BiscuIT Team @
-    <a href="https://www.teckids.org/">
-     Teckids e.V.
-    </a>
-   </span>
+   <div class="row">
+    <div class="col-sm-4 col-sm-offset-1 col-xs-10 col-xs-offset-1 text-center text-md-left">
+     <span class="text-muted text-left">
+      <a href="https://biscuit.edugit.org/">
+       BiscuIT - The Free School Information System
+      </a>
+      &middot;
+      &copy; The BiscuIT Team @
+      <a href="https://www.teckids.org/">
+       Teckids e.V.
+      </a>
+     </span>
+    </div>
+    <div class="col-sm-5 col-sm-offset-1 col-xs-10 col-xs-offset-1 text-center text-md-right">
+     {% with menu=FOOTER_MENU_CORE %}{% include "footer-menu.html" %}{% endwith %}
+    </div>
+   </div>
   </div>
  </footer>
 {% endblock %}

biscuit/core/templates/footer-menu.html

+{# -*- engine:django -*- #}
+{% load menu_generator %}
+    {% get_menu "FOOTER_MENU_CORE" as footer_menu %}
+     {% for item in footer_menu %}
+      <ul class="footer-link-list">
+       {% if not item.submenu %}
+         <a href="{{ item.url }}"> <i class="{{ item.icon_class }}"></i> {{ item.name }}</a>
+       {% endif %}
+      </ul>
+      {% if item.submenu %}
+       <div class="dropdown">
+        <a class="dropdown-toggle" data-toggle="dropdown" id="footerDropdown" aria-expanded="false" role="button" aria-haspopup="true" href="#">
+         {{ item.name }}
+        </a>
+        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="footerDropdown">
+        {% for menu in item.submenu %}
+         <a class="dropdown-item" href="{{ menu.url }}">
+          {{ menu.name }}
+         </a>
+        {% endfor %}
+        </div>
+       </li>
+      {% endif %}
+     {% endfor %}