Simple rendering of tags in lists

core/models.py

@@ -1,5 +1,6 @@
 # -*- coding: utf-8 -*-
 import random
+import re
 from datetime import timedelta
 from typing import Iterable, Optional
 
@@ -120,6 +121,20 @@ class Tag(TagBase):
         blank=False,
     )
 
+    @property
+    def complementary_color(self):
+        DARK, LIGHT = '#101010', '#EFEFEF'
+        if not self.color:
+            return DARK
+
+
+        r, g, b = [int(x, 16) for x in re.match("#(..)(..)(..)", self.color).groups()]
+        yiq = ((r * 299) + (g * 587) + (b * 114)) // 1000
+        if yiq >= 128:
+            return DARK
+        else:
+            return LIGHT
+
 
 class Tagged(GenericTaggedItemBase):
     tag = models.ForeignKey(

core/templates/core/note_list.html

@@ -27,6 +27,7 @@
                         <th>{% trans "Child" %}</th>
                     {% endif %}
                     <th>{% trans "Note" %}</th>
+                    <th>{% trans "Tags" %}</th>
                 </tr>
             </thead>
             <tbody>
@@ -54,6 +55,15 @@
                             <td><a href="{% url 'core:child' note.child.slug %}">{{ note.child }}</a></td>
                         {% endif %}
                         <td>{{ note.note }}</td>
+                        <td>
+                            {% for tag in note.tags.all %}
+                                <span class="badge badge-pill" style="background-color:{{ tag.color }};color:{{ tag.complementary_color }};">
+                                    {{ tag.name|escape }}
+                                </span>
+                            {% empty %}
+                                -
+                            {% endfor %}
+                        </td>
                     </tr>
                 {% empty %}
                     <tr>