From 5b9343d77d8321e44d1ffc60769c651771dc38dd Mon Sep 17 00:00:00 2001
From: luxagraf <sng@luxagraf.net>
Date: Sun, 13 Jan 2019 11:42:01 -0600
Subject: Refactored Javascript, started on forums

---
 design/templates/notes/notebook_detail.html   |  4 ++
 design/templates/notes/notes_list.html        |  2 +
 design/templates/notes/notes_list_by_tag.html | 71 +++++++++++++++++++++++++++
 3 files changed, 77 insertions(+)
 create mode 100644 design/templates/notes/notes_list_by_tag.html

(limited to 'design/templates/notes')

diff --git a/design/templates/notes/notebook_detail.html b/design/templates/notes/notebook_detail.html
index 49717ca..43ec1df 100644
--- a/design/templates/notes/notebook_detail.html
+++ b/design/templates/notes/notebook_detail.html
@@ -1,9 +1,13 @@
 {% extends 'base.html' %}
+{% block bodyid %}body-notebook{%endblock%}
 
 {% block extrastyles %}
 <script async src="/media/js/vanilla-picker.min.js"></script>
 {% endblock %}
 
+{% block color %}
+{% if object.color_rgb %}<div class="color" style="background-color: {{object.color_rgb}}"></div>{%endif%}
+{%endblock%}
 {% block content %}
 <main>
     <article class="note-container single-col">
diff --git a/design/templates/notes/notes_list.html b/design/templates/notes/notes_list.html
index 0799a1c..5b050b4 100644
--- a/design/templates/notes/notes_list.html
+++ b/design/templates/notes/notes_list.html
@@ -1,4 +1,6 @@
 {% extends 'base.html' %}
+{% block bodyid %}body-notebook{%endblock%}
+
 {% block content %}
 <main>
     <div class="note-container">
diff --git a/design/templates/notes/notes_list_by_tag.html b/design/templates/notes/notes_list_by_tag.html
new file mode 100644
index 0000000..d7cc350
--- /dev/null
+++ b/design/templates/notes/notes_list_by_tag.html
@@ -0,0 +1,71 @@
+{% extends 'base.html' %}
+{% block jsinclude %}
+    <script>
+    window.nbdata = [ {%spaceless%}{% for object in notebook_list %} {value: '{{object.get_absolute_url}}', label: '<span class="color-box" style="background-color: {{object.color_rgb}}"></span><span class="strong nb-name">{{object.name}}</span> x {{object.note_count}}' },{%endfor%} {value: '/nb/', label: '<span class="strong nb-name">All Notebooks</span>', selected: true, },{%endspaceless%}
+    ]
+    window.tagdata = [ {% for object in tag_list %} {value: '{{object.get_absolute_url}}', label: '{% if object.color_rgb %}<span class="color-box" style="background-color: {{object.color_rgb}}"></span>{%endif%}<span class="strong nb-name">{{object.name}}</span> x {{object.note_count}}' },{%endfor%} {value: '/t/', label: '<span class="strong nb-name">All Tags</span>', selected: true, },
+    ]
+    </script>
+<script src="/media/js/choices.min.js"></script>
+{%endblock%}
+{% block content %}
+<main>
+    <div class="note-container">
+        <div class="note-hed-wrapper">
+            <h1 class="note-hed">Notes</h1>
+            {% if messages %}
+            <ul class="messages">
+                {% for message in messages %}
+                    <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>
+                        {% if 'safe' in message.tags %}{{ message|safe }}{% else %}{{ message }}{% endif %}
+                    </li>
+                {% endfor %}
+            </ul>
+            {% endif %}
+            {% if tag_list|length >= 1%}<h2 class="note-subhed">Tagged with: {% for tag in tag%}<a href="{{tag.slug}}">{{tag.name}}</a>{%endfor%}</h2>{%endif%}
+            <div id="choices-container" class="flex-wrapper">
+            <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}}"><span class="color-box" style="background-color: {{object.color_rgb}}"></span><span class="strong nb-name">{{object.name}}</span> x {{object.note_count}}</a></li>
+            {%endfor%}</ul>
+            <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}}">{% if object.color_rgb %}<span class="color-box" style="background-color: {{object.color_rgb}}"></span>{%endif%}<span class="strong nb-name">{{object.name}}</span> x {{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>
+    </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="{{obj.get_absolute_url}}">
+                        <h4>{{obj.title}}</h4>
+                        <div class="note-preview">{{obj.body_text|truncatewords:12}}</div>
+                    </a>
+                </li>
+            {% endfor %}</ul>
+        </div>
+    </aside>{%endcomment%}
+    {%else%}
+    <!--<div class="balance-container-left">
+    </div>-->
+    {%endif%}
+    <!--<div class="balance-container">
+    </div>-->
+</main>
+{% endblock %}
+{% block jsdomready %}
+{% endblock %}
-- 
cgit v1.2.3-70-g09d2