From 4f7b84194b056b5d6d9acca4cceb2cabc04fd8a5 Mon Sep 17 00:00:00 2001
From: luxagraf <sng@luxagraf.net>
Date: Sat, 29 Dec 2018 08:37:39 -0600
Subject: cleaned up JS and made modal handler.

---
 design/templates/notes/notes_list.html | 54 +++++++++++++++++++++++++++-------
 1 file changed, 43 insertions(+), 11 deletions(-)

(limited to 'design/templates/notes/notes_list.html')

diff --git a/design/templates/notes/notes_list.html b/design/templates/notes/notes_list.html
index 393cf89..5ef067a 100644
--- a/design/templates/notes/notes_list.html
+++ b/design/templates/notes/notes_list.html
@@ -2,33 +2,65 @@
 
 {% block content %}
 <main>
-    <article class="note-container">
-        <h1>Notes {% if tags|length == 1%} tagged {% for tag in tags%}{{tag}}{%endfor%}{%endif%}</h1>
-        {% if tags|length >= 1%}<div>Tagged with: {% for tag in tags%}<a href="{{tag|slugify}}">{{tag}}</a>{%endfor%}</div>{%endif%}
+    <div class="note-container">
+        <div class="note-hed-wrapper">
+            <h1 class="note-hed">Notes</h1>
+            {% if tags|length >= 1%}<h2 class="note-subhed">Tagged with: {% for tag in tags%}<a href="{{tag.slug}}">{{tag.name}}</a>{%endfor%}</h2>{%endif%}
+
+            <h6 class="bottom-margin-0 inline-block"><button id="notebook-drop-btn" class="btn btn-light btn-drop-menu">Notebooks</button></h6>
+            <div id="notebook-drop-menu" class="dropmenu dropmenu-search">
+                    <div class="dropmenu-search-wrapper"> 
+                    <input class="search" autocapitalize="off" autocorrect="off" type="text" autocomplete="off" tabindex="-1" spellcheck="false" placeholder="Search..." id="notebook-input" data-list="#notebook-list" >
+                        <!--<svg class="fa d-icon d-icon-search svg-icon filter-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use xlink:href="#search"></use></svg>-->
+                    </div>
+                    <ul class="list dropmenu-list list-style-none notebook-list" id="notebook-list">{% for object in notebook_list %}
+                        <li ><a class="name" href="{{object.get_absolute_url}}">{{object.name}} - {{object.note_count}}</a></li>
+                    {%endfor%}</ul>
+            </div>
+
+            <h6 class="bottom-margin-0 inline-block"><button id="tags-drop-btn" class="btn btn-light btn-drop-menu">Tags</button></h6>
+            <div id="tags-drop-menu" class="dropmenu dropmenu-search">
+                <div class="dropmenu-search-wrapper"> 
+                    <input class="search" autocapitalize="off" autocorrect="off" type="text" autocomplete="off" tabindex="-1" spellcheck="false" placeholder="Search..." id="tags-input" data-list="#tags-list" >
+                    <!--<svg class="fa d-icon d-icon-search svg-icon filter-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use xlink:href="#search"></use></svg>-->
+                </div>
+                <ul class="list dropmenu-list list-style-none notebook-list" id="tags-list">{% for object in tag_list %}
+                    <li><a href="{{object.get_absolute_url}}">{{object.name}} - {{object.note_count}}</a></li>
+                {%endfor%}</ul>
+            </div>
+        </div>
+        {%comment%}        <label for="choices-single-default">Default</label>
+<select class="form-control" data-trigger name="choices-single-default" id="choices-single-default" placeholder="This is a search placeholder">
+<option placeholder>This is a placeholder</option>
+        {% for object in notebook_list %}
+        <option value="{{object.name}}" id="">{{object.name}}</option>
+        {% endfor %}
+</select>{%endcomment%}
+
             <ul class="list-note-preview">{% for object in object_list %}
                 {% include "notes/partials/note_list.html" with object=object %}
             {% endfor %}</ul>
-    </article>{% if tags|length >= 1%}
-    <aside class="note-list-container">
+    </div>{% if tags|length >= 1%}
+    {%comment%}<aside class="note-list-container">
         <div class="svg-wrapper"><svg class="svg-icon-arrow">
             <svg viewBox="0 0 16 13" id="shape-double-arrow" width="100%" height="100%"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square"><g id="Showing-post-info" transform="translate(-297.000000, -105.000000)" stroke="currentColor"><g transform="translate(305.000000, 111.500000) scale(-1, 1) rotate(-180.000000) translate(-305.000000, -111.500000) translate(297.000000, 105.000000)"><path d="M2.20710678,6.5 L6.85355339,1.85355339 L7.20710678,1.5 L6.5,0.792893219 L6.14644661,1.14644661 L1.14644661,6.14644661 L1.05805826,6.23483496 L0.792893219,6.5 L1.14644661,6.85355339 L6.14644661,11.8535534 L6.5,12.2071068 L7.20710678,11.5 L6.85355339,11.1464466 L2.20710678,6.5 Z" id="Combined-Shape"></path><path d="M10.2071068,6.5 L14.8535534,1.85355339 L15.2071068,1.5 L14.5,0.792893219 L14.1464466,1.14644661 L9.14644661,6.14644661 L9.05805826,6.23483496 L8.79289322,6.5 L9.14644661,6.85355339 L14.1464466,11.8535534 L14.5,12.2071068 L15.2071068,11.5 L14.8535534,11.1464466 L10.2071068,6.5 Z" id="Combined-Shape"></path></g></g></g></svg>
             </svg></div>
         <div class="">
             <ul class="list-note-preview">{% for obj in notes_list %}
                 <li>
-                    <a href="{% url 'notes:detail' obj.slug obj.pk %}">
+                    <a href="{{obj.get_absolute_url}}">
                         <h4>{{obj.title}}</h4>
                         <div class="note-preview">{{obj.body_text|truncatewords:12}}</div>
                     </a>
                 </li>
             {% endfor %}</ul>
         </div>
-    </aside>
+    </aside>{%endcomment%}
     {%else%}
-    <div class="balance-container-left">
-    </div>
+    <!--<div class="balance-container-left">
+    </div>-->
     {%endif%}
-    <div class="balance-container">
-    </div>
+    <!--<div class="balance-container">
+    </div>-->
 </main>
 {% endblock %}
-- 
cgit v1.2.3-70-g09d2