Merge branch 'refs/heads/#54-mentions'

client/stylesheets/modules/posts.import.less

@@ -59,3 +59,7 @@ textarea {
     min-height: 200px;      
   }
 }
+
+[data-id="insert-post-form"] .-autocomplete-container {
+  margin-top: 15px;
+}

client/views/feed.html

@@ -21,7 +21,7 @@
   <div class="row">
     <div class="twelve columns">
       <form data-id="insert-post-form">
-        <textarea class="u-full-width insert-post-form" rows="1" placeholder="Write something..." data-id="body"></textarea>
+        {{>textareaAutocomplete settings=settings data-id="body" class="u-full-width insert-post-form" rows="1" placeholder="Write something..." }}
         <input type="submit" class="button-primary u-pull-right" value="Submit">
       </form>
     </div>

client/views/feed.js

@@ -64,10 +64,30 @@ Template.feed.onCreated(function () {
 
   this.autorun(() => {
     this.subscribe('posts.all', this.searchQuery.get(), this.filter.get(), this.limit.get());
+    this.subscribe('users.all', this.searchQuery.get(), this.limit.get());
     this.postsCount.set(Counts.get('posts.all'));
   });
 });
 
 Template.feed.onRendered(() => {
   autosize($('[data-id=body]'));
 });
+
+Template.feed.helpers({
+  //Settings for autocomplete in post field
+  settings: () => {
+    return {
+      position: 'bottom',
+      limit: 5,
+      rules: [
+        {
+          token: '@',
+          collection: Meteor.users,
+          field: 'username',
+          template: Template.userList,
+          filter: { _id: { $ne: Meteor.userId() }}
+        }
+      ]
+    };
+  }
+});