# HG changeset patch
# User Dennis Fink <dennis.fink@c3l.lu>
# Date 2015-07-20 21:52:16
# Node ID 2ddae36f141d4787c277f1d383683f841da5f643
# Parent  5a6564a762f681108cd575ad72e5a6313298f99b

Added multi-level dropdowns

diff --git a/ennstatus/static/css/ennstatus.css b/ennstatus/static/css/ennstatus.css
--- a/ennstatus/static/css/ennstatus.css
+++ b/ennstatus/static/css/ennstatus.css
@@ -51,3 +51,52 @@ h1, h2, h3, h4 {
    background-color: #00bf1a;
    color: #fff;
 }
+/* Multi level dropdown menu http://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3 */
+
+.dropdown-submenu {
+    position: relative;
+}
+
+.dropdown-submenu > .dropdown-menu {
+    top: 0;
+    left: 100%;
+    margin-top: -6px;
+    margin-left: -1px;
+    -webkit-border-radius: 0 6px 6px 6px;
+    -moz-border-radius: 0 6px 6px 6px;
+    border-radius: 0 6px 6px 6px;
+}
+
+.dropdown-submenu:hover > .dropdown-menu {
+    display: block;
+}
+
+.dropdown-submenu > a:after {
+    display: block;
+    content: " ";
+    float: right;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid;
+    border-width: 5px 0 5px 5px;
+    border-left-color: #ccc;
+    margin-top: 5px;
+    margin-right: -10px;
+}
+
+.dropdown-submenu:hover > a:after {
+    border-left-color: #fff;
+}
+
+.dropdown-submenu .pull-left {
+    float: none;
+}
+
+.dropdown-submenu .pull-left > .dropdown-menu {
+    left: -100%;
+    margin-left: 10px;
+    -webkit-border-radius: 6px 0 6px 6px;
+    -moz-border-radius: 6px 0 6px 6px;
+    border-radius: 6px 0 6px 6px;
+}
diff --git a/ennstatus/templates/base.html b/ennstatus/templates/base.html
--- a/ennstatus/templates/base.html
+++ b/ennstatus/templates/base.html
@@ -46,7 +46,13 @@
         <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Services <b class="caret"></b></a>
           <ul class="dropdown-menu">
-            <li><a>Tor Servers</a></li>
+            <li class="dropdown-submenu">
+              <a>Tor Servers</a>
+              <ul class="dropdown-menu">
+                <li><a href="{{ url_for('status.index') }}">Ennstatus Panel</a></li>
+                <li><a>Statistics</a></li>
+              </ul>
+            </li>
             <li><a>Mirrors</a></li>
             <li><a>About Ennstatus</a></li>
           </ul>
@@ -54,9 +60,25 @@
         <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Support <b class="caret"></b></a>
           <ul class="dropdown-menu">
-            <li><a>Donate</a></li>
-            <li><a>Become a member</a></li>
-            <li><a>Special programs</a></li>
+            <li class="dropdown-submenu">
+              <a>Donate</a>
+              <ul class="dropdown-menu">
+                <li><a>Wiretransfer</a></li>
+                <li><a>Snailmail</a></li>
+                <li><a>Paypal</a></li>
+                <li><a>Bitcoin</a></li>
+                <li><a>Flattr</a></li>
+                <li><a>BPM</a></li>
+                <li class="divider"></li>
+                <li><a>Received donations</a></li>
+              </ul>
+            </li>
+            <li class="dropdown-submenu">
+              <a>Special programs</a>
+              <ul class="dropdown-menu">
+                <li><a>Bridge program</a></li>
+              </ul>
+            </li>
           </ul>
         </li>
         <li class="dropdown">