aboutsummaryrefslogtreecommitdiff
path: root/design
diff options
context:
space:
mode:
authorluxagraf <sng@luxagraf.net>2018-12-06 06:59:25 -0600
committerluxagraf <sng@luxagraf.net>2018-12-06 06:59:25 -0600
commitcb21e59587ab328e9a3e06c9d57c2bafce281715 (patch)
treeca98741b686ce3e00c0e001caedf51683b921a0c /design
parentd45fa99aa9d587b5674484f68955b43f39e8f6fd (diff)
restructed notes urls, added more tests
Diffstat (limited to 'design')
-rw-r--r--design/templates/notes/partials/note_list.html16
-rw-r--r--design/templates/notes/partials/note_sidebar.html13
-rw-r--r--design/templates/pages/page.html5
3 files changed, 30 insertions, 4 deletions
diff --git a/design/templates/notes/partials/note_list.html b/design/templates/notes/partials/note_list.html
new file mode 100644
index 0000000..0c91b34
--- /dev/null
+++ b/design/templates/notes/partials/note_list.html
@@ -0,0 +1,16 @@
+<li {% if object.notebook and not hidecolor %}class="notebook-colored" style="border-left-color: {{object.notebook.color_rgb}};" {% endif %} >
+ <a href="{% url 'notes:detail' object.slug object.pk %}">
+ <h4>{{object.title}}</h4>
+ <div class="note-preview">{{object.body_text|truncatewords:36}}</div>
+ </a>
+ <div class="flex-wrapper">{% if object.notebook and not hidenotebook %}
+ <div class="notebook">
+ <a href="{% url 'notebooks:detail' object.slug %}"><span class="color-box" style="background-color: {{object.notebook.color_rgb}}"></span>{{object.notebook}}</a>
+ </div>{% endif %}
+ <div class="tags">tags: {% for tag in object.tags.all %}
+ <a href="{% url 'notes:tags' tag.slug %}">
+ <span class="tag-wrapper" data-bg-color="#{{tag.color_hex}};" >{{tag}}</span>
+ </a>
+ {%endfor%}</div>
+ </div>
+ </li>
diff --git a/design/templates/notes/partials/note_sidebar.html b/design/templates/notes/partials/note_sidebar.html
new file mode 100644
index 0000000..1209fee
--- /dev/null
+++ b/design/templates/notes/partials/note_sidebar.html
@@ -0,0 +1,13 @@
+ <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 object in notes_list %}
+ <li>
+ <a href="{% url 'notes:detail' object.slug object.pk %}">
+ <h4>{{object.title}}</h4>
+ <div class="note-preview">{{object.body_text|truncatewords:12}}</div>
+ </a>
+ </li>
+ {% endfor %}</ul>
+ </div>
diff --git a/design/templates/pages/page.html b/design/templates/pages/page.html
index 3feff75..9eccaff 100644
--- a/design/templates/pages/page.html
+++ b/design/templates/pages/page.html
@@ -1,6 +1,6 @@
{% extends 'base.html' %}
{% block content %}
-<main>
+<main class="single-col">
<h1>{{page.title}}</h1>
{{page.body_html|safe}}
</main>
@@ -22,9 +22,6 @@
novicell.overlay.create({
'selector': trigger.getAttribute('data-element'),
'class': 'selector-overlay',
- "onCreate": function() { console.log('created'); },
- "onLoaded": function() { console.log('loaded'); },
- "onDestroy": function() { console.log('Destroyed'); }
});
});
{% endif %}