Add sidenav with list of portfolios

templates/base.html

@@ -21,6 +21,8 @@
     {% include 'navigation/topbar.html' %}
 
     <div class='global-layout'>
+      {% block global_sidenav %}{% endblock %}
+
       <div class='global-panel-container'>
         {% block sidenav %}{% endblock %}
 

templates/portfolios/base.html

@@ -1,5 +1,25 @@
+{% from "components/sidenav_item.html" import SidenavItem %}
+
 {% extends "base.html" %}
 
+{% block global_sidenav %}
+  <div class="global-navigation sidenav">
+    <div class="sidenav__title">Portfolios</div>
+    <ul class="sidenav__list--padded">
+      {% for other_portfolio in portfolios %}
+        {{ SidenavItem(other_portfolio.name,
+          href=url_for("portfolios.show_portfolio", portfolio_id=other_portfolio.id),
+          active=other_portfolio == portfolio
+          ) }}
+      {% endfor %}
+    </ul>
+    <a class="sidenav__link sidenav__link--add" href="{{ url_for("task_orders.get_started") }}" title="Fund a New Portfolio">
+      <span class="sidenav__link-label">Fund a New Portfolio</span>
+      {{ Icon("plus", classes="sidenav__link-icon") }}
+    </a>
+  </div>
+{% endblock %}
+
 {% block content %}
 
   <div class='portfolio-panel-container'>