Fix a bug in story creation

  Remove auto scroll from add story method
  Add highlight function for when a story be saved

CHANGELOG.md

@@ -4,6 +4,7 @@
 
 ### Fixed
 - Adjusted README to use yarn install instead npm install on project setup
+- Remove auto scroll to bottom when adding a story and highlights it instead
 
 ## [1.16.1] 2018-01-03
 ### Fixed

app/assets/javascripts/global_listeners.js

@@ -30,7 +30,6 @@ $(function() {
     // Show chilly bin if it's hidden
     $('.hide_chilly_bin.pressed').click();
     var newStoryElement = $('#chilly_bin div.story:last');
-    $('#chilly_bin').scrollTo(newStoryElement, 100);
   });
 
   // keycut listener

app/assets/javascripts/views/story_view.js

@@ -94,7 +94,7 @@ module.exports = FormView.extend({
     "fileuploaddone": "attachmentDone",
     "fileuploadstart": "attachmentStart",
     "fileuploadfail": "attachmentFail",
-    "click #locate": "highlightSearchedStories"
+    "click #locate": "highlightSearchedStory"
   },
 
   // Triggered whenever a story is dropped to a new position
@@ -301,6 +301,7 @@ module.exports = FormView.extend({
         that.enableForm();
         that.model.set({ editing: editMode });
         that.toggleControlButtons(false);
+        that.highlightStory($(that.storyElementId()));
       },
       error: function(model, response) {
         var json = $.parseJSON(response.responseText);
@@ -373,15 +374,22 @@ module.exports = FormView.extend({
     return story;
   },
 
-  highlightSearchedStories: function () {
-    let storyID = `#story-${ this.model.get('id') }`;
-    let storyElement = $(storyID);
+  highlightSearchedStory: function () {
+    let storyElement = $(this.storyElementId());
     $('.content-wrapper').animate({
       scrollTop: storyElement.offset().top - 15
     }, 'fast');
+    this.highlightStory(storyElement);
+  },
+
+  highlightStory: function (storyElement) {
     storyElement.effect("highlight", {color: 'lightgreen'}, 1500);
   },
 
+  storyElementId: function () {
+    return `#story-${ this.model.get('id') }`;
+  },
+
   render: function() {
     const storyControlsContainer = this.$('[data-story-controls]').get(0);