Merge pull request #20 from levlaz/feature-tags

Feature tags

Author: levlaz

app/main/forms.py

@@ -6,6 +6,7 @@ class NoteForm(Form):
     title = StringField('Title:', validators=[Required()])
     body = TextAreaField('Dump Your Brain:', validators=[Required()])
     body_html = TextAreaField()
+    tags = StringField()
     submit = SubmitField('Submit')
 
 class ShareForm(Form):

app/main/views.py

@@ -6,7 +6,7 @@
 from .. import db
 from .forms import *
 from ..email import send_email
-from ..models import User, Note
+from ..models import User, Note, Tag
 
 @main.route('/', methods=['GET', 'POST'])
 def index():
@@ -15,6 +15,10 @@ def index():
         if form.validate_on_submit():
             note = Note(title=form.title.data,body=form.body.data, body_html=form.body_html.data,author=current_user._get_current_object())
             db.session.add(note)
+            tags = []
+            for tag in form.tags.data.split(','):
+                tags.append(tag)
+            note.str_tags = (tags)
             db.session.commit()
             return redirect(url_for('.index'))
         notes = Note.query.filter_by(author_id=current_user.id,is_deleted=False).order_by(Note.timestamp.desc()).all()
@@ -109,3 +113,9 @@ def share(id):
         flash('The note has been shared with ' + recipient_name + '.')
         return redirect(url_for('.index'))
     return render_template('share_note.html', form = form, notes=[note])
+
+@main.route('/tag/<name>')
+@login_required
+def tag(name):
+    tag = Tag.query.filter_by(tag=name).first()
+    return render_template('tag.html', notes=tag.notes, tag=name)

app/models.py

@@ -14,6 +14,18 @@
 def load_user(user_id):
     return User.query.get(int(user_id))
 
+# Association Tables
+note_tag = db.Table(
+    'note_tag',
+    db.Column(
+        'note_id',
+        db.Integer,
+        db.ForeignKey('notes.id', ondelete="CASCADE")),
+    db.Column(
+        'tag_id',
+        db.Integer,
+        db.ForeignKey('tags.id', ondelete="CASCADE")))
+
 class Role(db.Model):
     __tablename__ = 'roles'
     id = db.Column(db.Integer, primary_key=True)
@@ -133,6 +145,28 @@ class Note(db.Model):
     section_id = db.Column(db.Integer, db.ForeignKey('sections.id'))
     is_deleted = db.Column(db.Boolean, default=False)
 
+    tags = db.relationship("Tag", secondary=note_tag, backref="Note")
+
+    def _find_or_create_tag(self, tag):
+        q = Tag.query.filter_by(tag=tag)
+        t = q.first()
+        if not (t):
+            t = Tag(tag=tag.strip())
+        return t
+
+    def _get_tags(self):
+        return [x.tag for x in self.tags]
+
+    def _set_tags(self, value):
+        while self.tags:
+            del self.tags[0]
+        for tag in value:
+            self.tags.append(self._find_or_create_tag(tag))
+
+    str_tags = property(_get_tags,
+                        _set_tags,
+                        "Property str_tags is a simple wrapper for the tags relationship")
+
 class Notebook(db.Model):
     __tablename__ = 'notebooks'
     id = db.Column(db.Integer, primary_key=True)
@@ -147,3 +181,13 @@ class Section(db.Model):
     notebook_id = db.Column(db.Integer, db.ForeignKey('notebooks.id'))
 
     notes = db.relationship('Note', backref='section', lazy='dynamic')
+
+class Tag(db.Model):
+    __tablename__ = 'tags'
+    id = db.Column(db.Integer, primary_key=True)
+    tag = db.Column(db.String(200))
+
+    notes = db.relationship("Note", secondary=note_tag, backref="Tag")
+
+    def _get_notes(self):
+        return [x.title for x in self.notes]

app/static/css/bootstrap-tagsinput.css

@@ -0,0 +1,56 @@
+.bootstrap-tagsinput {
+  background-color: #fff;
+  border: 1px solid #ccc;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  display: inline-block;
+  padding: 4px 6px;
+  color: #555;
+  vertical-align: middle;
+  border-radius: 4px;
+  max-width: 100%;
+  line-height: 22px;
+  cursor: text;
+  margin-bottom: 5px;
+}
+.bootstrap-tagsinput input {
+  border: none;
+  box-shadow: none;
+  outline: none;
+  background-color: transparent;
+  padding: 0 6px;
+  margin: 0;
+  width: auto;
+  max-width: inherit;
+}
+.bootstrap-tagsinput.form-control input::-moz-placeholder {
+  color: #777;
+  opacity: 1;
+}
+.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
+  color: #777;
+}
+.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
+  color: #777;
+}
+.bootstrap-tagsinput input:focus {
+  border: none;
+  box-shadow: none;
+}
+.bootstrap-tagsinput .tag {
+  margin-right: 2px;
+  color: white;
+}
+.bootstrap-tagsinput .tag [data-role="remove"] {
+  margin-left: 8px;
+  cursor: pointer;
+}
+.bootstrap-tagsinput .tag [data-role="remove"]:after {
+  content: "x";
+  padding: 0px 2px;
+}
+.bootstrap-tagsinput .tag [data-role="remove"]:hover {
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}

app/static/css/style.css

@@ -68,6 +68,12 @@ div.pagination {
     margin: 0px;
 }
 
+.tags {
+  font-weight: bold;
+  float: left;
+  padding-right: 5px;
+}
+
 .note-body h1 {
     font-size: 140%;
 }