From 5e4e3753e730b23a8ff0590436899527f332e0c4 Mon Sep 17 00:00:00 2001
From: Ohad Lutzky <ohad@lutzky.net>
Date: Fri, 6 Aug 2021 15:56:42 +0100
Subject: [PATCH] Nav items linking to timeline from dashboard

Fixes #271
---
 babybuddy/static_src/scss/icons.scss            |  4 ++++
 babybuddy/templates/babybuddy/nav-dropdown.html | 16 ++++++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/babybuddy/static_src/scss/icons.scss b/babybuddy/static_src/scss/icons.scss
index 5f337673..09f00901 100644
--- a/babybuddy/static_src/scss/icons.scss
+++ b/babybuddy/static_src/scss/icons.scss
@@ -100,6 +100,10 @@
     @extend .fa-thermometer-three-quarters;
 }
 
+.icon-timeline {
+    @extend .fa-history;
+}
+
 .icon-timer {
     @extend .fa-clock-o;
 }
diff --git a/babybuddy/templates/babybuddy/nav-dropdown.html b/babybuddy/templates/babybuddy/nav-dropdown.html
index 1cc77d7b..677ef04b 100644
--- a/babybuddy/templates/babybuddy/nav-dropdown.html
+++ b/babybuddy/templates/babybuddy/nav-dropdown.html
@@ -9,6 +9,14 @@
         </a>
 
         <div class="d-lg-none d-md-none d-flex ml-auto p-0 mr-2">
+            <div>
+                <!-- TODO: Actually link to the timeline... but for which child? -->
+                <a class="text-success"
+                    href="#"
+                    aria-expanded="false"><i class="icon icon-2x icon-timeline" aria-hidden="true"></i>
+                </a>
+                &nbsp;
+            </div>
             <form action="{% url 'core:timer-add-quick' %}" role="form" method="post" class="mr-2">
                 {% csrf_token %}
                 <label class="sr-only">{% trans "Quick Start Timer" %}</label>
@@ -89,6 +97,14 @@
                     </a>
                 </li>
 
+                <li class="nav-item{% if request.path == '/' %} active{% endif %}">
+                    <!-- TODO: Actually link to the timeline... but for which child? -->
+                    <a class="nav-link" href="{% url 'dashboard:dashboard' %}">
+                        <i class="icon icon-timeline" aria-hidden="true"></i>
+                        {% trans "Timeline" %}
+                    </a>
+                </li>
+
                 <li class="nav-item dropdown">
                     <a id="nav-children-menu-link"
                        class="nav-link dropdown-toggle"