Added list selection on index

templates/index.html

@@ -1,7 +1,21 @@
 {% include "header.html" %}
 
 <body>
-    <h1 class="container" style="text-align: center">{{ data["title"] }}, {{data["username"].title()}}</h1>
+    <h1 class="container" style="text-align: center">{{ data["title"] }}, {{data["username"].title()}} 
+        <div class="dropdown">
+            <form action="/" method="get" id="test">
+            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Lists
+            </button>
+            <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
+                <button class="dropdown-item" type="submit" value="" id="" name="list">All</button>
+                {% for id, name in data["list_ids"] %}
+                <button class="dropdown-item" type="submit" value="{{id}}" id="{{id}}" name="list">{{name}}</button>
+                {% endfor %}
+            </div>
+        </form>
+          </div>
+        </h1>
     <!-- <aside> -->
     <div id="addForm">
         {% include "addForm.html" %}
@@ -26,7 +40,7 @@
                     </i></button></a>
         </div>
         <div>
-            {{data["list_ids"]}}
+
         </div>
     </div>
     <!-- jQuery library -->