Show tags

digimarks.py

@@ -131,17 +131,20 @@ class Bookmark(db.Model):
     def set_tags(self, tags):
         """ Set tags from `tags`, strip and sort them """
         tags_split = tags.split(',')
-        print tags_split
-        #map(str.strip, tags_split)
         tags_split = [x.strip() for x in tags_split]
         tags_split = list(unique_everseen(tags_split))
         tags_split.sort()
-        print tags_split
+        if tags_split[0] == '':
+            del tags_split[0]
         self.tags = ','.join(tags_split)
-        print self.tags
 
-    def get_tags(self):
-        return self.tags.split(',')
+    @property
+    def tags_list(self):
+        """ Get the tags as a list, iterable in template """
+        if self.tags:
+            return self.tags.split(',')
+        else:
+            return []
 
 
     def to_dict(self):

static/css/digimarks.css

@@ -1,4 +1,12 @@
 
+.tag
+{
+    color: #1b5e20; /* green darken-4 */
+    background-color: #c8e6c9; /* green lighten-3 */
+    padding: 2px;
+    border-radius: 5px;
+}
+
   /* label color */
    .input-field label {
      color: #000;

templates/bookmarks.html

@@ -24,6 +24,10 @@
                     {% if bookmark.favicon %}
                         <img src="{{ url_for('static', filename='favicons/' + bookmark.favicon) }}" />&nbsp;&nbsp;&nbsp;
                     {% endif %}
+                    {% for tag in bookmark.tags_list %}
+                        <span class="tag">{{ tag }}</span>
+                    {% endfor %}
+                    <p>
                     {% if bookmark.starred == True %}
                         <i class="material-icons">star</i>
                     {% endif %}
@@ -32,6 +36,7 @@
                     {% else %}
                         [ no title ]
                     {% endif %}
+                    </p>
                 </a>
             </div>
             <div class="card-reveal green darken-3">