From 34bc9f1d04f14dace36a08e89ad8bbe555c0fd10 Mon Sep 17 00:00:00 2001
From: Guilherme-NL <guilherme.nunes.lopes@gmail.com>
Date: Mon, 6 Nov 2023 10:13:13 -0300
Subject: [PATCH] feat: format all js and jsx files

---
 app/assets/javascripts/actions/actionTypes.js |   2 +-
 app/assets/javascripts/actions/labels.js      |  17 +-
 app/assets/javascripts/actions/note.js        |  20 +-
 .../javascripts/actions/notifications.js      |  55 +-
 .../javascripts/actions/pastIterations.js     |  15 +-
 .../javascripts/actions/projectBoard.js       |  44 +-
 app/assets/javascripts/actions/sprint.js      |  10 +-
 app/assets/javascripts/actions/story.js       |  50 +-
 app/assets/javascripts/actions/task.js        |  31 +-
 app/assets/javascripts/actions/user.js        |   4 +-
 app/assets/javascripts/central.js             |  19 +-
 .../collections/activity_collection.js        |   6 +-
 .../collections/note_collection.js            |   8 +-
 .../collections/project_collection.js         |  12 +-
 .../collections/story_collection.js           |  64 +-
 .../collections/task_collection.js            |   8 +-
 .../collections/user_collection.js            |  10 +-
 .../components/Columns/ColumnItem.jsx         |  60 +-
 .../components/Columns/EpicColumn.jsx         |  40 +-
 .../javascripts/components/Columns/index.jsx  |  45 +-
 .../javascripts/components/Markdown.jsx       |   8 +-
 .../components/Notifications/Message.jsx      |   4 +-
 .../components/Notifications/index.jsx        |  27 +-
 .../description/DescriptionContent.jsx        |  27 +-
 .../javascripts/components/forms/AsyncForm.js |   2 +-
 .../javascripts/components/forms/Checkbox.jsx |   9 +-
 .../components/jquery_wrappers/AtWhoInput.jsx |  16 +-
 .../components/jquery_wrappers/Popover.jsx    |  18 +-
 .../jquery_wrappers/TaggedInput.jsx           |  17 +-
 .../javascripts/components/notes/Note.jsx     |  44 +-
 .../javascripts/components/notes/NoteForm.jsx |  53 +-
 .../components/projects/ProjectBoard.jsx      |  52 +-
 .../components/projects/ProjectCard.jsx       | 123 ++--
 .../components/projects/ProjectList.jsx       |  22 +-
 .../components/projects/ProjectLoading.jsx    |   3 +-
 .../components/projects/ProjectSearch.jsx     |  60 +-
 .../projects/SideBar/SideBarButton.jsx        |  32 +-
 .../projects/SideBar/SideBarButtonInfo.jsx    |  11 +-
 .../components/projects/SideBar/index.jsx     | 103 +--
 .../javascripts/components/search/Search.jsx  |  30 +-
 .../components/search/SearchResults.jsx       |  24 +-
 .../components/search/SearchTooltip.jsx       |  88 ++-
 .../components/search/StorySearch.jsx         |  52 +-
 .../components/shapes/attachment.js           |   9 +-
 .../javascripts/components/shapes/column.js   |   4 +-
 .../javascripts/components/shapes/history.js  |   4 +-
 .../components/shapes/iteration.js            |   2 +-
 .../javascripts/components/shapes/note.js     |   5 +-
 .../components/shapes/pastIteration.js        |   2 +-
 .../javascripts/components/shapes/project.js  |  10 +-
 .../components/shapes/projectBoard.js         |   7 +-
 .../components/shapes/sideBarButton.js        |   2 +-
 .../javascripts/components/shapes/story.js    |   6 +-
 .../javascripts/components/shapes/task.js     |   2 +-
 .../sprint/SprintVelocitySimulation.jsx       |  64 +-
 .../sprint/SprintVelocitySimulationForm.jsx   |  24 +-
 .../History/HistoryChanges/HistoryChange.jsx  |  15 +-
 .../stories/History/HistoryChanges/index.jsx  |   6 +-
 .../stories/History/HistoryHeader.jsx         |   7 +-
 .../stories/History/HistoryItem.jsx           |  14 +-
 .../components/stories/History/index.jsx      |  33 +-
 .../components/stories/Iteration.jsx          |  14 +-
 .../javascripts/components/stories/Sprint.jsx |  62 +-
 .../components/stories/SprintHeader.jsx       |  35 +-
 .../components/stories/Sprints.jsx            |  49 +-
 .../components/stories/Stories.jsx            |  12 +-
 .../components/stories/StoryLink.jsx          |  26 +-
 .../components/story/AddStoryButton.jsx       |   7 +-
 .../CollapsedStory/CollapsedStoryEstimate.jsx |   6 +-
 .../CollapsedStoryEstimateButton.jsx          |  29 +-
 .../CollapsedStoryFocusButton.jsx             |  21 +-
 .../CollapsedStory/CollapsedStoryInfo.jsx     |   2 +-
 .../CollapsedStory/CollapsedStoryLabels.jsx   |  22 +-
 .../CollapsedStoryStateActions.jsx            |  59 +-
 .../CollapsedStoryStateButton.jsx             |   7 +-
 .../CollapsedStory/CollapsedStoryTitle.jsx    |  34 +-
 .../components/story/CollapsedStory/index.jsx |  56 +-
 .../ExpandedStory/ExpandedStoryControls.jsx   |  18 +-
 .../ExpandedStoryDefault/index.jsx            | 121 +--
 .../ExpandedStoryContentArea.jsx              |  20 +-
 .../ExpandedStoryDescriptionContent.jsx       |   7 +-
 .../ExpandedStoryDescriptionTextArea.jsx      |  10 +-
 .../ExpandedStoryDescription/index.jsx        |  41 +-
 .../ExpandedStory/ExpandedStoryEstimate.jsx   |  36 +-
 .../ExpandedStoryHistoryLocation.jsx          |  20 +-
 .../ExpandedStory/ExpandedStoryLabels.jsx     |  24 +-
 .../ExpandedStory/ExpandedStoryNotes.jsx      |  23 +-
 .../ExpandedStory/ExpandedStoryOwnedBy.jsx    |   7 +-
 .../ExpandedStoryReleaseDate.jsx              |  14 +-
 .../ExpandedStoryRelease/index.jsx            |  34 +-
 .../ExpandedStoryRequestedBy.jsx              |   7 +-
 .../ExpandedStory/ExpandedStorySection.jsx    |  17 +-
 .../ExpandedStory/ExpandedStoryState.jsx      |  28 +-
 .../story/ExpandedStory/ExpandedStoryTask.jsx |  55 +-
 .../ExpandedStory/ExpandedStoryTitle.jsx      |  13 +-
 .../ExpandedStory/ExpandedStoryToolTip.jsx    |  19 +-
 .../story/ExpandedStory/ExpandedStoryType.jsx |  19 +-
 .../components/story/ExpandedStory/index.jsx  |  26 +-
 .../components/story/StoryActionButton.jsx    |   7 +-
 .../components/story/StoryControls.jsx        |  29 +-
 .../components/story/StoryDatePicker.jsx      |  22 +-
 .../components/story/StoryDescription.jsx     |  13 +-
 .../components/story/StoryDescriptionIcon.jsx |  12 +-
 .../components/story/StoryEstimateButtons.jsx |   4 +-
 .../components/story/StoryHistoryLocation.jsx |  33 +-
 .../components/story/StoryIcon.jsx            |  12 +-
 .../components/story/StoryItem.jsx            |  42 +-
 .../components/story/StoryLabels.jsx          |  14 +-
 .../components/story/StoryNotes.jsx           |  13 +-
 .../components/story/StoryPopover.jsx         |  78 +-
 .../components/story/StorySelect.jsx          |  36 +-
 .../components/story/StoryStateButtons.jsx    |   6 +-
 .../components/story/StoryTasks.jsx           |  13 +-
 .../javascripts/components/story/StoryUrl.js  |   4 +-
 .../components/story/note/Note.jsx            |  22 +-
 .../components/story/note/NotesList.jsx       |  20 +-
 .../story/select_user/SelectUser.jsx          |  38 +-
 .../components/story/task/Task.jsx            |  22 +-
 .../components/story/task/TasksList.jsx       |  26 +-
 .../components/tag_groups/ColorPicker.jsx     |  37 +-
 .../javascripts/components/tasks/Task.jsx     |  10 +-
 .../javascripts/components/tasks/TaskForm.jsx |  53 +-
 .../beta/project_boards/ShowController.jsx    |   7 +-
 .../controllers/projects/EditController.js    |  10 +-
 .../controllers/projects/IndexController.jsx  |  18 +-
 .../tag_groups/TagGroupsController.jsx        |  31 +-
 .../controllers/tour/TourController.js        |  34 +-
 app/assets/javascripts/global_listeners.js    | 108 +--
 .../javascripts/libs/backbone_plugins.js      |   2 +-
 app/assets/javascripts/libs/beta/constants.js |  40 +-
 app/assets/javascripts/libs/cloudinary.js     |   8 +-
 .../javascripts/libs/execute_attachinary.js   |   4 +-
 app/assets/javascripts/libs/globals.js        |  20 +-
 app/assets/javascripts/libs/index.js          |  14 +-
 app/assets/javascripts/libs/jquery_plugins.js |  14 +-
 app/assets/javascripts/libs/precompile_ejs.js |  16 +-
 .../mixins/contextual_serach_operands.js      |   8 +-
 .../mixins/shared_model_methods.js            |  22 +-
 .../javascripts/mixins/tab_notification.js    |  12 +-
 app/assets/javascripts/models/activity.js     |  18 +-
 .../javascripts/models/beta/attachmentUrl.js  |  14 +-
 app/assets/javascripts/models/beta/column.js  |  22 +-
 app/assets/javascripts/models/beta/history.js |  25 +-
 .../javascripts/models/beta/iteration.js      | 147 ++--
 app/assets/javascripts/models/beta/label.js   |  27 +-
 app/assets/javascripts/models/beta/note.js    |  28 +-
 .../javascripts/models/beta/notification.js   |  12 +-
 .../javascripts/models/beta/pastIteration.js  |  10 +-
 app/assets/javascripts/models/beta/project.js |  19 +-
 .../javascripts/models/beta/projectBoard.js   | 113 ++-
 app/assets/javascripts/models/beta/search.js  |   8 +-
 app/assets/javascripts/models/beta/story.js   | 162 ++---
 app/assets/javascripts/models/beta/task.js    |  42 +-
 app/assets/javascripts/models/beta/user.js    |   3 +-
 app/assets/javascripts/models/iteration.js    | 250 ++++---
 app/assets/javascripts/models/note.js         |   7 +-
 .../javascripts/models/pastIteration.js       |  18 +-
 app/assets/javascripts/models/project.js      | 687 +++++++++---------
 app/assets/javascripts/models/projectBoard.js |  24 +-
 app/assets/javascripts/models/story.js        | 126 ++--
 app/assets/javascripts/models/task.js         |   9 +-
 app/assets/javascripts/models/tour.js         |  10 +-
 app/assets/javascripts/models/user.js         |  34 +-
 app/assets/javascripts/pusherSockets.js       |  28 +-
 app/assets/javascripts/reducers/history.js    |  19 +-
 .../javascripts/reducers/notifications.js     |   2 +-
 .../javascripts/reducers/pastIterations.js    |  12 +-
 app/assets/javascripts/reducers/project.js    |  12 +-
 .../javascripts/reducers/projectBoard.js      | 122 ++--
 app/assets/javascripts/reducers/stories.js    |  74 +-
 app/assets/javascripts/reducers/users.js      |  10 +-
 app/assets/javascripts/selectors/backlog.js   |  45 +-
 app/assets/javascripts/selectors/columns.js   |  26 +-
 app/assets/javascripts/selectors/done.js      |  18 +-
 app/assets/javascripts/selectors/project.js   |   2 +-
 .../javascripts/selectors/projectBoard.js     |   2 +-
 app/assets/javascripts/selectors/stories.js   |   4 +-
 .../javascripts/services/httpService.js       |   4 +-
 app/assets/javascripts/services/promises.js   |   8 +-
 .../javascripts/services/updateIfSameId.js    |   4 +-
 app/assets/javascripts/services/urlService.js |   4 +-
 app/assets/javascripts/store/index.js         |  13 +-
 app/assets/javascripts/views/column_view.js   |  39 +-
 .../views/column_visibility_button_view.jsx   |  51 +-
 app/assets/javascripts/views/epic_bar_view.js |  46 +-
 app/assets/javascripts/views/epic_view.js     |  35 +-
 app/assets/javascripts/views/form_view.js     |  63 +-
 app/assets/javascripts/views/history_view.js  |  70 +-
 .../javascripts/views/iteration_view.jsx      |  17 +-
 app/assets/javascripts/views/keycut_view.js   |  18 +-
 app/assets/javascripts/views/note_view.js     |  11 +-
 .../javascripts/views/project_search_view.js  |  54 +-
 .../views/project_velocity_override_view.js   |  43 +-
 .../views/project_velocity_view.js            |  17 +-
 app/assets/javascripts/views/project_view.jsx | 156 ++--
 .../views/search_results_bar_view.js          |  20 +-
 app/assets/javascripts/views/story_view.jsx   | 662 ++++++++++-------
 app/assets/javascripts/views/task_form.js     |  37 +-
 app/assets/javascripts/views/task_view.js     |  19 +-
 199 files changed, 3758 insertions(+), 3319 deletions(-)

diff --git a/app/assets/javascripts/actions/actionTypes.js b/app/assets/javascripts/actions/actionTypes.js
index d6cf9dcfc..1061f2a26 100644
--- a/app/assets/javascripts/actions/actionTypes.js
+++ b/app/assets/javascripts/actions/actionTypes.js
@@ -1,4 +1,4 @@
-import keyMirror from "keymirror";
+import keyMirror from 'keymirror';
 
 export default keyMirror({
   REQUEST_PROJECT_BOARD: null,
diff --git a/app/assets/javascripts/actions/labels.js b/app/assets/javascripts/actions/labels.js
index df99f848c..9201ff8a6 100644
--- a/app/assets/javascripts/actions/labels.js
+++ b/app/assets/javascripts/actions/labels.js
@@ -1,24 +1,23 @@
 import actionTypes from './actionTypes';
 
-export const addLabelToProject = (label) => ({
+export const addLabelToProject = label => ({
   type: actionTypes.ADD_LABEL_TO_PROJECT,
-  label
+  label,
 });
 
 export const addLabelSuccess = (storyId, label) => ({
   type: actionTypes.ADD_LABEL,
   storyId,
-  label
+  label,
 });
 
 export const removeLabel = (storyId, labelName) => ({
   type: actionTypes.DELETE_LABEL,
   storyId,
-  labelName
+  labelName,
 });
 
-export const addLabel = (storyId, label) =>
-  (dispatch) => {
-    dispatch(addLabelSuccess(storyId, label));
-    dispatch(addLabelToProject(label));
-  }
+export const addLabel = (storyId, label) => dispatch => {
+  dispatch(addLabelSuccess(storyId, label));
+  dispatch(addLabelToProject(label));
+};
diff --git a/app/assets/javascripts/actions/note.js b/app/assets/javascripts/actions/note.js
index 9c1aef494..e54a0310f 100644
--- a/app/assets/javascripts/actions/note.js
+++ b/app/assets/javascripts/actions/note.js
@@ -4,37 +4,37 @@ import { setLoadingStory, storyFailure } from './story';
 export const deleteNoteSuccess = (storyId, noteId) => ({
   type: actionTypes.DELETE_NOTE,
   storyId,
-  noteId
+  noteId,
 });
 
 export const createNoteSuccess = (storyId, note) => ({
   type: actionTypes.ADD_NOTE,
   storyId,
-  note
+  note,
 });
 
-export const deleteNote = (projectId, storyId, noteId) =>
+export const deleteNote =
+  (projectId, storyId, noteId) =>
   async (dispatch, getState, { Note }) => {
     dispatch(setLoadingStory(storyId));
 
     try {
       await Note.destroy(projectId, storyId, noteId);
       return dispatch(deleteNoteSuccess(storyId, noteId));
-    }
-    catch (error) {
+    } catch (error) {
       return dispatch(storyFailure(storyId, error));
     }
-  }
+  };
 
-export const createNote = (projectId, storyId, note) =>
+export const createNote =
+  (projectId, storyId, note) =>
   async (dispatch, getState, { Note }) => {
     dispatch(setLoadingStory(storyId));
 
     try {
       const newNote = await Note.post(projectId, storyId, note);
       return dispatch(createNoteSuccess(storyId, newNote));
-    }
-    catch (error) {
+    } catch (error) {
       return dispatch(storyFailure(storyId, error));
     }
-  }
+  };
diff --git a/app/assets/javascripts/actions/notifications.js b/app/assets/javascripts/actions/notifications.js
index 01490c60b..4b3515310 100644
--- a/app/assets/javascripts/actions/notifications.js
+++ b/app/assets/javascripts/actions/notifications.js
@@ -1,21 +1,22 @@
 import actionTypes from './actionTypes';
 import status from 'http-status';
 
-export const addNotification = (notification) => ({
+export const addNotification = notification => ({
   type: actionTypes.ADD_NOTIFICATION,
-  notification
+  notification,
 });
 
-export const removeNotification = (id) => ({
+export const removeNotification = id => ({
   type: actionTypes.REMOVE_NOTIFICATION,
-  id
+  id,
 });
 
-export const sendSuccessNotification = (message) =>
+export const sendSuccessNotification =
+  message =>
   (dispatch, getState, { Notification }) => {
     const newNotification = Notification.createNotification({
       type: Notification.types.SUCCESS,
-      message
+      message,
     });
 
     dispatch(addNotification(newNotification));
@@ -23,26 +24,28 @@ export const sendSuccessNotification = (message) =>
     setTimeout(() => {
       dispatch(removeNotification(newNotification.id));
     }, 4000);
-  }
+  };
 
 export const sendErrorNotification = (error, { custom = false } = {}) => {
   if (error.response) return sendServerErrorNotification(error);
   if (custom) return sendCustomErrorNotification(error);
   return sendDefaultErrorNotification();
-}
+};
 
-export const sendCustomErrorNotification = code =>
+export const sendCustomErrorNotification =
+  code =>
   (dispatch, _, { Notification }) =>
     dispatch(
       addNotification(
         Notification.createNotification({
           type: Notification.types.ERROR,
-          message: I18n.t(code)
+          message: I18n.t(code),
         })
       )
     );
 
-const sendServerErrorNotification = (error) =>
+const sendServerErrorNotification =
+  error =>
   (dispatch, getState, { Notification }) => {
     const type = Notification.types.ERROR;
 
@@ -56,7 +59,9 @@ const sendServerErrorNotification = (error) =>
           addNotification(
             Notification.createNotification({
               type,
-              message: I18n.t('users.You are not authorized to perform this action')
+              message: I18n.t(
+                'users.You are not authorized to perform this action'
+              ),
             })
           )
         );
@@ -65,39 +70,37 @@ const sendServerErrorNotification = (error) =>
           addNotification(
             Notification.createNotification({
               type,
-              message: I18n.t('not_found')
+              message: I18n.t('not_found'),
             })
           )
         );
       default:
-        return dispatch(
-          addDefaultErrorNotification(Notification)
-        );
+        return dispatch(addDefaultErrorNotification(Notification));
     }
-  }
+  };
 
-export const sendDefaultErrorNotification = () =>
+export const sendDefaultErrorNotification =
+  () =>
   (dispatch, getState, { Notification }) =>
-    dispatch(
-      addDefaultErrorNotification(Notification)
-    );
+    dispatch(addDefaultErrorNotification(Notification));
 
 const addDefaultErrorNotification = Notification =>
   addNotification(
     Notification.createNotification({
       type: Notification.types.ERROR,
-      message: I18n.t('messages.operations.error.default_error')
+      message: I18n.t('messages.operations.error.default_error'),
     })
-  )
+  );
 
-export const addValidationNotifications = (errors) =>
+export const addValidationNotifications =
+  errors =>
   (dispatch, getState, { Notification }) => {
     const notifications = Object.keys(errors).map(error =>
       Notification.createNotification({
         type: Notification.types.ERROR,
-        message: `Error. ${error}: ${errors[error]}`
+        message: `Error. ${error}: ${errors[error]}`,
       })
     );
 
     dispatch(addNotification(notifications));
-  }
+  };
diff --git a/app/assets/javascripts/actions/pastIterations.js b/app/assets/javascripts/actions/pastIterations.js
index 223733899..795f15b2e 100644
--- a/app/assets/javascripts/actions/pastIterations.js
+++ b/app/assets/javascripts/actions/pastIterations.js
@@ -1,29 +1,30 @@
 import actionTypes from './actionTypes';
 
-export const receivePastIterations = (pastIterations) => ({
+export const receivePastIterations = pastIterations => ({
   type: actionTypes.RECEIVE_PAST_ITERATIONS,
-  data: pastIterations
+  data: pastIterations,
 });
 
 export const requestPastStories = iterationNumber => ({
   type: actionTypes.REQUEST_PAST_STORIES,
-  iterationNumber
+  iterationNumber,
 });
 
 export const receivePastStories = (stories, iterationNumber, from) => ({
   type: actionTypes.RECEIVE_PAST_STORIES,
   iterationNumber,
   stories,
-  from
+  from,
 });
 
 export const errorRequestPastStories = (error, iterationNumber) => ({
   type: actionTypes.ERROR_REQUEST_PAST_STORIES,
   iterationNumber,
-  error
-}); 
+  error,
+});
 
-export const fetchPastStories = (iterationNumber, startDate, endDate) => 
+export const fetchPastStories =
+  (iterationNumber, startDate, endDate) =>
   async (dispatch, getState, { PastIteration }) => {
     const { project } = getState();
 
diff --git a/app/assets/javascripts/actions/projectBoard.js b/app/assets/javascripts/actions/projectBoard.js
index 5ac486c54..70ab38b0b 100644
--- a/app/assets/javascripts/actions/projectBoard.js
+++ b/app/assets/javascripts/actions/projectBoard.js
@@ -1,15 +1,15 @@
-import actionTypes from "./actionTypes";
-import { receiveUsers } from "./user";
-import { receiveStories, toggleStory } from "./story";
-import { receivePastIterations } from "./pastIterations";
-import { storyScopes } from "../libs/beta/constants";
-import { sendErrorNotification } from "./notifications";
+import actionTypes from './actionTypes';
+import { receiveUsers } from './user';
+import { receiveStories, toggleStory } from './story';
+import { receivePastIterations } from './pastIterations';
+import { storyScopes } from '../libs/beta/constants';
+import { sendErrorNotification } from './notifications';
 
 const requestProjectBoard = () => ({
   type: actionTypes.REQUEST_PROJECT_BOARD,
 });
 
-const receiveProjectBoard = (projectId) => ({
+const receiveProjectBoard = projectId => ({
   type: actionTypes.RECEIVE_PROJECT_BOARD,
   data: projectId,
 });
@@ -18,12 +18,12 @@ export const closeSearchSuccess = () => ({
   type: actionTypes.CLOSE_SEARCH,
 });
 
-const errorRequestProjectBoard = (error) => ({
+const errorRequestProjectBoard = error => ({
   type: actionTypes.ERROR_REQUEST_PROJECT_BOARD,
   error: error,
 });
 
-const receiveProject = (data) => ({
+const receiveProject = data => ({
   type: actionTypes.RECEIVE_PROJECT,
   data,
 });
@@ -38,27 +38,27 @@ export const updateStorySuccess = (story, from) => ({
   from,
 });
 
-export const searchStoriesSuccess = (keyWord) => ({
+export const searchStoriesSuccess = keyWord => ({
   type: actionTypes.SEARCH_STORIES_SUCCESS,
   keyWord,
 });
 
-export const updateLoadingSearch = (loading) => ({
+export const updateLoadingSearch = loading => ({
   type: actionTypes.LOADING_SEARCH,
   loading,
 });
 
-export const toggleColumnVisibility = (column) => ({
+export const toggleColumnVisibility = column => ({
   type: actionTypes.TOGGLE_COLUMN_VISIBILITY,
   column,
 });
 
 export const expandStoryIfNeeded = (dispatch, getHash) => {
-  const storyId = getHash("#story-");
+  const storyId = getHash('#story-');
 
   if (storyId) {
     dispatch(toggleStory(parseInt(storyId)));
-    window.history.pushState("", "/", window.location.pathname);
+    window.history.pushState('', '/', window.location.pathname);
   }
 };
 
@@ -67,7 +67,7 @@ export const sendErrorNotificationIfNeeded = (dispatch, code, condition) => {
 };
 
 export const toggleColumn =
-  (column) =>
+  column =>
   (dispatch, getState, { ProjectBoard }) => {
     const { projectBoard } = getState();
 
@@ -77,7 +77,7 @@ export const toggleColumn =
   };
 
 export const fetchProjectBoard =
-  (projectId) =>
+  projectId =>
   async (dispatch, getState, { ProjectBoard, UrlService }) => {
     dispatch(requestProjectBoard());
 
@@ -97,7 +97,7 @@ export const fetchProjectBoard =
     }
   };
 
-export const closeSearch = () => (dispatch) => {
+export const closeSearch = () => dispatch => {
   dispatch(closeSearchSuccess());
   dispatch(receiveStories([], storyScopes.SEARCH));
 };
@@ -107,19 +107,19 @@ export const search =
   (dispatch, _, { Search }) => {
     Search.searchStories(keyWord, projectId, {
       onStart: () => dispatch(updateLoadingSearch(true)),
-      onSuccess: (result) => {
+      onSuccess: result => {
         dispatch(updateLoadingSearch(false));
         dispatch(searchStoriesSuccess(keyWord));
-        dispatch(receiveStories(result, "search"));
+        dispatch(receiveStories(result, 'search'));
         sendErrorNotificationIfNeeded(
           dispatch,
-          "projects.stories_not_found",
+          'projects.stories_not_found',
           !result.length
         );
       },
-      onError: (error) => {
+      onError: error => {
         dispatch(
-          sendErrorNotification("messages.operations.error.default_error", {
+          sendErrorNotification('messages.operations.error.default_error', {
             custom: true,
           })
         );
diff --git a/app/assets/javascripts/actions/sprint.js b/app/assets/javascripts/actions/sprint.js
index a356cfc49..18c935514 100644
--- a/app/assets/javascripts/actions/sprint.js
+++ b/app/assets/javascripts/actions/sprint.js
@@ -1,10 +1,10 @@
 import actionTypes from './actionTypes';
 
-export const simulateSprintVelocity = (simulatedSprintVelocity) => ({
+export const simulateSprintVelocity = simulatedSprintVelocity => ({
   type: actionTypes.SIMULATE_SPRINT_VELOCITY,
-  simulatedSprintVelocity
-})
+  simulatedSprintVelocity,
+});
 
 export const revertSprintVelocity = () => ({
-  type: actionTypes.REVERT_TO_CALCULATED_VELOCITY
-})
+  type: actionTypes.REVERT_TO_CALCULATED_VELOCITY,
+});
diff --git a/app/assets/javascripts/actions/story.js b/app/assets/javascripts/actions/story.js
index 7300468a3..0cdc7080b 100644
--- a/app/assets/javascripts/actions/story.js
+++ b/app/assets/javascripts/actions/story.js
@@ -1,12 +1,12 @@
-import actionTypes from "./actionTypes";
+import actionTypes from './actionTypes';
 import {
   sendSuccessNotification,
   sendErrorNotification,
   sendDefaultErrorNotification,
-} from "./notifications";
-import { wait } from "../services/promises";
-import { storyScopes } from "../libs/beta/constants";
-import { storiesWithScope } from "../reducers/stories";
+} from './notifications';
+import { wait } from '../services/promises';
+import { storyScopes } from '../libs/beta/constants';
+import { storiesWithScope } from '../reducers/stories';
 
 export const createStory = (attributes, from) => ({
   type: actionTypes.CREATE_STORY,
@@ -20,12 +20,12 @@ export const addStory = (story, from) => ({
   from,
 });
 
-export const loadHistory = (title) => ({
+export const loadHistory = title => ({
   type: actionTypes.LOAD_HISTORY,
   title,
 });
 
-export const receiveHistory = (activities) => ({
+export const receiveHistory = activities => ({
   type: actionTypes.RECEIVE_HISTORY,
   activities,
 });
@@ -112,7 +112,7 @@ export const closeEpicColumn = () => ({
 });
 
 export const fetchEpic =
-  (label) =>
+  label =>
   async (dispatch, getState, { Story }) => {
     try {
       const { projectId } = getState().projectBoard;
@@ -130,10 +130,10 @@ export const confirmBeforeSaveIfNeeded = async (
   needConfirmation,
   callback
 ) => {
-  const confirmStoryChange = (story) =>
+  const confirmStoryChange = story =>
     confirm(
-      I18n.t("story.definitive_sure", {
-        action: I18n.t("story.change_to", {
+      I18n.t('story.definitive_sure', {
+        action: I18n.t('story.change_to', {
           state: I18n.t(`story.state.${story.state}`),
         }),
       })
@@ -190,26 +190,26 @@ export const updateCollapsedStory =
 
           dispatch(
             sendSuccessNotification(
-              I18n.t("messages.operations.success.story.save", {
+              I18n.t('messages.operations.success.story.save', {
                 story: updatedStory.title,
               })
             )
           );
         },
-        onError: (error) => {
+        onError: error => {
           dispatch(sendErrorNotification(error));
           dispatch(storyFailure(story.id, error, from));
         },
         onCanceled: () => {
           dispatch(
-            sendErrorNotification("messages.operations.cancel.default_cancel", {
+            sendErrorNotification('messages.operations.cancel.default_cancel', {
               custom: true,
             })
           );
           dispatch(
             storyFailure(
               story.id,
-              I18n.t("messages.operations.cancel.default_cancel"),
+              I18n.t('messages.operations.cancel.default_cancel'),
               from
             )
           );
@@ -262,27 +262,27 @@ export const saveStory =
             );
             dispatch(
               sendSuccessNotification(
-                I18n.t("messages.operations.success.story.create", {
+                I18n.t('messages.operations.success.story.create', {
                   story: story._editing.title,
                 })
               )
             );
           },
-          onError: (error) => {
+          onError: error => {
             dispatch(sendErrorNotification(error));
             dispatch(storyFailure(story.id, error, from));
           },
           onCanceled: () => {
             dispatch(
               sendErrorNotification(
-                "messages.operations.cancel.default_cancel",
+                'messages.operations.cancel.default_cancel',
                 { custom: true }
               )
             );
             dispatch(
               storyFailure(
                 story.id,
-                I18n.t("messages.operations.cancel.default_cancel"),
+                I18n.t('messages.operations.cancel.default_cancel'),
                 from
               )
             );
@@ -307,27 +307,27 @@ export const saveStory =
             dispatch(updateStorySuccess(updatedStory, from));
             dispatch(
               sendSuccessNotification(
-                I18n.t("messages.operations.success.story.save", {
+                I18n.t('messages.operations.success.story.save', {
                   story: updatedStory.title,
                 })
               )
             );
           },
-          onError: (error) => {
+          onError: error => {
             dispatch(sendErrorNotification(error));
             dispatch(storyFailure(story.id, error, from));
           },
           onCanceled: () => {
             dispatch(
               sendErrorNotification(
-                "messages.operations.cancel.default_cancel",
+                'messages.operations.cancel.default_cancel',
                 { custom: true }
               )
             );
             dispatch(
               storyFailure(
                 story.id,
-                I18n.t("messages.operations.cancel.default_cancel"),
+                I18n.t('messages.operations.cancel.default_cancel'),
                 from
               )
             );
@@ -357,7 +357,7 @@ export const deleteStory =
 
       return dispatch(
         sendSuccessNotification(
-          I18n.t("messages.operations.success.story.delete", {
+          I18n.t('messages.operations.success.story.delete', {
             story: storyTitle,
           })
         )
@@ -368,7 +368,7 @@ export const deleteStory =
     }
   };
 
-export const highlight = (storyId) => (dispatch) => {
+export const highlight = storyId => dispatch => {
   dispatch(updateHighlight(storyId, true));
   setTimeout(() => dispatch(updateHighlight(storyId, false)), 400);
 };
diff --git a/app/assets/javascripts/actions/task.js b/app/assets/javascripts/actions/task.js
index b371ab7e7..dc61ad8d7 100644
--- a/app/assets/javascripts/actions/task.js
+++ b/app/assets/javascripts/actions/task.js
@@ -4,54 +4,59 @@ import { setLoadingStory, storyFailure } from './story';
 export const createTaskSuccess = (task, storyId) => ({
   type: actionTypes.ADD_TASK,
   task,
-  storyId
+  storyId,
 });
 
 export const deleteTaskSuccess = (task, storyId) => ({
   type: actionTypes.REMOVE_TASK,
   task,
-  storyId
+  storyId,
 });
 
 export const toggleTaskSuccess = (task, story) => ({
   type: actionTypes.TOGGLE_TASK,
   task,
-  story
+  story,
 });
 
-export const createTask = (projectId, storyId, task) =>
+export const createTask =
+  (projectId, storyId, task) =>
   async (dispatch, getState, { Task }) => {
     dispatch(setLoadingStory(storyId));
 
     try {
       const newTask = await Task.post(projectId, storyId, task);
       return dispatch(createTaskSuccess(newTask, storyId));
-    }
-    catch (error) {
+    } catch (error) {
       return dispatch(storyFailure(storyId, error));
     }
   };
 
-export const deleteTask = (projectId, storyId, taskId) =>
+export const deleteTask =
+  (projectId, storyId, taskId) =>
   async (dispatch, getState, { Task }) => {
     dispatch(setLoadingStory(storyId));
 
     try {
       await Task.destroy(projectId, storyId, taskId);
       return dispatch(deleteTaskSuccess(taskId, storyId));
-    }
-    catch (error) {
+    } catch (error) {
       return dispatch(storyFailure(storyId, error));
     }
   };
 
-export const toggleTask = (projectId, story, task, status) =>
+export const toggleTask =
+  (projectId, story, task, status) =>
   async (dispatch, getState, { Task }) => {
     try {
-      const updatedTask = await Task.toggle(projectId, story.id, task.id, status);
+      const updatedTask = await Task.toggle(
+        projectId,
+        story.id,
+        task.id,
+        status
+      );
       return dispatch(toggleTaskSuccess(updatedTask, story));
-    }
-    catch (error) {
+    } catch (error) {
       return dispatch(storyFailure(storyId, error));
     }
   };
diff --git a/app/assets/javascripts/actions/user.js b/app/assets/javascripts/actions/user.js
index e6dacfb16..7c855a454 100644
--- a/app/assets/javascripts/actions/user.js
+++ b/app/assets/javascripts/actions/user.js
@@ -1,6 +1,6 @@
 import actionTypes from './actionTypes';
 
-export const receiveUsers = (users) => ({
+export const receiveUsers = users => ({
   type: actionTypes.RECEIVE_USERS,
-  data: users
+  data: users,
 });
diff --git a/app/assets/javascripts/central.js b/app/assets/javascripts/central.js
index 7bab01371..e8c8339bc 100644
--- a/app/assets/javascripts/central.js
+++ b/app/assets/javascripts/central.js
@@ -16,10 +16,16 @@ const Central = () => {
     data.project.current_flow = data.currentFlow;
     data.project.default_flow = data.defaultFlow;
 
-    var project  = new Project(data.project);
-    var view     = new ProjectView({ model: project, el: $('#project-stories') });
-    var search   = new ProjectSearchView({ model: project, el: $('#form_search') });
-    var velocity = new ProjectVelocityView({ model: project, el: $('#velocity') });
+    var project = new Project(data.project);
+    var view = new ProjectView({ model: project, el: $('#project-stories') });
+    var search = new ProjectSearchView({
+      model: project,
+      el: $('#form_search'),
+    });
+    var velocity = new ProjectVelocityView({
+      model: project,
+      el: $('#velocity'),
+    });
     var title = document.title;
 
     project.users.reset(data.users);
@@ -34,8 +40,7 @@ const Central = () => {
     });
 
     document.addEventListener('visibilitychange', () => {
-      if (!document.hidden)
-        TabNotification.changeTitle(title, document.hidden);
+      if (!document.hidden) TabNotification.changeTitle(title, document.hidden);
     });
 
     $(window).resize(view.scaleToViewport);
@@ -51,6 +56,6 @@ const Central = () => {
     const tourController = new TourController();
     tourController.initialize();
   }, 200);
-}
+};
 
 export default Central;
diff --git a/app/assets/javascripts/collections/activity_collection.js b/app/assets/javascripts/collections/activity_collection.js
index ba88d3980..51768f235 100644
--- a/app/assets/javascripts/collections/activity_collection.js
+++ b/app/assets/javascripts/collections/activity_collection.js
@@ -3,13 +3,13 @@ import Activity from '../models/activity';
 const ActivityCollection = Backbone.Collection.extend({
   model: Activity,
 
-  comparator: function(activity) {
+  comparator: function (activity) {
     return -new Date(activity.attributes.updated_at).getTime();
   },
 
-  url: function() {
+  url: function () {
     return this.story.url() + '/activities';
-  }
+  },
 });
 
 export default ActivityCollection;
diff --git a/app/assets/javascripts/collections/note_collection.js b/app/assets/javascripts/collections/note_collection.js
index 3a5e7b922..f10287e08 100644
--- a/app/assets/javascripts/collections/note_collection.js
+++ b/app/assets/javascripts/collections/note_collection.js
@@ -3,15 +3,15 @@ import Note from '../models/note';
 const NoteCollection = Backbone.Collection.extend({
   model: Note,
 
-  url: function() {
+  url: function () {
     return this.story.url() + '/notes';
   },
 
-  saved: function() {
-    return this.reject(function(note) {
+  saved: function () {
+    return this.reject(function (note) {
       return note.isNew();
     });
-  }
+  },
 });
 
 export default NoteCollection;
diff --git a/app/assets/javascripts/collections/project_collection.js b/app/assets/javascripts/collections/project_collection.js
index fe224d9c9..23f8bfc27 100644
--- a/app/assets/javascripts/collections/project_collection.js
+++ b/app/assets/javascripts/collections/project_collection.js
@@ -1,26 +1,26 @@
-import Project from "models/project";
+import Project from 'models/project';
 
 const ProjectCollection = Backbone.Collection.extend({
   model: Project,
-  url: "/projects",
+  url: '/projects',
 
   archived() {
     return new this.constructor(
-      this.filter((project) => project.get("archived_at"))
+      this.filter(project => project.get('archived_at'))
     );
   },
 
   notArchived() {
     return new this.constructor(
-      this.filter((project) => !project.get("archived_at"))
+      this.filter(project => !project.get('archived_at'))
     );
   },
 
   nameContains(name) {
     return new this.constructor(
       this.filter(
-        (project) =>
-          project.get("name").toLowerCase().indexOf(name.toLowerCase()) !== -1
+        project =>
+          project.get('name').toLowerCase().indexOf(name.toLowerCase()) !== -1
       )
     );
   },
diff --git a/app/assets/javascripts/collections/story_collection.js b/app/assets/javascripts/collections/story_collection.js
index 828d67b48..a4fa842d3 100644
--- a/app/assets/javascripts/collections/story_collection.js
+++ b/app/assets/javascripts/collections/story_collection.js
@@ -3,7 +3,7 @@ import Story from '../models/story';
 const StoryCollection = Backbone.Collection.extend({
   model: Story,
 
-  initialize: function() {
+  initialize: function () {
     _.bindAll(this, 'sort', 'addLabelsFromStory', 'resetLabels');
     var triggerReset = _.bind(this.trigger, this, 'reset');
 
@@ -18,60 +18,58 @@ const StoryCollection = Backbone.Collection.extend({
     this.labels = [];
   },
 
-  saveSorting: function(columnName) {
+  saveSorting: function (columnName) {
     var column = this;
-    if(columnName) {
+    if (columnName) {
       column = this.column(columnName);
     }
-    var orderedIds = column.map(
-      function(model) {
-        return model.id;
-      }
-    );
+    var orderedIds = column.map(function (model) {
+      return model.id;
+    });
     Backbone.ajax({
       method: 'PUT',
       url: this.url + '/sort',
-      data: { ordered_ids: orderedIds }
+      data: { ordered_ids: orderedIds },
     });
   },
 
-  comparator: function(story) {
+  comparator: function (story) {
     return story.position();
   },
 
-  columnStoryIndex: function(story) {
+  columnStoryIndex: function (story) {
     return this.column(story.column).indexOf(story);
   },
 
-  nextOnColumn: function(story) {
-    var index =  this.columnStoryIndex(story) + 1;
+  nextOnColumn: function (story) {
+    var index = this.columnStoryIndex(story) + 1;
     return this.storyByIndexOnColumn(index, story.column);
   },
 
-  previousOnColumn: function(story) {
+  previousOnColumn: function (story) {
     var index = this.columnStoryIndex(story) - 1;
     return this.storyByIndexOnColumn(index, story.column);
   },
 
-  storyByIndexOnColumn: function(index, column) {
-    if(index >= this.length || index < 0) {
+  storyByIndexOnColumn: function (index, column) {
+    if (index >= this.length || index < 0) {
       return undefined;
     }
     return this.column(column)[index];
   },
 
-  previous: function(story) {
+  previous: function (story) {
     var index = this.indexOf(story) - 1;
     return this.storyByIndex(index);
   },
 
-  next: function(story) {
+  next: function (story) {
     var index = this.indexOf(story) + 1;
     return this.storyByIndex(index);
   },
 
-  storyByIndex: function(index) {
-    if(index < 0 || index >= this.length) {
+  storyByIndex: function (index) {
+    if (index < 0 || index >= this.length) {
       return undefined;
     }
     return this.at(index);
@@ -79,37 +77,39 @@ const StoryCollection = Backbone.Collection.extend({
 
   // Returns all the stories in the named column, either #done, #in_progress,
   // #backlog or #chilly_bin
-  column: function(column) {
-    return this.select(function(story) {
+  column: function (column) {
+    return this.select(function (story) {
       return story.column === column;
     });
   },
 
   // Returns an array of the stories in a set of columns.  Pass an array
   // of the column names accepted by column().
-  columns: function(columns) {
+  columns: function (columns) {
     var that = this;
-    return _.flatten(_.map(columns, function(column) {
-      return that.column(column);
-    }));
+    return _.flatten(
+      _.map(columns, function (column) {
+        return that.column(column);
+      })
+    );
   },
 
   // Takes comma separated string of labels and adds them to the list of
   // availableLabels.  Any that are already present are ignored.
-  addLabels: function(labels) {
-    return (this.labels = _.union(this.labels,labels));
+  addLabels: function (labels) {
+    return (this.labels = _.union(this.labels, labels));
   },
 
-  addLabelsFromStory: function(story) {
+  addLabelsFromStory: function (story) {
     return this.addLabels(story.labels());
   },
 
-  resetLabels: function() {
+  resetLabels: function () {
     var collection = this;
-    collection.each(function(story) {
+    collection.each(function (story) {
       collection.addLabelsFromStory(story);
     });
-  }
+  },
 });
 
 export default StoryCollection;
diff --git a/app/assets/javascripts/collections/task_collection.js b/app/assets/javascripts/collections/task_collection.js
index 6f2cb36e9..464777605 100644
--- a/app/assets/javascripts/collections/task_collection.js
+++ b/app/assets/javascripts/collections/task_collection.js
@@ -3,15 +3,15 @@ import Task from '../models/task';
 const TaskCollection = Backbone.Collection.extend({
   model: Task,
 
-  url: function() {
+  url: function () {
     return this.story.url() + '/tasks';
   },
 
-  saved: function() {
-    return this.reject(function(task) {
+  saved: function () {
+    return this.reject(function (task) {
       return task.isNew();
     });
-  }
+  },
 });
 
 export default TaskCollection;
diff --git a/app/assets/javascripts/collections/user_collection.js b/app/assets/javascripts/collections/user_collection.js
index bbeb0b842..cdc876f1b 100644
--- a/app/assets/javascripts/collections/user_collection.js
+++ b/app/assets/javascripts/collections/user_collection.js
@@ -3,15 +3,15 @@ import User from '../models/user';
 const UserCollection = Backbone.Collection.extend({
   model: User,
 
-  comparator: function(user) {
+  comparator: function (user) {
     return user.get('name');
   },
 
-  forSelect: function() {
-    return this.sort().map(function(user) {
-      return [user.get('name'),user.id];
+  forSelect: function () {
+    return this.sort().map(function (user) {
+      return [user.get('name'), user.id];
     });
-  }
+  },
 });
 
 export default UserCollection;
diff --git a/app/assets/javascripts/components/Columns/ColumnItem.jsx b/app/assets/javascripts/components/Columns/ColumnItem.jsx
index b4c3ad2fe..961feec5b 100644
--- a/app/assets/javascripts/components/Columns/ColumnItem.jsx
+++ b/app/assets/javascripts/components/Columns/ColumnItem.jsx
@@ -3,37 +3,54 @@ import PropTypes from 'prop-types';
 import { Droppable } from 'react-beautiful-dnd';
 import { isDone } from '../../models/beta/column';
 
-export const Column = ({ title, children, renderAction, onClose, canClose, providedProps }) => (
+export const Column = ({
+  title,
+  children,
+  renderAction,
+  onClose,
+  canClose,
+  providedProps,
+}) => (
   <div className="Column" data-cy="column" data-id="column" {...providedProps}>
     <div className="Column__header">
       <h3 className="Column__name" data-id="column-title">
         {title}
       </h3>
       <div className="Column__actions">
-        { renderAction() }
-        {
-          canClose && (
-            <button
-              type="button"
-              data-id="column-button"
-              className="Column__btn-close"
-              onClick={onClose}
-            >
-              <i className="mi md-light md-16">close</i>
-            </button>
-          )
-        }
+        {renderAction()}
+        {canClose && (
+          <button
+            type="button"
+            data-id="column-button"
+            className="Column__btn-close"
+            onClick={onClose}
+          >
+            <i className="mi md-light md-16">close</i>
+          </button>
+        )}
       </div>
     </div>
     <div data-id="column-children" className="Column__body">
-      { children }
+      {children}
     </div>
   </div>
 );
 
-const DroppableColumn = ({ title, children, renderAction, onClose, visible, canClose, columnId }) => (
+const DroppableColumn = ({
+  title,
+  children,
+  renderAction,
+  onClose,
+  visible,
+  canClose,
+  columnId,
+}) =>
   visible && (
-    <Droppable droppableId={JSON.stringify({ columnId })} isDropDisabled={isDone(columnId)} type='column'>
+    <Droppable
+      droppableId={JSON.stringify({ columnId })}
+      isDropDisabled={isDone(columnId)}
+      type="column"
+    >
       {provided => (
         <Column
           canClose={canClose}
@@ -43,13 +60,12 @@ const DroppableColumn = ({ title, children, renderAction, onClose, visible, canC
           renderAction={renderAction}
           providedProps={{
             ref: provided.innerRef,
-            ...provided.droppableProps
+            ...provided.droppableProps,
           }}
         />
       )}
     </Droppable>
-  )
-)
+  );
 
 Column.propTypes = {
   title: PropTypes.string.isRequired,
@@ -64,7 +80,7 @@ Column.defaultProps = {
   renderAction: () => null,
   visible: true,
   children: '',
-  providedProps: {}
-}
+  providedProps: {},
+};
 
 export default DroppableColumn;
diff --git a/app/assets/javascripts/components/Columns/EpicColumn.jsx b/app/assets/javascripts/components/Columns/EpicColumn.jsx
index 52e549235..601e1866a 100644
--- a/app/assets/javascripts/components/Columns/EpicColumn.jsx
+++ b/app/assets/javascripts/components/Columns/EpicColumn.jsx
@@ -1,19 +1,26 @@
 import React from 'react';
 import Column from './ColumnItem';
 import Stories from '../stories/Stories';
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 import StoryPropTypes from '../shapes/story';
-import { totalPoints, donePoints, remainingPoints } from '../../models/beta/story';
+import {
+  totalPoints,
+  donePoints,
+  remainingPoints,
+} from '../../models/beta/story';
 import { EPIC } from '../../models/beta/column';
 import { closeEpicColumn } from '../../actions/story';
-import { connect } from "react-redux";
+import { connect } from 'react-redux';
 
-export const EpicColumnHeader = ({ stories }) =>
+export const EpicColumnHeader = ({ stories }) => (
   <div className="Sprint__header">
-    {I18n.t('projects.show.done')}: { donePoints(stories) } / {I18n.t('remaining')}: { remainingPoints(stories) }
-
-    <span className="done-points">{I18n.t('projects.reports.points')}: { totalPoints(stories) }</span>
+    {I18n.t('projects.show.done')}: {donePoints(stories)} /{' '}
+    {I18n.t('remaining')}: {remainingPoints(stories)}
+    <span className="done-points">
+      {I18n.t('projects.reports.points')}: {totalPoints(stories)}
+    </span>
   </div>
+);
 
 const EpicColumn = ({ stories, closeEpicColumn }) => (
   <Column
@@ -23,9 +30,7 @@ const EpicColumn = ({ stories, closeEpicColumn }) => (
     visible
   >
     <div className="Sprint">
-      <EpicColumnHeader
-        stories={stories}
-      />
+      <EpicColumnHeader stories={stories} />
       <div className="Sprint__body">
         <Stories columnId="epic" stories={stories} isDropDisabled from={EPIC} />
       </div>
@@ -35,18 +40,15 @@ const EpicColumn = ({ stories, closeEpicColumn }) => (
 
 EpicColumn.propTypes = {
   closeEpicColumn: PropTypes.func.isRequired,
-  stories: PropTypes.arrayOf(StoryPropTypes)
-}
+  stories: PropTypes.arrayOf(StoryPropTypes),
+};
 
 EpicColumn.defaultProps = {
-  stories: []
-}
+  stories: [],
+};
 
 const mapDispatchToProps = {
-  closeEpicColumn
+  closeEpicColumn,
 };
 
-export default connect(
-  null,
-  mapDispatchToProps
-)(EpicColumn);
+export default connect(null, mapDispatchToProps)(EpicColumn);
diff --git a/app/assets/javascripts/components/Columns/index.jsx b/app/assets/javascripts/components/Columns/index.jsx
index d65043e35..e7e3a5aa3 100644
--- a/app/assets/javascripts/components/Columns/index.jsx
+++ b/app/assets/javascripts/components/Columns/index.jsx
@@ -1,11 +1,11 @@
-import React from "react";
-import Column from "./ColumnItem";
-import PropTypes from "prop-types";
-import Stories from "../stories/Stories";
-import Sprints from "../stories/Sprints";
-import AddStoryButton from "../story/AddStoryButton";
+import React from 'react';
+import Column from './ColumnItem';
+import PropTypes from 'prop-types';
+import Stories from '../stories/Stories';
+import Sprints from '../stories/Sprints';
+import AddStoryButton from '../story/AddStoryButton';
 import { order } from '../../models/beta/column';
-import { status } from "../../libs/beta/constants";
+import { status } from '../../libs/beta/constants';
 
 const Columns = ({
   canClose,
@@ -16,16 +16,16 @@ const Columns = ({
   toggleColumn,
   createStory,
   visibleColumns,
-  reverse
+  reverse,
 }) => {
   const columns = [
     {
-      title: I18n.t("projects.show.chilly_bin"),
+      title: I18n.t('projects.show.chilly_bin'),
       renderAction: () => (
         <AddStoryButton
           onAdd={() =>
             createStory({
-              state: status.UNSCHEDULED
+              state: status.UNSCHEDULED,
             })
           }
         />
@@ -38,32 +38,27 @@ const Columns = ({
         />
       ),
       visible: visibleColumns.chillyBin,
-      onClose: () => toggleColumn("chillyBin")
+      onClose: () => toggleColumn('chillyBin'),
     },
     {
-      title: `${I18n.t("projects.show.backlog")} / ${I18n.t(
-        "projects.show.in_progress"
+      title: `${I18n.t('projects.show.backlog')} / ${I18n.t(
+        'projects.show.in_progress'
       )}`,
       renderAction: () => (
         <AddStoryButton
           onAdd={() =>
             createStory({
-              state: status.UNSTARTED
+              state: status.UNSTARTED,
             })
           }
         />
       ),
-      children: (
-        <Sprints
-          sprints={backlogSprints}
-          columnId="backlog"
-        />
-      ),
+      children: <Sprints sprints={backlogSprints} columnId="backlog" />,
       visible: visibleColumns.backlog,
-      onClose: () => toggleColumn("backlog")
+      onClose: () => toggleColumn('backlog'),
     },
     {
-      title: I18n.t("projects.show.done"),
+      title: I18n.t('projects.show.done'),
       children: (
         <Sprints
           sprints={doneSprints}
@@ -72,8 +67,8 @@ const Columns = ({
         />
       ),
       visible: visibleColumns.done,
-      onClose: () => toggleColumn("done")
-    }
+      onClose: () => toggleColumn('done'),
+    },
   ];
 
   return order(columns, reverse).map(column => (
@@ -99,7 +94,7 @@ Columns.propTypes = {
   toggleColumn: PropTypes.func.isRequired,
   createStory: PropTypes.func.isRequired,
   visibleColumns: PropTypes.object.isRequired,
-  reverse: PropTypes.bool.isRequired
+  reverse: PropTypes.bool.isRequired,
 };
 
 export default Columns;
diff --git a/app/assets/javascripts/components/Markdown.jsx b/app/assets/javascripts/components/Markdown.jsx
index f99ecd742..428335575 100644
--- a/app/assets/javascripts/components/Markdown.jsx
+++ b/app/assets/javascripts/components/Markdown.jsx
@@ -8,16 +8,14 @@ const Markdown = ({ source }) => {
     const descriptionHTML = window.md.makeHtml(source);
     const descriptionComponent = Parser(descriptionHTML);
 
-    return (
-      <div className='Markdown'>{ descriptionComponent }</div>
-    );
+    return <div className="Markdown">{descriptionComponent}</div>;
   }
 
   return null;
-}
+};
 
 Markdown.propTypes = {
-  source: PropTypes.string
+  source: PropTypes.string,
 };
 
 const MemoizedMarkdown = memoize(Markdown);
diff --git a/app/assets/javascripts/components/Notifications/Message.jsx b/app/assets/javascripts/components/Notifications/Message.jsx
index 4920a0186..467222a0e 100644
--- a/app/assets/javascripts/components/Notifications/Message.jsx
+++ b/app/assets/javascripts/components/Notifications/Message.jsx
@@ -17,14 +17,14 @@ const Message = ({ type, className, message, onRemove }) => {
         </button>
       </div>
     </div>
-  )
+  );
 };
 
 Message.propTypes = {
   type: PropTypes.string,
   className: PropTypes.string,
   message: PropTypes.string.isRequired,
-  onRemove: PropTypes.func.isRequired
+  onRemove: PropTypes.func.isRequired,
 };
 
 export default Message;
diff --git a/app/assets/javascripts/components/Notifications/index.jsx b/app/assets/javascripts/components/Notifications/index.jsx
index 213e16f00..8ef535a00 100644
--- a/app/assets/javascripts/components/Notifications/index.jsx
+++ b/app/assets/javascripts/components/Notifications/index.jsx
@@ -2,24 +2,23 @@ import React from 'react';
 import Message from './Message';
 import PropTypes from 'prop-types';
 
-const Notifications = ({ notifications, onRemove }) =>
+const Notifications = ({ notifications, onRemove }) => (
   <div className="Notifications">
-    {
-      notifications.map((notification) =>
-        <Message
-          className="Notifications__Message"
-          message={notification.message}
-          type={notification.type}
-          onRemove={() => onRemove(notification.id)}
-          key={notification.id}
-        />
-      )
-    }
+    {notifications.map(notification => (
+      <Message
+        className="Notifications__Message"
+        message={notification.message}
+        type={notification.type}
+        onRemove={() => onRemove(notification.id)}
+        key={notification.id}
+      />
+    ))}
   </div>
+);
 
 Notifications.propTypes = {
   notifications: PropTypes.array.isRequired,
-  onRemove: PropTypes.func.isRequired
-}
+  onRemove: PropTypes.func.isRequired,
+};
 
 export default Notifications;
diff --git a/app/assets/javascripts/components/description/DescriptionContent.jsx b/app/assets/javascripts/components/description/DescriptionContent.jsx
index 1c4cafa8d..92d519235 100644
--- a/app/assets/javascripts/components/description/DescriptionContent.jsx
+++ b/app/assets/javascripts/components/description/DescriptionContent.jsx
@@ -5,7 +5,7 @@ import memoize from 'memoizee';
 import StoryLink from 'components/stories/StoryLink';
 
 const editButton = isReadonly => {
-  return(
+  return (
     <input
       className={!isReadonly ? 'edit-description' : ''}
       name="edit-description"
@@ -14,26 +14,33 @@ const editButton = isReadonly => {
       type="button"
     />
   );
-}
+};
 
 const replaceStoryLink = (domNode, linkedStories) => {
   if (!domNode.attribs || !domNode.attribs['data-story-id']) return;
   const id = domNode.attribs['data-story-id'];
   const story = linkedStories[id];
-  return( <StoryLink story={story} key={id} /> );
-}
+  return <StoryLink story={story} key={id} />;
+};
 
-const DescriptionContent = ({ description, isReadonly, linkedStories, onClick }) => {
+const DescriptionContent = ({
+  description,
+  isReadonly,
+  linkedStories,
+  onClick,
+}) => {
   const descriptionHTML = window.md.makeHtml(description);
   const isEmpty = !description || !description.length;
 
-  description = Parser(descriptionHTML, { replace: domNode =>
-    replaceStoryLink(domNode, linkedStories)
+  description = Parser(descriptionHTML, {
+    replace: domNode => replaceStoryLink(domNode, linkedStories),
   });
 
-  return(
-    isEmpty ? editButton(isReadonly) : <div className='description'>{ description }</div>
+  return isEmpty ? (
+    editButton(isReadonly)
+  ) : (
+    <div className="description">{description}</div>
   );
-}
+};
 
 export default memoize(DescriptionContent);
diff --git a/app/assets/javascripts/components/forms/AsyncForm.js b/app/assets/javascripts/components/forms/AsyncForm.js
index b15c872df..66ea0e7d1 100644
--- a/app/assets/javascripts/components/forms/AsyncForm.js
+++ b/app/assets/javascripts/components/forms/AsyncForm.js
@@ -18,7 +18,7 @@ class AsyncForm extends React.Component {
   render() {
     return this.props.children({
       loading: this.state.loading,
-      handleSubmit: this._handleSubmit
+      handleSubmit: this._handleSubmit,
     });
   }
 }
diff --git a/app/assets/javascripts/components/forms/Checkbox.jsx b/app/assets/javascripts/components/forms/Checkbox.jsx
index d62190725..7f443201c 100644
--- a/app/assets/javascripts/components/forms/Checkbox.jsx
+++ b/app/assets/javascripts/components/forms/Checkbox.jsx
@@ -1,16 +1,17 @@
 import React from 'react';
 
-const Checkbox = ({ name, onChange, checked, disabled, children, label }) =>
+const Checkbox = ({ name, onChange, checked, disabled, children, label }) => (
   <label>
     <input
-      type='checkbox'
+      type="checkbox"
       name={name}
       checked={checked}
       disabled={disabled}
       onChange={onChange}
     />
-    { label }
-    { children }
+    {label}
+    {children}
   </label>
+);
 
 export default Checkbox;
diff --git a/app/assets/javascripts/components/jquery_wrappers/AtWhoInput.jsx b/app/assets/javascripts/components/jquery_wrappers/AtWhoInput.jsx
index 008d51604..862f5801c 100644
--- a/app/assets/javascripts/components/jquery_wrappers/AtWhoInput.jsx
+++ b/app/assets/javascripts/components/jquery_wrappers/AtWhoInput.jsx
@@ -3,7 +3,9 @@ import React from 'react';
 class AtWhoInput extends React.Component {
   constructor(props) {
     super(props);
-    this.saveTextareaRef = (textarea) => { this.textarea = textarea };
+    this.saveTextareaRef = textarea => {
+      this.textarea = textarea;
+    };
   }
 
   componentDidMount() {
@@ -11,16 +13,18 @@ class AtWhoInput extends React.Component {
   }
 
   loadAtWho() {
-    $(this.textarea).atwho({
-      at: "@",
-      data: this.props.usernames
-    }).on('inserted.atwho', this.props.onChange);
+    $(this.textarea)
+      .atwho({
+        at: '@',
+        data: this.props.usernames,
+      })
+      .on('inserted.atwho', this.props.onChange);
   }
 
   render() {
     return (
       <textarea
-        ref={ this.saveTextareaRef }
+        ref={this.saveTextareaRef}
         name={this.props.name}
         className={`form-control ${this.props.name}-textarea`}
         defaultValue={this.props.value}
diff --git a/app/assets/javascripts/components/jquery_wrappers/Popover.jsx b/app/assets/javascripts/components/jquery_wrappers/Popover.jsx
index 2d8ef56cb..e240e9771 100644
--- a/app/assets/javascripts/components/jquery_wrappers/Popover.jsx
+++ b/app/assets/javascripts/components/jquery_wrappers/Popover.jsx
@@ -10,18 +10,14 @@ export default class Popover extends Component {
   }
 
   componentDidMount() {
-    const {
-      delay,
-      trigger,
-      title
-    } = this.props;
+    const { delay, trigger, title } = this.props;
 
     $(this.childRef).popover({
       delay,
       trigger,
       title,
       html: true,
-      content: this.contentRef
+      content: this.contentRef,
     });
   }
 
@@ -40,21 +36,21 @@ export default class Popover extends Component {
   render() {
     return (
       <Fragment>
-        { this.props.children({ ref: this.saveChildRef }) }
+        {this.props.children({ ref: this.saveChildRef })}
         <div style={{ display: 'none' }}>
-          { this.props.renderContent({ ref: this.saveContentRef })}
+          {this.props.renderContent({ ref: this.saveContentRef })}
         </div>
       </Fragment>
     );
   }
-};
+}
 
 Popover.propTypes = {
   title: PropTypes.string.isRequired,
   trigger: PropTypes.string.isRequired,
-  delay: PropTypes.number
+  delay: PropTypes.number,
 };
 
 Popover.defaultProps = {
-  delay: 0
+  delay: 0,
 };
diff --git a/app/assets/javascripts/components/jquery_wrappers/TaggedInput.jsx b/app/assets/javascripts/components/jquery_wrappers/TaggedInput.jsx
index d8dfd573b..1ef122907 100644
--- a/app/assets/javascripts/components/jquery_wrappers/TaggedInput.jsx
+++ b/app/assets/javascripts/components/jquery_wrappers/TaggedInput.jsx
@@ -3,7 +3,9 @@ import React from 'react';
 class TaggedInput extends React.Component {
   constructor(props) {
     super(props);
-    this.saveInputRef = (input) => { this.input = input };
+    this.saveInputRef = input => {
+      this.input = input;
+    };
   }
 
   componentDidMount() {
@@ -11,9 +13,9 @@ class TaggedInput extends React.Component {
   }
 
   loadTagit() {
-    $(this.input).tagit(
-      this.tagitProperties()
-    ).on('change', this.props.onChange);
+    $(this.input)
+      .tagit(this.tagitProperties())
+      .on('change', this.props.onChange);
   }
 
   tagitProperties() {
@@ -24,12 +26,7 @@ class TaggedInput extends React.Component {
   }
 
   render() {
-    return (
-      <input
-        ref={ this.saveInputRef }
-        { ...this.props.input }
-      />
-    );
+    return <input ref={this.saveInputRef} {...this.props.input} />;
   }
 }
 
diff --git a/app/assets/javascripts/components/notes/Note.jsx b/app/assets/javascripts/components/notes/Note.jsx
index d9030b276..951b60575 100644
--- a/app/assets/javascripts/components/notes/Note.jsx
+++ b/app/assets/javascripts/components/notes/Note.jsx
@@ -1,34 +1,36 @@
 import React, { useMemo } from 'react';
 const Note = ({ note, disabled, onDelete }) => {
-
   const handleDelete = () => {
-    onDelete(note)
-  }
+    onDelete(note);
+  };
 
   const parseNote = useMemo(() => {
-    return ({
-      __html: window.md.makeHtml(note.escape('note'))
-    });
+    return {
+      __html: window.md.makeHtml(note.escape('note')),
+    };
   }, [note.note]);
-    
+
   return (
-    <div className='note'>
+    <div className="note">
       <div dangerouslySetInnerHTML={parseNote}></div>
-      <div className='note_meta'>
-        <span className='user'> { note.attributes.user_name } </span> -
-        <span className='created_at'> { note.attributes.created_at } </span>
-        {!disabled && <span>
-          - <button
-            onClick={handleDelete}
-            title={I18n.t('delete')}
-            className='delete-btn delete-note'
-          >
-            {I18n.t('delete')}
-          </button>
-        </span>}
+      <div className="note_meta">
+        <span className="user"> {note.attributes.user_name} </span> -
+        <span className="created_at"> {note.attributes.created_at} </span>
+        {!disabled && (
+          <span>
+            -{' '}
+            <button
+              onClick={handleDelete}
+              title={I18n.t('delete')}
+              className="delete-btn delete-note"
+            >
+              {I18n.t('delete')}
+            </button>
+          </span>
+        )}
       </div>
     </div>
   );
-}
+};
 
 export default Note;
diff --git a/app/assets/javascripts/components/notes/NoteForm.jsx b/app/assets/javascripts/components/notes/NoteForm.jsx
index f2c72a58a..85a923a55 100644
--- a/app/assets/javascripts/components/notes/NoteForm.jsx
+++ b/app/assets/javascripts/components/notes/NoteForm.jsx
@@ -4,44 +4,43 @@ import AsyncForm from 'components/forms/AsyncForm';
 class NoteForm extends React.Component {
   constructor(props) {
     super(props);
-    this.saveInputRef = input => { this.input = input };
+    this.saveInputRef = input => {
+      this.input = input;
+    };
     this._getFormData = this._getFormData.bind(this);
   }
 
   _getFormData() {
     return {
       note: this.props.note,
-      newValue: this.input.value
+      newValue: this.input.value,
     };
   }
 
   render() {
     return (
-      <AsyncForm
-        getFormData={this._getFormData}
-        onSubmit={this.props.onSubmit}
-      >
-        {
-          ({loading, handleSubmit}) => (
-            <div className='note_form clearfix'>
-              <textarea
-                name='note'
-                defaultValue=''
-                disabled={loading}
-                className='form-control note-textarea'
-                ref={this.saveInputRef}
-              />
-              <button
-                type='submit'
-                className={`add-note btn btn-default btn-xs ${loading ? 'icons-throbber saving' : ''}`}
-                disabled={loading}
-                onClick={handleSubmit}
-              >
-                { I18n.t('add note') }
-              </button>
-            </div>
-          )
-        }
+      <AsyncForm getFormData={this._getFormData} onSubmit={this.props.onSubmit}>
+        {({ loading, handleSubmit }) => (
+          <div className="note_form clearfix">
+            <textarea
+              name="note"
+              defaultValue=""
+              disabled={loading}
+              className="form-control note-textarea"
+              ref={this.saveInputRef}
+            />
+            <button
+              type="submit"
+              className={`add-note btn btn-default btn-xs ${
+                loading ? 'icons-throbber saving' : ''
+              }`}
+              disabled={loading}
+              onClick={handleSubmit}
+            >
+              {I18n.t('add note')}
+            </button>
+          </div>
+        )}
       </AsyncForm>
     );
   }
diff --git a/app/assets/javascripts/components/projects/ProjectBoard.jsx b/app/assets/javascripts/components/projects/ProjectBoard.jsx
index 11407e4d4..5cc100503 100644
--- a/app/assets/javascripts/components/projects/ProjectBoard.jsx
+++ b/app/assets/javascripts/components/projects/ProjectBoard.jsx
@@ -1,17 +1,17 @@
-import React, { useEffect, useState } from "react";
-import { connect } from "react-redux";
+import React, { useEffect, useState } from 'react';
+import { connect } from 'react-redux';
 import {
   fetchProjectBoard,
   toggleColumn,
   reverseColumns,
-} from "actions/projectBoard";
-import { fetchPastStories } from "actions/pastIterations";
-import { Column } from "../Columns/ColumnItem";
-import History from "../stories/History";
-import { getColumns } from "../../selectors/columns";
-import { closeHistory, createStory, dragDropStory } from "../../actions/story";
-import { CHILLY_BIN, DONE, BACKLOG, EPIC } from "../../models/beta/column";
-import PropTypes from "prop-types";
+} from 'actions/projectBoard';
+import { fetchPastStories } from 'actions/pastIterations';
+import { Column } from '../Columns/ColumnItem';
+import History from '../stories/History';
+import { getColumns } from '../../selectors/columns';
+import { closeHistory, createStory, dragDropStory } from '../../actions/story';
+import { CHILLY_BIN, DONE, BACKLOG, EPIC } from '../../models/beta/column';
+import PropTypes from 'prop-types';
 import {
   canCloseColumn,
   getPositions,
@@ -20,21 +20,21 @@ import {
   moveStory,
   getSprintColumn,
   dragStory,
-} from "../../models/beta/projectBoard";
-import { historyStatus, columns, storyTypes } from "libs/beta/constants";
-import StoryPropTypes from "../shapes/story";
-import ProjectBoardPropTypes from "../shapes/projectBoard";
-import Notifications from "../Notifications";
-import { removeNotification } from "../../actions/notifications";
-import StorySearch from "../search/StorySearch";
-import SprintVelocitySimulation from "../sprint/SprintVelocitySimulation";
-import SearchResults from "./../search/SearchResults";
-import ProjectLoading from "./ProjectLoading";
-import SideBar from "./SideBar";
-import Columns from "../Columns";
-import EpicColumn from "../Columns/EpicColumn";
-import { DragDropContext } from "react-beautiful-dnd";
-import { subscribeToProjectChanges } from "../../pusherSockets";
+} from '../../models/beta/projectBoard';
+import { historyStatus, columns, storyTypes } from 'libs/beta/constants';
+import StoryPropTypes from '../shapes/story';
+import ProjectBoardPropTypes from '../shapes/projectBoard';
+import Notifications from '../Notifications';
+import { removeNotification } from '../../actions/notifications';
+import StorySearch from '../search/StorySearch';
+import SprintVelocitySimulation from '../sprint/SprintVelocitySimulation';
+import SearchResults from './../search/SearchResults';
+import ProjectLoading from './ProjectLoading';
+import SideBar from './SideBar';
+import Columns from '../Columns';
+import EpicColumn from '../Columns/EpicColumn';
+import { DragDropContext } from 'react-beautiful-dnd';
+import { subscribeToProjectChanges } from '../../pusherSockets';
 
 export const ProjectBoard = ({
   fetchProjectBoard,
@@ -206,7 +206,7 @@ export const ProjectBoard = ({
         {history.status !== historyStatus.DISABLED && (
           <Column
             onClose={closeHistory}
-            title={`${I18n.t("projects.show.history")} '${history.storyTitle}'`}
+            title={`${I18n.t('projects.show.history')} '${history.storyTitle}'`}
             data-id="history-column"
             canClose
           >
diff --git a/app/assets/javascripts/components/projects/ProjectCard.jsx b/app/assets/javascripts/components/projects/ProjectCard.jsx
index 88ac5affb..c6a2a1985 100644
--- a/app/assets/javascripts/components/projects/ProjectCard.jsx
+++ b/app/assets/javascripts/components/projects/ProjectCard.jsx
@@ -5,50 +5,57 @@ export default class ProjectCard extends React.Component {
     const txt = document.createElement('textarea');
     txt.innerHTML = html;
     return txt.value;
-  };
+  }
 
   renderTag(project) {
-    if (!project.get('tag_name')) { return; }
+    if (!project.get('tag_name')) {
+      return;
+    }
 
     const style = {
       backgroundColor: project.get('tag_bg_color'),
-      color: project.get('tag_fore_color')
+      color: project.get('tag_fore_color'),
     };
 
     return (
       <small className="card-tag" style={style}>
-        { project.get('tag_name') }
+        {project.get('tag_name')}
       </small>
     );
   }
 
-  projectName(){
-    return this.decodeHTML(this.props.project.get('name')); 
+  projectName() {
+    return this.decodeHTML(this.props.project.get('name'));
   }
 
   panelHeading() {
     const { project, joined } = this.props;
 
     if (joined) {
-      return(
+      return (
         <div className="panel-heading card-heading">
           <div className="project-card-header-container">
-            <a href={ project.get('path_to').project } className="card-title project-title">
-              { this.projectName() }              
+            <a
+              href={project.get('path_to').project}
+              className="card-title project-title"
+            >
+              {this.projectName()}
             </a>
-            { this.renderTag(project) }
+            {this.renderTag(project)}
           </div>
           <div className="icons pull-right">
-            <a href={ project.get('path_to').projectReports }
+            <a
+              href={project.get('path_to').projectReports}
               className="unstyled-link"
               data-toggle="tooltip"
               data-placement="top"
-              data-title={ I18n.t('reports') }
+              data-title={I18n.t('reports')}
             >
               <i className="mi md-20 heading-icon">insert_chart</i>
             </a>
 
-            <a href={ project.get('path_to').projectUsers }
+            <a
+              href={project.get('path_to').projectUsers}
               className="unstyled-link"
               data-toggle="tooltip"
               data-placement="top"
@@ -57,7 +64,8 @@ export default class ProjectCard extends React.Component {
             </a>
 
             <span className="dropdown">
-              <a className="unstyled-link"
+              <a
+                className="unstyled-link"
                 type="button"
                 data-toggle="dropdown"
                 aria-haspopup="true"
@@ -66,26 +74,33 @@ export default class ProjectCard extends React.Component {
                 <i className="mi md-20 heading-icon">settings</i>
               </a>
 
-              <ul className="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel">
-                <li className="dropdown-header">
-                  { I18n.t('options') }
-                </li>
+              <ul
+                className="dropdown-menu dropdown-menu-right"
+                aria-labelledby="dLabel"
+              >
+                <li className="dropdown-header">{I18n.t('options')}</li>
 
                 <li>
-                  <a href={ project.get('path_to').projectSettings }
+                  <a
+                    href={project.get('path_to').projectSettings}
                     data-toggle="tooltip"
                     data-placement="top"
-                    data-title={ I18n.t('settings') }
+                    data-title={I18n.t('settings')}
                   >
-                    { I18n.t('settings') }
+                    {I18n.t('settings')}
                   </a>
                 </li>
 
                 <li className="divider"></li>
 
                 <li>
-                  <a href={`${project.get('path_to').projectUnjoin}${this.props.user.id}`} data-method="delete">
-                    { I18n.t('projects.unjoin') }
+                  <a
+                    href={`${project.get('path_to').projectUnjoin}${
+                      this.props.user.id
+                    }`}
+                    data-method="delete"
+                  >
+                    {I18n.t('projects.unjoin')}
                   </a>
                 </li>
               </ul>
@@ -95,11 +110,9 @@ export default class ProjectCard extends React.Component {
       );
     }
 
-    return(
+    return (
       <div className="panel-heading card-heading">
-        <span className="card-title">
-          { this.projectName() }
-        </span>
+        <span className="card-title">{this.projectName()}</span>
       </div>
     );
   }
@@ -108,28 +121,30 @@ export default class ProjectCard extends React.Component {
     const { project, joined } = this.props;
 
     if (joined) {
-      return(
+      return (
         <div className="panel-body">
           <div className="col-md-12 members">
-            <ul className="member-list">
-              { this.renderUsersAvatar() }
-            </ul>
+            <ul className="member-list">{this.renderUsersAvatar()}</ul>
           </div>
         </div>
       );
     }
 
     if (!joined && project.get('archived_at')) {
-      return(
+      return (
         <div className="panel-body">
-          <span className="col-md-12 text-center">{ I18n.t('projects.unable_to_join') }</span>
+          <span className="col-md-12 text-center">
+            {I18n.t('projects.unable_to_join')}
+          </span>
         </div>
       );
     }
 
-    return(
+    return (
       <div className="panel-body">
-        <span className="col-md-12 text-center">{ I18n.t('projects.to_view_more_join') }</span>
+        <span className="col-md-12 text-center">
+          {I18n.t('projects.to_view_more_join')}
+        </span>
       </div>
     );
   }
@@ -138,9 +153,11 @@ export default class ProjectCard extends React.Component {
     const { project, joined } = this.props;
 
     if (joined) {
-      return project.get('users_avatar').map((avatar_url) =>
-        <li key={ avatar_url } className="member"><img src={ avatar_url } alt="User avatar" className="identicon" /></li>
-      );
+      return project.get('users_avatar').map(avatar_url => (
+        <li key={avatar_url} className="member">
+          <img src={avatar_url} alt="User avatar" className="identicon" />
+        </li>
+      ));
     }
   }
 
@@ -148,23 +165,41 @@ export default class ProjectCard extends React.Component {
     const { project, joined } = this.props;
 
     if (project.get('archived_at')) {
-      return(<span className="card-footer panel-footer">{I18n.t('archived_at')} {project.get('archived_at')}</span>);
+      return (
+        <span className="card-footer panel-footer">
+          {I18n.t('archived_at')} {project.get('archived_at')}
+        </span>
+      );
     }
 
     if (joined) {
-      return (<a href={ project.get('path_to').project } className="card-footer panel-footer">{ I18n.t('projects.select') }</a>);
+      return (
+        <a
+          href={project.get('path_to').project}
+          className="card-footer panel-footer"
+        >
+          {I18n.t('projects.select')}
+        </a>
+      );
     }
 
-    return(<a href={ project.get('path_to').projectJoin } className="card-footer panel-footer">{ I18n.t('projects.join') }</a>);
+    return (
+      <a
+        href={project.get('path_to').projectJoin}
+        className="card-footer panel-footer"
+      >
+        {I18n.t('projects.join')}
+      </a>
+    );
   }
 
   render() {
     return (
       <div className="col-md-6">
         <div className="panel panel-default card project-item animated scale-in">
-          { this.panelHeading() }
-          { this.panelBody() }
-          { this.cardLink() }
+          {this.panelHeading()}
+          {this.panelBody()}
+          {this.cardLink()}
         </div>
       </div>
     );
diff --git a/app/assets/javascripts/components/projects/ProjectList.jsx b/app/assets/javascripts/components/projects/ProjectList.jsx
index 03e4a7fc1..64cc4d53d 100644
--- a/app/assets/javascripts/components/projects/ProjectList.jsx
+++ b/app/assets/javascripts/components/projects/ProjectList.jsx
@@ -5,20 +5,30 @@ export default class ProjectList extends React.Component {
   cards() {
     const { user, projects, joined } = this.props;
 
-    return projects.map((project) => {
-      return <ProjectCard key={ project.get('slug') } project={ project } user={ user } joined={ joined } />
+    return projects.map(project => {
+      return (
+        <ProjectCard
+          key={project.get('slug')}
+          project={project}
+          user={user}
+          joined={joined}
+        />
+      );
     });
   }
 
   render() {
-    const { projects, title } = this.props
+    const { projects, title } = this.props;
 
-    return(
+    return (
       <Fragment>
         <div className="col-md-12 project-list-title">
-          <h4><i className="mi md-20 heading-icon">view_module</i> { title } | { projects.length }</h4>
+          <h4>
+            <i className="mi md-20 heading-icon">view_module</i> {title} |{' '}
+            {projects.length}
+          </h4>
         </div>
-        { this.cards() }
+        {this.cards()}
       </Fragment>
     );
   }
diff --git a/app/assets/javascripts/components/projects/ProjectLoading.jsx b/app/assets/javascripts/components/projects/ProjectLoading.jsx
index 31c21cff3..54ae2cee8 100644
--- a/app/assets/javascripts/components/projects/ProjectLoading.jsx
+++ b/app/assets/javascripts/components/projects/ProjectLoading.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-const ProjectLoading = () => 
+const ProjectLoading = () => (
   <div className="ProjectBoard-loading">
     <div className="ProjectBoard-loading__content">
       <div className="ProjectBoard-loading__spinner">
@@ -9,5 +9,6 @@ const ProjectLoading = () =>
       <h2 className="ProjectBoard-loading__text">{I18n.t('loading')}</h2>
     </div>
   </div>
+);
 
 export default ProjectLoading;
diff --git a/app/assets/javascripts/components/projects/ProjectSearch.jsx b/app/assets/javascripts/components/projects/ProjectSearch.jsx
index 45ebf826a..74e0bbb0a 100644
--- a/app/assets/javascripts/components/projects/ProjectSearch.jsx
+++ b/app/assets/javascripts/components/projects/ProjectSearch.jsx
@@ -11,14 +11,14 @@ export default class ProjectSearch extends React.Component {
         joined: {
           title: I18n.t('projects.mine'),
           projects: this.props.projects.joined.notArchived(),
-          joined: true
+          joined: true,
         },
         unjoined: {
           title: I18n.t('projects.not_member_of'),
           projects: this.props.projects.unjoined.notArchived(),
-          joined: false
-        }
-      }
+          joined: false,
+        },
+      },
     };
     this.handleSearch = this.handleSearch.bind(this);
   }
@@ -42,44 +42,58 @@ export default class ProjectSearch extends React.Component {
       visibleProjects: {
         joined: {
           title: I18n.t('projects.mine'),
-          projects: this.filterProjects(this.props.projects.joined, projectsSearch, projectsFilter),
-          joined: true
+          projects: this.filterProjects(
+            this.props.projects.joined,
+            projectsSearch,
+            projectsFilter
+          ),
+          joined: true,
         },
         unjoined: {
           title: I18n.t('projects.not_member_of'),
-          projects: this.filterProjects(this.props.projects.unjoined, projectsSearch, projectsFilter),
-          joined: false
-        }
-      }
+          projects: this.filterProjects(
+            this.props.projects.unjoined,
+            projectsSearch,
+            projectsFilter
+          ),
+          joined: false,
+        },
+      },
     });
   }
 
   filterOptions() {
-    return Project.filters.map((filter) => {
-      return(<option key={ filter } value={ filter }>{ I18n.t(filter) }</option>);
+    return Project.filters.map(filter => {
+      return (
+        <option key={filter} value={filter}>
+          {I18n.t(filter)}
+        </option>
+      );
     });
   }
 
   renderProjectList(list) {
     if (list.projects.length > 0) {
-      return(
+      return (
         <ProjectList
-          title={ list.title }
-          projects={ list.projects }
-          user={ this.state.user }
-          joined={ list.joined }
+          title={list.title}
+          projects={list.projects}
+          user={this.state.user}
+          joined={list.joined}
         />
       );
     }
   }
 
   render() {
-    return(
+    return (
       <Fragment>
         <div className="search-projects">
           <div className="form-group col-md-12">
             <div className="input-group">
-              <div className="input-group-addon"><i className="mi md-20 heading-icon">search</i></div>
+              <div className="input-group-addon">
+                <i className="mi md-20 heading-icon">search</i>
+              </div>
               <input
                 id="projects_search"
                 className="form-control"
@@ -95,15 +109,15 @@ export default class ProjectSearch extends React.Component {
                   onChange={this.handleSearch}
                   ref="projectsFilter"
                 >
-                  { this.filterOptions() }
+                  {this.filterOptions()}
                 </select>
               </div>
             </div>
           </div>
         </div>
-        { this.renderProjectList(this.state.visibleProjects.joined) }
-        { this.renderProjectList(this.state.visibleProjects.unjoined) }
+        {this.renderProjectList(this.state.visibleProjects.joined)}
+        {this.renderProjectList(this.state.visibleProjects.unjoined)}
       </Fragment>
     );
   }
-};
+}
diff --git a/app/assets/javascripts/components/projects/SideBar/SideBarButton.jsx b/app/assets/javascripts/components/projects/SideBar/SideBarButton.jsx
index 082e83e1f..81805be1c 100644
--- a/app/assets/javascripts/components/projects/SideBar/SideBarButton.jsx
+++ b/app/assets/javascripts/components/projects/SideBar/SideBarButton.jsx
@@ -3,20 +3,12 @@ import SideBarButtonInfo from './SideBarButtonInfo';
 import PropTypes from 'prop-types';
 import classname from 'classnames';
 
-const SideBarButton = ({
-  children,
-  description,
-  onClick,
-  isVisible
-}) => {
+const SideBarButton = ({ children, description, onClick, isVisible }) => {
   const [showInfo, setShowInfo] = useState(false);
 
-  const classes = classname(
-    'SideBar__link',
-    {
-      'SideBar__link--is-visible': isVisible
-    }
-  );
+  const classes = classname('SideBar__link', {
+    'SideBar__link--is-visible': isVisible,
+  });
 
   return (
     <li
@@ -26,19 +18,19 @@ const SideBarButton = ({
       onClick={onClick}
       data-id="side-bar-button"
     >
-      {
-        showInfo && <SideBarButtonInfo data-id="button-info" description={description} />
-      }
-      { children }
+      {showInfo && (
+        <SideBarButtonInfo data-id="button-info" description={description} />
+      )}
+      {children}
     </li>
-  )
-}
+  );
+};
 
 SideBarButton.propTypes = {
   children: PropTypes.node.isRequired,
   description: PropTypes.string.isRequired,
   onClick: PropTypes.func.isRequired,
-  isVisible: PropTypes.bool.isRequired
-}
+  isVisible: PropTypes.bool.isRequired,
+};
 
 export default SideBarButton;
diff --git a/app/assets/javascripts/components/projects/SideBar/SideBarButtonInfo.jsx b/app/assets/javascripts/components/projects/SideBar/SideBarButtonInfo.jsx
index 748cb94d5..7d026437a 100644
--- a/app/assets/javascripts/components/projects/SideBar/SideBarButtonInfo.jsx
+++ b/app/assets/javascripts/components/projects/SideBar/SideBarButtonInfo.jsx
@@ -1,15 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const SideBarButtonInfo = ({
-  description
-}) =>
+const SideBarButtonInfo = ({ description }) => (
   <span data-id="project-option-info" className="SideBar__info">
-    { description }
+    {description}
   </span>
+);
 
 SideBarButtonInfo.propTypes = {
-  description: PropTypes.string.isRequired
-}
+  description: PropTypes.string.isRequired,
+};
 
 export default SideBarButtonInfo;
diff --git a/app/assets/javascripts/components/projects/SideBar/index.jsx b/app/assets/javascripts/components/projects/SideBar/index.jsx
index 5f8ba55b8..a1bd3ebaa 100644
--- a/app/assets/javascripts/components/projects/SideBar/index.jsx
+++ b/app/assets/javascripts/components/projects/SideBar/index.jsx
@@ -1,60 +1,61 @@
-import React, { useMemo } from "react";
-import SideBarButton from "./SideBarButton";
-import PropTypes from "prop-types";
-import classname from "classnames";
+import React, { useMemo } from 'react';
+import SideBarButton from './SideBarButton';
+import PropTypes from 'prop-types';
+import classname from 'classnames';
 
 const SideBar = ({ reverse, visibleColumns, toggleColumn, reverseColumns }) => {
-  const buttons = useMemo(() => [
-    {
-      description: I18n.t("revert_columns_tooltip"),
-      onClick: reverseColumns,
-      "data-id": "reverse-button",
-      isVisible: reverse,
-      icon: "fas fa-columns"
-    },
-    {
-      description: I18n.t("toggle_column", { column: "chilly bin" }),
-      onClick: () => toggleColumn("chillyBin"),
-      "data-id": "toggle-chilly-bin",
-      isVisible: visibleColumns.chillyBin,
-      icon: "fas fa-snowflake"
-    },
-    {
-      description: I18n.t("toggle_column", { column: "backlog" }),
-      onClick: () => toggleColumn("backlog"),
-      "data-id": "toggle-backlog",
-      isVisible: visibleColumns.backlog,
-      icon: "fas fa-th-list"
-    },
-    {
-      description: I18n.t("toggle_column", { column: "done" }),
-      onClick: () => toggleColumn("done"),
-      "data-id": "toggle-done",
-      isVisible: visibleColumns.done,
-      icon: "fas fa-check-circle"
-    }
-  ], [reverse, visibleColumns, toggleColumn, reverseColumns]);
+  const buttons = useMemo(
+    () => [
+      {
+        description: I18n.t('revert_columns_tooltip'),
+        onClick: reverseColumns,
+        'data-id': 'reverse-button',
+        isVisible: reverse,
+        icon: 'fas fa-columns',
+      },
+      {
+        description: I18n.t('toggle_column', { column: 'chilly bin' }),
+        onClick: () => toggleColumn('chillyBin'),
+        'data-id': 'toggle-chilly-bin',
+        isVisible: visibleColumns.chillyBin,
+        icon: 'fas fa-snowflake',
+      },
+      {
+        description: I18n.t('toggle_column', { column: 'backlog' }),
+        onClick: () => toggleColumn('backlog'),
+        'data-id': 'toggle-backlog',
+        isVisible: visibleColumns.backlog,
+        icon: 'fas fa-th-list',
+      },
+      {
+        description: I18n.t('toggle_column', { column: 'done' }),
+        onClick: () => toggleColumn('done'),
+        'data-id': 'toggle-done',
+        isVisible: visibleColumns.done,
+        icon: 'fas fa-check-circle',
+      },
+    ],
+    [reverse, visibleColumns, toggleColumn, reverseColumns]
+  );
 
   return (
     <div className="SideBar">
       <ul>
-        {
-          buttons.map(button => {
-            const iconStyle = classname(
-              "SideBar__icon",
-              {
-                "SideBar__icon--is-visible": button.isVisible
-              },
-              button.icon
-            );
+        {buttons.map(button => {
+          const iconStyle = classname(
+            'SideBar__icon',
+            {
+              'SideBar__icon--is-visible': button.isVisible,
+            },
+            button.icon
+          );
 
-            return (
-              <SideBarButton key={button["data-id"]} {...button}>
-                <i className={iconStyle}></i>
-              </SideBarButton>
-            );
-          })
-        }
+          return (
+            <SideBarButton key={button['data-id']} {...button}>
+              <i className={iconStyle}></i>
+            </SideBarButton>
+          );
+        })}
       </ul>
     </div>
   );
@@ -64,7 +65,7 @@ SideBar.propTypes = {
   reverse: PropTypes.bool.isRequired,
   visibleColumns: PropTypes.object.isRequired,
   toggleColumn: PropTypes.func.isRequired,
-  reverseColumns: PropTypes.func.isRequired
+  reverseColumns: PropTypes.func.isRequired,
 };
 
 export default SideBar;
diff --git a/app/assets/javascripts/components/search/Search.jsx b/app/assets/javascripts/components/search/Search.jsx
index 5c004803b..267cf707e 100644
--- a/app/assets/javascripts/components/search/Search.jsx
+++ b/app/assets/javascripts/components/search/Search.jsx
@@ -1,33 +1,39 @@
-import React from "react";
-import PropTypes from "prop-types";
+import React from 'react';
+import PropTypes from 'prop-types';
 import Stories from '../stories/Stories';
 import * as Story from '../../models/beta/story';
 
-export const SearchHeader = ({ stories }) =>
+export const SearchHeader = ({ stories }) => (
   <div className="Sprint__header" data-id="search-header">
     {I18n.t('stories_found')}: {stories.length}
-
     <div>
-      <span className="done-points">{I18n.t('projects.reports.points')}: {Story.totalPoints(stories)}</span>
+      <span className="done-points">
+        {I18n.t('projects.reports.points')}: {Story.totalPoints(stories)}
+      </span>
     </div>
   </div>
+);
 
-const Search = ({ stories }) =>
+const Search = ({ stories }) => (
   <div className="Sprint">
-    <SearchHeader
-      stories={stories}
-    />
+    <SearchHeader stories={stories} />
     <div className="Sprint__body" data-id="stories-search">
-      <Stories columnId='search' stories={stories} from="search" isDropDisabled />
+      <Stories
+        columnId="search"
+        stories={stories}
+        from="search"
+        isDropDisabled
+      />
     </div>
   </div>
+);
 
 const propTypes = {
-  stories: PropTypes.array.isRequired
+  stories: PropTypes.array.isRequired,
 };
 
 const defaultProps = {
-  stories: []
+  stories: [],
 };
 
 Search.propTypes = propTypes;
diff --git a/app/assets/javascripts/components/search/SearchResults.jsx b/app/assets/javascripts/components/search/SearchResults.jsx
index 8e558ece4..b8ef4fef2 100644
--- a/app/assets/javascripts/components/search/SearchResults.jsx
+++ b/app/assets/javascripts/components/search/SearchResults.jsx
@@ -1,14 +1,14 @@
-import React from "react";
-import { connect } from "react-redux";
-import { closeSearch } from "actions/projectBoard";
-import Search from "./Search";
-import { haveSearch } from "./../../models/beta/story";
-import { storyScopes } from "./../../libs/beta/constants";
-import Column from "./../Columns/ColumnItem";
-import PropTypes from "prop-types";
-import StoryPropTypes from "../shapes/story";
-import { getStories, getStoriesWithScope } from "../../selectors/stories";
-import { getProjectBoard } from "../../selectors/projectBoard";
+import React from 'react';
+import { connect } from 'react-redux';
+import { closeSearch } from 'actions/projectBoard';
+import Search from './Search';
+import { haveSearch } from './../../models/beta/story';
+import { storyScopes } from './../../libs/beta/constants';
+import Column from './../Columns/ColumnItem';
+import PropTypes from 'prop-types';
+import StoryPropTypes from '../shapes/story';
+import { getStories, getStoriesWithScope } from '../../selectors/stories';
+import { getProjectBoard } from '../../selectors/projectBoard';
 
 export const SearchResults = ({
   isEnabled,
@@ -36,7 +36,7 @@ SearchResults.propTypes = {
   closeSearch: PropTypes.func.isRequired,
 };
 
-const mapStateToProps = (state) => ({
+const mapStateToProps = state => ({
   isEnabled: haveSearch(getStories(state)),
   searchResults: getStoriesWithScope(state, storyScopes.SEARCH),
   projectBoard: getProjectBoard(state),
diff --git a/app/assets/javascripts/components/search/SearchTooltip.jsx b/app/assets/javascripts/components/search/SearchTooltip.jsx
index 9f04d12c8..8f30746db 100644
--- a/app/assets/javascripts/components/search/SearchTooltip.jsx
+++ b/app/assets/javascripts/components/search/SearchTooltip.jsx
@@ -1,40 +1,94 @@
 import React from 'react';
 
-const SearchTooltip = ({ aditionalClass = '' }) =>
+const SearchTooltip = ({ aditionalClass = '' }) => (
   <div className={`col-sm-12 ${aditionalClass}`} data-id="search-tooltip">
     <div className="tooltip-header">
-      <h4>{ I18n.t('projects.search_tooltip.title') }</h4>
+      <h4>{I18n.t('projects.search_tooltip.title')}</h4>
       <ul>
-        <li><span>{ I18n.t('projects.search_tooltip.syntax') }</span></li>
-        <li><p>{ I18n.t('projects.search_tooltip.example',{story: I18n.t('activerecord.models.story.one')}) }</p></li>
+        <li>
+          <span>{I18n.t('projects.search_tooltip.syntax')}</span>
+        </li>
+        <li>
+          <p>
+            {I18n.t('projects.search_tooltip.example', {
+              story: I18n.t('activerecord.models.story.one'),
+            })}
+          </p>
+        </li>
       </ul>
     </div>
     <div className="col-sm-6 tooltip-content">
       <ul>
-        <li><p>{ I18n.t('projects.search_tooltip.properties') }</p></li>
-        <li><span><b>title:</b> { I18n.t('activerecord.models.story.one') }</span></li>
-        <li><span><b>labels:</b> Bug</span></li>
-        <li><span><b>estimate:</b> 3</span></li>
-        <li><span><b>type:</b> { I18n.t('story.type.feature') }</span></li>
+        <li>
+          <p>{I18n.t('projects.search_tooltip.properties')}</p>
+        </li>
+        <li>
+          <span>
+            <b>title:</b> {I18n.t('activerecord.models.story.one')}
+          </span>
+        </li>
+        <li>
+          <span>
+            <b>labels:</b> Bug
+          </span>
+        </li>
+        <li>
+          <span>
+            <b>estimate:</b> 3
+          </span>
+        </li>
+        <li>
+          <span>
+            <b>type:</b> {I18n.t('story.type.feature')}
+          </span>
+        </li>
       </ul>
       <br />
       <ul>
-        <li><p>{ I18n.t('projects.search_tooltip.people') }</p></li>
-        <li><span><b>Initials:</b> FB</span></li>
-        <li><span><b>owner:</b> Foo Bar</span></li>
-        <li><span><b>Requester:</b> Foo Bar</span></li>
+        <li>
+          <p>{I18n.t('projects.search_tooltip.people')}</p>
+        </li>
+        <li>
+          <span>
+            <b>Initials:</b> FB
+          </span>
+        </li>
+        <li>
+          <span>
+            <b>owner:</b> Foo Bar
+          </span>
+        </li>
+        <li>
+          <span>
+            <b>Requester:</b> Foo Bar
+          </span>
+        </li>
       </ul>
       <br />
     </div>
     <div className="col-sm-6 tooltip-content">
       <ul>
-        <li><p>&nbsp;</p></li>
-        <li><span><b>state:</b> { I18n.t('story.state.unscheduled') }</span></li>
         <li>
-          <span><b>created_at:</b> 2017/10/20</span></li>
-        <li><span><b>release_date:</b> 2017/10/30</span></li>
+          <p>&nbsp;</p>
+        </li>
+        <li>
+          <span>
+            <b>state:</b> {I18n.t('story.state.unscheduled')}
+          </span>
+        </li>
+        <li>
+          <span>
+            <b>created_at:</b> 2017/10/20
+          </span>
+        </li>
+        <li>
+          <span>
+            <b>release_date:</b> 2017/10/30
+          </span>
+        </li>
       </ul>
     </div>
   </div>
+);
 
 export default SearchTooltip;
diff --git a/app/assets/javascripts/components/search/StorySearch.jsx b/app/assets/javascripts/components/search/StorySearch.jsx
index 697506151..9a552d467 100644
--- a/app/assets/javascripts/components/search/StorySearch.jsx
+++ b/app/assets/javascripts/components/search/StorySearch.jsx
@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { search } from "actions/projectBoard";
-import { connect } from "react-redux";
+import { search } from 'actions/projectBoard';
+import { connect } from 'react-redux';
 import ReactDOM from 'react-dom';
 import SearchTooltip from './SearchTooltip';
 
@@ -11,11 +11,11 @@ export const StorySearch = ({ projectId, search, loading }) => {
 
   const handleChange = e => setKeyWord(e.target.value);
 
-  const handleSearch = (e) => {
+  const handleSearch = e => {
     e.preventDefault();
 
     search(keyWord, projectId);
-  }
+  };
 
   const handleMouseOver = () => setClassPopup('show');
 
@@ -24,23 +24,22 @@ export const StorySearch = ({ projectId, search, loading }) => {
   return ReactDOM.createPortal(
     <form
       data-id="form-search-story"
-      action="#" 
-      acceptCharset="UTF-8" 
+      action="#"
+      acceptCharset="UTF-8"
       method="post"
       onSubmit={handleSearch}
       className="StorySearch"
     >
-      {
-        loading && 
-          <span className="StorySearch__spinner" data-id="spinner-loading">
-            <i className="fa fa-spinner fa-spin"></i>
-          </span>
-      }
+      {loading && (
+        <span className="StorySearch__spinner" data-id="spinner-loading">
+          <i className="fa fa-spinner fa-spin"></i>
+        </span>
+      )}
       <div className="form-group">
-        <input 
-          type="text" 
-          onChange={handleChange} 
-          placeholder={I18n.t('projects.search_story')} 
+        <input
+          type="text"
+          onChange={handleChange}
+          placeholder={I18n.t('projects.search_story')}
           className="form-control input-sm StorySearch__input"
           value={keyWord}
           disabled={loading}
@@ -50,26 +49,23 @@ export const StorySearch = ({ projectId, search, loading }) => {
           className="mi md-20 drop-target"
           onMouseOver={handleMouseOver}
           onMouseOut={handleMouseOut}
-        >help</i>
-        <SearchTooltip 
-          aditionalClass={`StorySearch__tooltip ${classPopup}`}
-        />
+        >
+          help
+        </i>
+        <SearchTooltip aditionalClass={`StorySearch__tooltip ${classPopup}`} />
       </div>
     </form>,
     document.querySelector('[data-portal="search"]')
   );
-}
+};
 
 StorySearch.propTypes = {
   projectId: PropTypes.number.isRequired,
-  loading: PropTypes.bool.isRequired
+  loading: PropTypes.bool.isRequired,
 };
 
 const mapStateToProps = ({ project }) => ({ projectId: project.id });
 
-export default connect(
-  mapStateToProps,
-  {
-    search
-  }
-)(StorySearch);
+export default connect(mapStateToProps, {
+  search,
+})(StorySearch);
diff --git a/app/assets/javascripts/components/shapes/attachment.js b/app/assets/javascripts/components/shapes/attachment.js
index 9a85bccf1..002946294 100644
--- a/app/assets/javascripts/components/shapes/attachment.js
+++ b/app/assets/javascripts/components/shapes/attachment.js
@@ -1,14 +1,11 @@
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 
 const attachmentPropTypesShape = PropTypes.shape({
   publicId: PropTypes.string,
-  version: PropTypes.oneOfType([
-    PropTypes.number,
-    PropTypes.string
-  ]),
+  version: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   format: PropTypes.string,
   resourceType: PropTypes.string,
-  path: PropTypes.string
+  path: PropTypes.string,
 });
 
 export default attachmentPropTypesShape;
diff --git a/app/assets/javascripts/components/shapes/column.js b/app/assets/javascripts/components/shapes/column.js
index 80f44b31a..3786a6167 100644
--- a/app/assets/javascripts/components/shapes/column.js
+++ b/app/assets/javascripts/components/shapes/column.js
@@ -1,11 +1,11 @@
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 
 const columnShape = PropTypes.shape({
   title: PropTypes.string.isRequired,
   renderAction: PropTypes.func,
   children: PropTypes.node.isRequired,
   onClose: PropTypes.func,
-  visible: PropTypes.bool.isRequired
+  visible: PropTypes.bool.isRequired,
 });
 
 export default columnShape;
diff --git a/app/assets/javascripts/components/shapes/history.js b/app/assets/javascripts/components/shapes/history.js
index 067d5524b..bf181e995 100644
--- a/app/assets/javascripts/components/shapes/history.js
+++ b/app/assets/javascripts/components/shapes/history.js
@@ -1,6 +1,6 @@
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 
 export const valueHistory = PropTypes.oneOfType([
   PropTypes.number,
-  PropTypes.string
+  PropTypes.string,
 ]);
diff --git a/app/assets/javascripts/components/shapes/iteration.js b/app/assets/javascripts/components/shapes/iteration.js
index ea43df699..fd2c1f674 100644
--- a/app/assets/javascripts/components/shapes/iteration.js
+++ b/app/assets/javascripts/components/shapes/iteration.js
@@ -7,7 +7,7 @@ const sprintPropTypesShape = PropTypes.shape({
   completedPoints: PropTypes.number,
   stories: PropTypes.array,
   isFiller: PropTypes.bool,
-  remainingPoints: PropTypes.bool
+  remainingPoints: PropTypes.bool,
 });
 
 export default sprintPropTypesShape;
diff --git a/app/assets/javascripts/components/shapes/note.js b/app/assets/javascripts/components/shapes/note.js
index e443a5e2d..2db0540c2 100644
--- a/app/assets/javascripts/components/shapes/note.js
+++ b/app/assets/javascripts/components/shapes/note.js
@@ -8,10 +8,7 @@ const notePropTypesShape = PropTypes.shape({
   createdAt: PropTypes.string,
   updatedAt: PropTypes.string,
   userName: PropTypes.string,
-  errors: PropTypes.oneOfType([
-    PropTypes.object,
-    PropTypes.array
-  ])
+  errors: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
 });
 
 export default notePropTypesShape;
diff --git a/app/assets/javascripts/components/shapes/pastIteration.js b/app/assets/javascripts/components/shapes/pastIteration.js
index 6394c91c1..222d3f7ec 100644
--- a/app/assets/javascripts/components/shapes/pastIteration.js
+++ b/app/assets/javascripts/components/shapes/pastIteration.js
@@ -8,7 +8,7 @@ const pastIterationPropTypesShape = PropTypes.shape({
   storyIds: PropTypes.array,
   points: PropTypes.number,
   fetched: PropTypes.bool,
-  isFetching: PropTypes.bool
+  isFetching: PropTypes.bool,
 });
 
 export default pastIterationPropTypesShape;
diff --git a/app/assets/javascripts/components/shapes/project.js b/app/assets/javascripts/components/shapes/project.js
index ade5bc2ef..29a2e99be 100644
--- a/app/assets/javascripts/components/shapes/project.js
+++ b/app/assets/javascripts/components/shapes/project.js
@@ -8,10 +8,12 @@ const projectPropTypesShape = PropTypes.shape({
   defaultVelocity: PropTypes.number,
   lastChangesetId: PropTypes.number,
   pointValues: PropTypes.arrayOf(PropTypes.number),
-  labels: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.number,
-    name: PropTypes.string
-  }))
+  labels: PropTypes.arrayOf(
+    PropTypes.shape({
+      id: PropTypes.number,
+      name: PropTypes.string,
+    })
+  ),
 });
 
 export default projectPropTypesShape;
diff --git a/app/assets/javascripts/components/shapes/projectBoard.js b/app/assets/javascripts/components/shapes/projectBoard.js
index 753847947..74ffe0025 100644
--- a/app/assets/javascripts/components/shapes/projectBoard.js
+++ b/app/assets/javascripts/components/shapes/projectBoard.js
@@ -1,11 +1,8 @@
 import PropTypes from 'prop-types';
 
 export const projectBoardPropTypesShape = PropTypes.shape({
-  error: PropTypes.oneOf([
-    PropTypes.object,
-    PropTypes.array
-  ]),
-  isFetched: PropTypes.bool.isRequired
+  error: PropTypes.oneOf([PropTypes.object, PropTypes.array]),
+  isFetched: PropTypes.bool.isRequired,
 });
 
 export default projectBoardPropTypesShape;
diff --git a/app/assets/javascripts/components/shapes/sideBarButton.js b/app/assets/javascripts/components/shapes/sideBarButton.js
index 48d53f578..824d16fb8 100644
--- a/app/assets/javascripts/components/shapes/sideBarButton.js
+++ b/app/assets/javascripts/components/shapes/sideBarButton.js
@@ -5,7 +5,7 @@ export const sideBarButtonShape = PropTypes.shape({
   onClick: PropTypes.func.isRequired,
   isVisible: PropTypes.bool.isRequired,
   'data-id': PropTypes.string.isRequired,
-  icon: PropTypes.string.isRequired
+  icon: PropTypes.string.isRequired,
 });
 
 export default sideBarButtonShape;
diff --git a/app/assets/javascripts/components/shapes/story.js b/app/assets/javascripts/components/shapes/story.js
index 580411cb6..cf60b0dbe 100644
--- a/app/assets/javascripts/components/shapes/story.js
+++ b/app/assets/javascripts/components/shapes/story.js
@@ -1,6 +1,6 @@
-import PropTypes from "prop-types";
-import NotePropTypes from "./note";
-import TaskPropType from "./task";
+import PropTypes from 'prop-types';
+import NotePropTypes from './note';
+import TaskPropType from './task';
 
 export const storyPropTypes = {
   id: PropTypes.oneOfType([PropTypes.number, PropTypes.symbol]),
diff --git a/app/assets/javascripts/components/shapes/task.js b/app/assets/javascripts/components/shapes/task.js
index bd08f9f23..a59ba3f35 100644
--- a/app/assets/javascripts/components/shapes/task.js
+++ b/app/assets/javascripts/components/shapes/task.js
@@ -6,7 +6,7 @@ const taskPropTypesShape = PropTypes.shape({
   name: PropTypes.string,
   done: PropTypes.bool,
   createdAt: PropTypes.string,
-  updatedAt: PropTypes.string
+  updatedAt: PropTypes.string,
 });
 
 export default taskPropTypesShape;
diff --git a/app/assets/javascripts/components/sprint/SprintVelocitySimulation.jsx b/app/assets/javascripts/components/sprint/SprintVelocitySimulation.jsx
index 132916ca5..ea94dc7a6 100644
--- a/app/assets/javascripts/components/sprint/SprintVelocitySimulation.jsx
+++ b/app/assets/javascripts/components/sprint/SprintVelocitySimulation.jsx
@@ -1,53 +1,61 @@
-import React, {useState} from 'react'
+import React, { useState } from 'react';
 import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
-import {SprintVelocitySimulationForm} from './SprintVelocitySimulationForm'
-import {connect} from 'react-redux'
-import { simulateSprintVelocity, revertSprintVelocity } from '../../actions/sprint';
+import { SprintVelocitySimulationForm } from './SprintVelocitySimulationForm';
+import { connect } from 'react-redux';
+import {
+  simulateSprintVelocity,
+  revertSprintVelocity,
+} from '../../actions/sprint';
 
 export const SprintVelocitySimulation = ({
   currentSprintVelocity,
   calculatedSprintVelocity,
   simulateSprintVelocity,
-  revertSprintVelocity
+  revertSprintVelocity,
 }) => {
-
-  const [visible, setVisible] = useState(false)
+  const [visible, setVisible] = useState(false);
 
   return ReactDOM.createPortal(
     <>
-    <span id="velocity_value">
-      <i className="mi md-18" onClick={() => setVisible(!visible)}>trending_up</i>
-      {currentSprintVelocity}
-    </span>
-    { visible &&
-      <SprintVelocitySimulationForm
-        currentSprintVelocity={currentSprintVelocity}
-        simulateSprintVelocity={simulateSprintVelocity}
-        revertSprintVelocity={revertSprintVelocity}
-        setVisible={setVisible}
-        calculatedSprintVelocity={calculatedSprintVelocity}
-      />
-    }
+      <span id="velocity_value">
+        <i className="mi md-18" onClick={() => setVisible(!visible)}>
+          trending_up
+        </i>
+        {currentSprintVelocity}
+      </span>
+      {visible && (
+        <SprintVelocitySimulationForm
+          currentSprintVelocity={currentSprintVelocity}
+          simulateSprintVelocity={simulateSprintVelocity}
+          revertSprintVelocity={revertSprintVelocity}
+          setVisible={setVisible}
+          calculatedSprintVelocity={calculatedSprintVelocity}
+        />
+      )}
     </>,
-    document.querySelector('[data-portal="velocity"]'));
-}
+    document.querySelector('[data-portal="velocity"]')
+  );
+};
 
 SprintVelocitySimulation.propTypes = {
   calculatedSprintVelocity: PropTypes.number,
   sprintVelocity: PropTypes.number,
   simulateSprintVelocity: PropTypes.func,
-  revertSprintVelocity: PropTypes.func
-}
+  revertSprintVelocity: PropTypes.func,
+};
 
-const mapStateToProps = ({project}) => ({
+const mapStateToProps = ({ project }) => ({
   calculatedSprintVelocity: project.calculatedSprintVelocity,
-  currentSprintVelocity: project.currentSprintVelocity
+  currentSprintVelocity: project.currentSprintVelocity,
 });
 
 const mapDispatchToProps = {
   simulateSprintVelocity,
-  revertSprintVelocity
+  revertSprintVelocity,
 };
 
-export default connect(mapStateToProps, mapDispatchToProps)(SprintVelocitySimulation)
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(SprintVelocitySimulation);
diff --git a/app/assets/javascripts/components/sprint/SprintVelocitySimulationForm.jsx b/app/assets/javascripts/components/sprint/SprintVelocitySimulationForm.jsx
index 084fcccde..5d688f39f 100644
--- a/app/assets/javascripts/components/sprint/SprintVelocitySimulationForm.jsx
+++ b/app/assets/javascripts/components/sprint/SprintVelocitySimulationForm.jsx
@@ -1,20 +1,22 @@
-import React,{ useState } from 'react'
+import React, { useState } from 'react';
 
 export const SprintVelocitySimulationForm = ({
   currentSprintVelocity,
   calculatedSprintVelocity,
   simulateSprintVelocity,
   revertSprintVelocity,
-  setVisible
+  setVisible,
 }) => {
-  const [sprintVelocityToSimulate, setSprintVelocityToSimulate] = useState(currentSprintVelocity)
+  const [sprintVelocityToSimulate, setSprintVelocityToSimulate] = useState(
+    currentSprintVelocity
+  );
   const revertToCalculatedVelocity = () => {
     setSprintVelocityToSimulate(calculatedSprintVelocity);
     revertSprintVelocity();
     setVisible(false);
-  }
+  };
 
-  return(
+  return (
     <div className="velocity-change">
       <div className="form-inline velocity-form">
         <div className="form-group">
@@ -29,7 +31,7 @@ export const SprintVelocitySimulationForm = ({
             size="2"
             placeholder={I18n.t('override.velocity')}
             value={sprintVelocityToSimulate}
-            onChange={ e => setSprintVelocityToSimulate(e.target.value)}
+            onChange={e => setSprintVelocityToSimulate(e.target.value)}
           />
         </div>
         <div className="btn-group">
@@ -51,8 +53,12 @@ export const SprintVelocitySimulationForm = ({
           </button>
         </div>
       </div>
-      <p className="velocity-change-notice">{I18n.t('override.explanation_1')}</p>
-      <p className="velocity-change-notice">{I18n.t('override.explanation_2')}</p>
+      <p className="velocity-change-notice">
+        {I18n.t('override.explanation_1')}
+      </p>
+      <p className="velocity-change-notice">
+        {I18n.t('override.explanation_2')}
+      </p>
     </div>
-  )
+  );
 };
diff --git a/app/assets/javascripts/components/stories/History/HistoryChanges/HistoryChange.jsx b/app/assets/javascripts/components/stories/History/HistoryChanges/HistoryChange.jsx
index fad570ad1..f782b75fc 100644
--- a/app/assets/javascripts/components/stories/History/HistoryChanges/HistoryChange.jsx
+++ b/app/assets/javascripts/components/stories/History/HistoryChanges/HistoryChange.jsx
@@ -2,28 +2,25 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { valueHistory } from '../../../shapes/history';
 
-const HistoryChange = ({
-  oldValue,
-  newValue,
-  title
-}) =>
+const HistoryChange = ({ oldValue, newValue, title }) => (
   <div className="HistoryChange">
     <div className="HistoryChange__action" data-id="history-change-title">
-      { title }
+      {title}
     </div>
     <div className="HistoryChange__changes">
-      <div data-id="history-old-value"> { oldValue || '---' } </div>
+      <div data-id="history-old-value"> {oldValue || '---'} </div>
       <div>
         <i className="mi md-18">arrow_forward</i>
       </div>
-      <div data-id="history-new-value"> { newValue || '---' } </div>
+      <div data-id="history-new-value"> {newValue || '---'} </div>
     </div>
   </div>
+);
 
 HistoryChange.propTypes = {
   oldValue: valueHistory,
   newValue: valueHistory,
-  title: PropTypes.string.isRequired
+  title: PropTypes.string.isRequired,
 };
 
 export default HistoryChange;
diff --git a/app/assets/javascripts/components/stories/History/HistoryChanges/index.jsx b/app/assets/javascripts/components/stories/History/HistoryChanges/index.jsx
index dac4b428b..d1c828f04 100644
--- a/app/assets/javascripts/components/stories/History/HistoryChanges/index.jsx
+++ b/app/assets/javascripts/components/stories/History/HistoryChanges/index.jsx
@@ -3,17 +3,17 @@ import PropTypes from 'prop-types';
 import HistoryChange from './HistoryChange';
 
 const HistoryChanges = ({ changes }) =>
-  changes.map(change =>
+  changes.map(change => (
     <HistoryChange
       key={change.key}
       oldValue={change.oldValue}
       newValue={change.newValue}
       title={I18n.t(`activerecord.attributes.story.${change.key}`)}
     />
-  )
+  ));
 
 HistoryChanges.propTypes = {
-  changes: PropTypes.array.isRequired
+  changes: PropTypes.array.isRequired,
 };
 
 export default HistoryChanges;
diff --git a/app/assets/javascripts/components/stories/History/HistoryHeader.jsx b/app/assets/javascripts/components/stories/History/HistoryHeader.jsx
index c656286cb..be2913c23 100644
--- a/app/assets/javascripts/components/stories/History/HistoryHeader.jsx
+++ b/app/assets/javascripts/components/stories/History/HistoryHeader.jsx
@@ -4,10 +4,10 @@ import PropTypes from 'prop-types';
 const HistoryHeader = ({ title, date, user }) => (
   <div className="HistoryHeader">
     <div className="HistoryHeader__title" data-id="history-header-title">
-      { user } <b> { title } </b>
+      {user} <b> {title} </b>
     </div>
     <div className="HistoryHeader__date" data-id="history-header-date">
-      { I18n.l("date.formats.short", date) }
+      {I18n.l('date.formats.short', date)}
     </div>
   </div>
 );
@@ -15,8 +15,7 @@ const HistoryHeader = ({ title, date, user }) => (
 HistoryHeader.propTypes = {
   title: PropTypes.string.isRequired,
   date: PropTypes.string.isRequired,
-  user: PropTypes.string.isRequired
+  user: PropTypes.string.isRequired,
 };
 
-
 export default HistoryHeader;
diff --git a/app/assets/javascripts/components/stories/History/HistoryItem.jsx b/app/assets/javascripts/components/stories/History/HistoryItem.jsx
index 2bf5c2bad..b678e8bf8 100644
--- a/app/assets/javascripts/components/stories/History/HistoryItem.jsx
+++ b/app/assets/javascripts/components/stories/History/HistoryItem.jsx
@@ -1,14 +1,9 @@
-import React from 'react'
+import React from 'react';
 import HistoryHeader from './HistoryHeader';
 import HistoryChanges from './HistoryChanges';
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 
-const HistoryItem = ({
-  title,
-  date,
-  user,
-  changes
-}) =>
+const HistoryItem = ({ title, date, user, changes }) => (
   <div className="HistoryItem">
     <HistoryHeader
       title={title}
@@ -18,12 +13,13 @@ const HistoryItem = ({
     />
     <HistoryChanges data-id="history-changes" changes={changes} />
   </div>
+);
 
 HistoryItem.propTypes = {
   title: PropTypes.string.isRequired,
   date: PropTypes.string.isRequired,
   user: PropTypes.string.isRequired,
-  changes: PropTypes.array.isRequired
+  changes: PropTypes.array.isRequired,
 };
 
 export default HistoryItem;
diff --git a/app/assets/javascripts/components/stories/History/index.jsx b/app/assets/javascripts/components/stories/History/index.jsx
index 644f64502..a9befcdee 100644
--- a/app/assets/javascripts/components/stories/History/index.jsx
+++ b/app/assets/javascripts/components/stories/History/index.jsx
@@ -1,27 +1,24 @@
-import React from "react";
-import PropTypes from "prop-types";
+import React from 'react';
+import PropTypes from 'prop-types';
 import HistoryItem from './HistoryItem';
 
-const History = ({
-  history
-}) =>
+const History = ({ history }) => (
   <div className="History">
-    {
-      history.map(item =>
-        <HistoryItem
-          key={item.activity.id}
-          data-id="history-activity"
-          title={I18n.t(`activity.actions.${item.activity.action}`)}
-          date={item.activity.created_at}
-          user={item.activity.user}
-          changes={item.activity.changes}
-        />
-      )
-    }
+    {history.map(item => (
+      <HistoryItem
+        key={item.activity.id}
+        data-id="history-activity"
+        title={I18n.t(`activity.actions.${item.activity.action}`)}
+        date={item.activity.created_at}
+        user={item.activity.user}
+        changes={item.activity.changes}
+      />
+    ))}
   </div>
+);
 
 History.propTypes = {
-  history: PropTypes.array.isRequired
+  history: PropTypes.array.isRequired,
 };
 
 export default History;
diff --git a/app/assets/javascripts/components/stories/Iteration.jsx b/app/assets/javascripts/components/stories/Iteration.jsx
index 88a32055c..f3f10b093 100644
--- a/app/assets/javascripts/components/stories/Iteration.jsx
+++ b/app/assets/javascripts/components/stories/Iteration.jsx
@@ -8,13 +8,13 @@ const propTypes = {
 };
 
 const Iteration = ({ number, startDate, points }) => {
-    return (
-      <Fragment>
-        {number} - {startDate}
-        <span className="points">{points}</span>
-      </Fragment>
-    );
-}
+  return (
+    <Fragment>
+      {number} - {startDate}
+      <span className="points">{points}</span>
+    </Fragment>
+  );
+};
 
 Iteration.propTypes = propTypes;
 
diff --git a/app/assets/javascripts/components/stories/Sprint.jsx b/app/assets/javascripts/components/stories/Sprint.jsx
index 91bfdd0d0..c804ce4a3 100644
--- a/app/assets/javascripts/components/stories/Sprint.jsx
+++ b/app/assets/javascripts/components/stories/Sprint.jsx
@@ -1,17 +1,14 @@
-import React, { useState, useMemo } from "react";
+import React, { useState, useMemo } from 'react';
 import classname from 'classnames';
-import PropTypes from "prop-types";
-import Stories from "./Stories";
-import SprintHeader from './SprintHeader'
+import PropTypes from 'prop-types';
+import Stories from './Stories';
+import SprintHeader from './SprintHeader';
 import SprintPropTypes from '../shapes/iteration';
 import PastIterationPropTypes from '../shapes/pastIteration';
 
 const propTypes = {
   fetchStories: PropTypes.func,
-  sprint: PropTypes.oneOfType([
-    SprintPropTypes,
-    PastIterationPropTypes
-  ])
+  sprint: PropTypes.oneOfType([SprintPropTypes, PastIterationPropTypes]),
 };
 
 const defaultProps = {
@@ -20,9 +17,9 @@ const defaultProps = {
     number: 0,
     startDate: 0,
     points: 0,
-    stories: []
+    stories: [],
   },
-  isDropDisabled: false
+  isDropDisabled: false,
 };
 
 const Sprint = ({
@@ -30,7 +27,7 @@ const Sprint = ({
   sprint,
   sprintIndex,
   columnId,
-  isDropDisabled
+  isDropDisabled,
 }) => {
   const isDone = useMemo(() => sprint.hasOwnProperty('hasStories'), [sprint]);
 
@@ -40,7 +37,7 @@ const Sprint = ({
     const { hasStories, fetched, isFetching } = sprint;
 
     return hasStories && !(fetched || isFetching);
-  }
+  };
 
   const onHeaderClick = () => {
     const { number, startDate, endDate } = sprint;
@@ -48,25 +45,16 @@ const Sprint = ({
     if (needsFetch()) fetchStories(number, startDate, endDate);
 
     toggleSprint();
-  }
+  };
 
   const toggleSprint = () => setIsClosed(!isClosed);
 
-  const {
-    number,
-    points,
-    stories,
-    startDate,
-    hasStories,
-    completedPoints
-  } = sprint;
+  const { number, points, stories, startDate, hasStories, completedPoints } =
+    sprint;
 
-  const classes = classname(
-    'Sprint__body',
-    {
-      'Sprint__body--is-collapsed': isClosed
-    }
-  );
+  const classes = classname('Sprint__body', {
+    'Sprint__body--is-collapsed': isClosed,
+  });
 
   return (
     <div className="Sprint">
@@ -81,20 +69,18 @@ const Sprint = ({
         isClosed={isClosed}
       />
       <div className={classes}>
-        {
-          stories && (
-            <Stories
-              stories={stories}
-              columnId={columnId}
-              sprintIndex={sprintIndex}
-              isDropDisabled={isDropDisabled}
-            />
-          )
-        }
+        {stories && (
+          <Stories
+            stories={stories}
+            columnId={columnId}
+            sprintIndex={sprintIndex}
+            isDropDisabled={isDropDisabled}
+          />
+        )}
       </div>
     </div>
   );
-}
+};
 
 Sprint.propTypes = propTypes;
 Sprint.defaultProps = defaultProps;
diff --git a/app/assets/javascripts/components/stories/SprintHeader.jsx b/app/assets/javascripts/components/stories/SprintHeader.jsx
index aabd78624..74a6caf27 100644
--- a/app/assets/javascripts/components/stories/SprintHeader.jsx
+++ b/app/assets/javascripts/components/stories/SprintHeader.jsx
@@ -9,7 +9,7 @@ const DefaultPoints = ({ points, completedPoints }) => (
 );
 
 const expandedStyle = (hasStories, isClosed) =>
-  hasStories && !isClosed ? 'Sprint__icon--expanded' : ''
+  hasStories && !isClosed ? 'Sprint__icon--expanded' : '';
 
 const DonePoints = ({ points, hasStories, isClosed }) => (
   <div>
@@ -24,23 +24,22 @@ const DonePoints = ({ points, hasStories, isClosed }) => (
 
 const SprintHeader = props => (
   <div className="Sprint__header" onClick={props.onClick}>
-    {props.number} - {I18n.l("date.formats.long", props.startDate)}
-    {
-      props.isDone
-        ? <DonePoints
-          hasStories={props.hasStories}
-          points={props.points}
-          isClosed={props.isClosed}
-        />
-        : <DefaultPoints
-          points={props.points}
-          completedPoints={props.completedPoints}
-        />
-    }
+    {props.number} - {I18n.l('date.formats.long', props.startDate)}
+    {props.isDone ? (
+      <DonePoints
+        hasStories={props.hasStories}
+        points={props.points}
+        isClosed={props.isClosed}
+      />
+    ) : (
+      <DefaultPoints
+        points={props.points}
+        completedPoints={props.completedPoints}
+      />
+    )}
   </div>
 );
 
-
 SprintHeader.propTypes = {
   onClick: PropTypes.func.isRequired,
   number: PropTypes.number.isRequired,
@@ -49,7 +48,7 @@ SprintHeader.propTypes = {
   hasStories: PropTypes.bool,
   points: PropTypes.number.isRequired,
   isClosed: PropTypes.bool.isRequired,
-  completedPoints: PropTypes.number
-}
+  completedPoints: PropTypes.number,
+};
 
-export default SprintHeader
+export default SprintHeader;
diff --git a/app/assets/javascripts/components/stories/Sprints.jsx b/app/assets/javascripts/components/stories/Sprints.jsx
index ce11f7ba3..ac0927fd5 100644
--- a/app/assets/javascripts/components/stories/Sprints.jsx
+++ b/app/assets/javascripts/components/stories/Sprints.jsx
@@ -7,46 +7,47 @@ import { isEmpty } from 'underscore';
 const propTypes = {
   sprints: PropTypes.array,
   fetchStories: PropTypes.func,
-  columnId: PropTypes.string
+  columnId: PropTypes.string,
 };
 
 const defaultProps = {
   sprints: [],
 };
 
-const renderSprints = (sprints, fetchStories, columnId) => (
-  sprints.map(
-    (sprint, index) => (
-      <Sprint
-        key={sprint.number}
-        sprint={sprint}
-        sprintIndex={index}
-        columnId={columnId}
-        fetchStories={fetchStories}
-        isDropDisabled={sprint.isDropDisabled}
-      />
-    )
-  )
-)
+const renderSprints = (sprints, fetchStories, columnId) =>
+  sprints.map((sprint, index) => (
+    <Sprint
+      key={sprint.number}
+      sprint={sprint}
+      sprintIndex={index}
+      columnId={columnId}
+      fetchStories={fetchStories}
+      isDropDisabled={sprint.isDropDisabled}
+    />
+  ));
 
 const droppableContainer = columnId => (
-  <Droppable droppableId={JSON.stringify({columnId, sprintIndex: 0})} type='sprints'>
+  <Droppable
+    droppableId={JSON.stringify({ columnId, sprintIndex: 0 })}
+    type="sprints"
+  >
     {provided => (
-      <div className='Sprints' ref={provided.innerRef} {...provided.droppableProps}>
+      <div
+        className="Sprints"
+        ref={provided.innerRef}
+        {...provided.droppableProps}
+      >
         {provided.placeholder}
       </div>
     )}
   </Droppable>
 );
 
-
 const Sprints = ({ sprints, fetchStories, columnId }) => (
-  <div className='Sprints'>
-    {
-      isEmpty(sprints)
-        ? droppableContainer(columnId)
-        : renderSprints(sprints, fetchStories, columnId)
-    }
+  <div className="Sprints">
+    {isEmpty(sprints)
+      ? droppableContainer(columnId)
+      : renderSprints(sprints, fetchStories, columnId)}
   </div>
 );
 
diff --git a/app/assets/javascripts/components/stories/Stories.jsx b/app/assets/javascripts/components/stories/Stories.jsx
index 623b1e561..dc1e1c911 100644
--- a/app/assets/javascripts/components/stories/Stories.jsx
+++ b/app/assets/javascripts/components/stories/Stories.jsx
@@ -1,8 +1,8 @@
-import React from "react";
-import StoryItem from "../story/StoryItem";
-import PropTypes from "prop-types";
-import StoryPropTypes from "../shapes/story";
-import { Droppable } from "react-beautiful-dnd";
+import React from 'react';
+import StoryItem from '../story/StoryItem';
+import PropTypes from 'prop-types';
+import StoryPropTypes from '../shapes/story';
+import { Droppable } from 'react-beautiful-dnd';
 
 const Stories = ({ stories, from, sprintIndex, columnId, isDropDisabled }) => (
   <Droppable
@@ -10,7 +10,7 @@ const Stories = ({ stories, from, sprintIndex, columnId, isDropDisabled }) => (
     isDropDisabled={isDropDisabled}
     type="stories"
   >
-    {(provided) => (
+    {provided => (
       <div
         className="Column__body"
         ref={provided.innerRef}
diff --git a/app/assets/javascripts/components/stories/StoryLink.jsx b/app/assets/javascripts/components/stories/StoryLink.jsx
index 6ac194479..6fdcee6c8 100644
--- a/app/assets/javascripts/components/stories/StoryLink.jsx
+++ b/app/assets/javascripts/components/stories/StoryLink.jsx
@@ -4,11 +4,11 @@ import noteTemplate from 'templates/note.ejs';
 
 const STORY_STATE_ICONS = {
   unstarted: 'access_time',
-  started:   'check_box_outline_blank',
-  finished:  'check_box',
+  started: 'check_box_outline_blank',
+  finished: 'check_box',
   delivered: 'hourglass_empty',
-  rejected:  'close',
-  accepted:  'done'
+  rejected: 'close',
+  accepted: 'done',
 };
 
 export default class StoryLink extends React.Component {
@@ -38,17 +38,19 @@ export default class StoryLink extends React.Component {
     const id = story.get('id');
     const popoverContent = hoverTemplate({
       story: story,
-      noteTemplate: noteTemplate
+      noteTemplate: noteTemplate,
     });
 
     return (
-      <a className={`story-link popover-activate ${storyState}`}
-         data-content={popoverContent}
-         data-original-title={story.get('title')}
-         id={`story-link-${id}`}
-         onClick={this.handleClick}>
-        { `#${id}` }
-        { (storyState !== 'unscheduled') && this.renderIcon(storyState) }
+      <a
+        className={`story-link popover-activate ${storyState}`}
+        data-content={popoverContent}
+        data-original-title={story.get('title')}
+        id={`story-link-${id}`}
+        onClick={this.handleClick}
+      >
+        {`#${id}`}
+        {storyState !== 'unscheduled' && this.renderIcon(storyState)}
       </a>
     );
   }
diff --git a/app/assets/javascripts/components/story/AddStoryButton.jsx b/app/assets/javascripts/components/story/AddStoryButton.jsx
index 4ab124a3f..08dee34c4 100644
--- a/app/assets/javascripts/components/story/AddStoryButton.jsx
+++ b/app/assets/javascripts/components/story/AddStoryButton.jsx
@@ -2,17 +2,14 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 const AddStoryButton = ({ onAdd }) => (
-  <button
-    className="btn btn-primary Column__btn-add-story"
-    onClick={onAdd}
-  >
+  <button className="btn btn-primary Column__btn-add-story" onClick={onAdd}>
     <i className="mi md-light md-18 md-add">add</i>
     {I18n.t('add story')}
   </button>
 );
 
 AddStoryButton.propTypes = {
-  onAdd: PropTypes.func.isRequired
+  onAdd: PropTypes.func.isRequired,
 };
 
 export default AddStoryButton;
diff --git a/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryEstimate.jsx b/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryEstimate.jsx
index a550f161a..13d96fdd7 100644
--- a/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryEstimate.jsx
+++ b/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryEstimate.jsx
@@ -1,14 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const estimateRule = (estimate) => estimate || '-';
+const estimateRule = estimate => estimate || '-';
 
 const CollapsedStoryEstimate = ({ estimate }) => (
-  <span className='Story__estimated-value'>{estimateRule(estimate)}</span>
+  <span className="Story__estimated-value">{estimateRule(estimate)}</span>
 );
 
 CollapsedStoryEstimate.propTypes = {
-  estimate: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+  estimate: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 };
 
 CollapsedStoryEstimate.defaultProp = {
diff --git a/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryEstimateButton.jsx b/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryEstimateButton.jsx
index 00ae84e37..e573058cf 100644
--- a/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryEstimateButton.jsx
+++ b/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryEstimateButton.jsx
@@ -1,29 +1,26 @@
 import React from 'react';
-import { connect } from 'react-redux'
+import { connect } from 'react-redux';
 import ProjectPropTypes from '../../shapes/project';
 
 export const CollapsedStoryEstimateButton = ({ project, onUpdate }) => (
   <div className="Story__estimate-box">
-    {
-      project.pointValues.map((value) => (
-        <span className="Story__estimate"
-          key={`estimate-${value}`}
-          data-value={value}
-          onClick={() => onUpdate(value)}
-        >
-          {value}
-        </span>
-      ))
-    }
+    {project.pointValues.map(value => (
+      <span
+        className="Story__estimate"
+        key={`estimate-${value}`}
+        data-value={value}
+        onClick={() => onUpdate(value)}
+      >
+        {value}
+      </span>
+    ))}
   </div>
 );
 
 CollapsedStoryEstimateButton.propTypes = {
-  project: ProjectPropTypes.isRequired
+  project: ProjectPropTypes.isRequired,
 };
 
 const mapStateToProps = ({ project }) => ({ project });
 
-export default connect(
-  mapStateToProps
-)(CollapsedStoryEstimateButton);
+export default connect(mapStateToProps)(CollapsedStoryEstimateButton);
diff --git a/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryFocusButton.jsx b/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryFocusButton.jsx
index 33980c568..1893662a2 100644
--- a/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryFocusButton.jsx
+++ b/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryFocusButton.jsx
@@ -2,27 +2,28 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 const CollapsedStoryFocusButton = ({ onClick }) => {
-  const handleClick = (e) => {
+  const handleClick = e => {
     e.stopPropagation();
     return onClick(e);
   };
 
   return (
-    <button 
-      type="button" 
-      className="btn btn-default locate-btn Story__focus-button" 
+    <button
+      type="button"
+      className="btn btn-default locate-btn Story__focus-button"
       onClick={handleClick}
       title={I18n.t('projects.search_story')}
       data-id="focus-button"
     >
-      <i className="mi md-gps-fixed md-14 Story__focus-button-icon">gps_fixed</i>
+      <i className="mi md-gps-fixed md-14 Story__focus-button-icon">
+        gps_fixed
+      </i>
     </button>
-  )
-}
+  );
+};
 
 CollapsedStoryFocusButton.propTypes = {
-  onClick: PropTypes.func.isRequired
+  onClick: PropTypes.func.isRequired,
 };
 
-
-export default CollapsedStoryFocusButton
+export default CollapsedStoryFocusButton;
diff --git a/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryInfo.jsx b/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryInfo.jsx
index 5d28b6a49..d0b8617db 100644
--- a/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryInfo.jsx
+++ b/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryInfo.jsx
@@ -13,7 +13,7 @@ const CollapsedStoryInfo = ({ story, onLabelClick }) => (
 
 CollapsedStoryInfo.propTypes = {
   story: StoryPropTypes,
-  onLabelClick: PropTypes.func.isRequired
+  onLabelClick: PropTypes.func.isRequired,
 };
 
 export default CollapsedStoryInfo;
diff --git a/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryLabels.jsx b/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryLabels.jsx
index 64a8f33ae..2176d9599 100644
--- a/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryLabels.jsx
+++ b/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryLabels.jsx
@@ -1,26 +1,32 @@
-import React from 'react'
-import PropTypes from 'prop-types'
+import React from 'react';
+import PropTypes from 'prop-types';
 import * as Labels from '../../../models/beta/label';
 import StoryPropTypes from '../../shapes/story';
 
 const StoryLabel = ({ label, onClick }) => (
-  <a href="#" className="Story__label" onClick={onClick} title={label}>{label}</a>
+  <a href="#" className="Story__label" onClick={onClick} title={label}>
+    {label}
+  </a>
 );
 
 StoryLabel.propTypes = {
   label: PropTypes.string.isRequired,
-  onClick: PropTypes.func.isRequired
+  onClick: PropTypes.func.isRequired,
 };
 
 const CollapsedStoryLabels = ({ story, onLabelClick }) => {
   if (!story.labels) {
-    return null
+    return null;
   }
 
   return (
-    <span className='Story__labels'>
+    <span className="Story__labels">
       {Labels.getNames(story.labels).map(label => (
-        <StoryLabel key={label} label={label} onClick={e => onLabelClick(e, label)} />
+        <StoryLabel
+          key={label}
+          label={label}
+          onClick={e => onLabelClick(e, label)}
+        />
       ))}
     </span>
   );
@@ -28,7 +34,7 @@ const CollapsedStoryLabels = ({ story, onLabelClick }) => {
 
 CollapsedStoryLabels.propTypes = {
   story: StoryPropTypes,
-  onLabelClick: PropTypes.func.isRequired
+  onLabelClick: PropTypes.func.isRequired,
 };
 
 export default CollapsedStoryLabels;
diff --git a/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryStateActions.jsx b/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryStateActions.jsx
index 92a7019a0..3195d0fdf 100644
--- a/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryStateActions.jsx
+++ b/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryStateActions.jsx
@@ -2,54 +2,55 @@ import React from 'react';
 import CollapsedStoryEstimateButton from './CollapsedStoryEstimateButton';
 import CollapsedStoryStateButton from './CollapsedStoryStateButton';
 import {
-  isStoryNotEstimated, getNextState, 
-  isRelease, isAccepted
+  isStoryNotEstimated,
+  getNextState,
+  isRelease,
+  isAccepted,
 } from '../../../models/beta/story';
 import StoryPropTypes from '../../shapes/story';
 import { status } from '../../../libs/beta/constants';
 
-const StoryActionFor = (state) => StateAction[state] || StateAction.unstarted;
+const StoryActionFor = state => StateAction[state] || StateAction.unstarted;
 
 const StateAction = {
-  [status.STARTED]: ["finish"],
-  [status.FINISHED]: ["deliver"],
-  [status.DELIVERED]: ["accept", "reject"],
-  [status.REJECTED]: ["restart"],
+  [status.STARTED]: ['finish'],
+  [status.FINISHED]: ['deliver'],
+  [status.DELIVERED]: ['accept', 'reject'],
+  [status.REJECTED]: ['restart'],
   [status.ACCEPTED]: [],
-  [status.UNSTARTED]: ["start"],
-  [status.RELEASE]: ["release"]
+  [status.UNSTARTED]: ['start'],
+  [status.RELEASE]: ['release'],
 };
 
-const CollapsedStoryStateActions = ({
-  story,
-  onUpdate
-}) => {
+const CollapsedStoryStateActions = ({ story, onUpdate }) => {
   const disableToggle = event => event.stopPropagation();
 
   const getStoryState = story =>
     isRelease(story) && !isAccepted(story) ? status.RELEASE : story.state;
 
   return (
-    <div className='Story__actions' onClick={disableToggle}>
-      {
-        isStoryNotEstimated(story.storyType, story.estimate) ?
-          <CollapsedStoryEstimateButton
-            onUpdate={((estimate) => onUpdate({ estimate }))}
+    <div className="Story__actions" onClick={disableToggle}>
+      {isStoryNotEstimated(story.storyType, story.estimate) ? (
+        <CollapsedStoryEstimateButton
+          onUpdate={estimate => onUpdate({ estimate })}
+        />
+      ) : (
+        StoryActionFor(getStoryState(story)).map(stateAction => (
+          <CollapsedStoryStateButton
+            action={stateAction}
+            key={stateAction}
+            onUpdate={() =>
+              onUpdate({ state: getNextState(story.state, stateAction) })
+            }
           />
-          : StoryActionFor(getStoryState(story)).map((stateAction) =>
-            <CollapsedStoryStateButton
-              action={stateAction}
-              key={stateAction}
-              onUpdate={() => onUpdate({ state: getNextState(story.state, stateAction) })}
-            />
-          )
-      }
+        ))
+      )}
     </div>
-  )
-}
+  );
+};
 
 CollapsedStoryStateActions.propTypes = {
-  story: StoryPropTypes
+  story: StoryPropTypes,
 };
 
 export default CollapsedStoryStateActions;
diff --git a/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryStateButton.jsx b/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryStateButton.jsx
index 8274668fc..a1eef9378 100644
--- a/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryStateButton.jsx
+++ b/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryStateButton.jsx
@@ -1,8 +1,9 @@
-import React from 'react'
+import React from 'react';
 import PropTypes from 'prop-types';
 
 const CollapsedStoryStateButton = ({ action, onUpdate }) => (
-  <button type="button"
+  <button
+    type="button"
     className={`Story__btn Story__btn--${action}`}
     onClick={onUpdate}
   >
@@ -12,7 +13,7 @@ const CollapsedStoryStateButton = ({ action, onUpdate }) => (
 
 CollapsedStoryStateButton.propTypes = {
   action: PropTypes.string.isRequired,
-  onUpdate: PropTypes.func.isRequired
+  onUpdate: PropTypes.func.isRequired,
 };
 
 export default CollapsedStoryStateButton;
diff --git a/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryTitle.jsx b/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryTitle.jsx
index 72d734381..b9dac4f3f 100644
--- a/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryTitle.jsx
+++ b/app/assets/javascripts/components/story/CollapsedStory/CollapsedStoryTitle.jsx
@@ -1,33 +1,25 @@
-import React from 'react'
+import React from 'react';
 import { isRelease } from '../../../models/beta/story';
 import StoryPropTypes from '../../shapes/story';
 
 const CollapsedStoryTitle = ({ story }) => (
   <div className="Story__title">
     {story.title}
-    {
-      story.ownedByInitials
-        ? <abbr
-          className="Story__initials"
-          title={story.ownedByName}
-        >
-          {story.ownedByInitials}
-        </abbr>
-        : null
-    }
-    {
-      isRelease(story)
-        ? story.releaseDate
-          ? <span>{I18n.l("date.formats.short", story.releaseDate)}</span>
-          : null
-        : null
-    }
+    {story.ownedByInitials ? (
+      <abbr className="Story__initials" title={story.ownedByName}>
+        {story.ownedByInitials}
+      </abbr>
+    ) : null}
+    {isRelease(story) ? (
+      story.releaseDate ? (
+        <span>{I18n.l('date.formats.short', story.releaseDate)}</span>
+      ) : null
+    ) : null}
   </div>
 );
 
 CollapsedStoryTitle.propTypes = {
-  story: StoryPropTypes
+  story: StoryPropTypes,
 };
 
-
-export default CollapsedStoryTitle
+export default CollapsedStoryTitle;
diff --git a/app/assets/javascripts/components/story/CollapsedStory/index.jsx b/app/assets/javascripts/components/story/CollapsedStory/index.jsx
index 6afa6161d..67507eb00 100644
--- a/app/assets/javascripts/components/story/CollapsedStory/index.jsx
+++ b/app/assets/javascripts/components/story/CollapsedStory/index.jsx
@@ -1,27 +1,27 @@
-import React, { useMemo } from "react";
-import { connect } from "react-redux";
-import { Draggable } from "react-beautiful-dnd";
-import classname from "classnames";
-import PropTypes from "prop-types";
-import { updateCollapsedStory, highlight } from "../../../actions/story";
-import StoryPopover from "../StoryPopover";
-import StoryDescriptionIcon from "../StoryDescriptionIcon";
-import CollapsedStoryEstimate from "./CollapsedStoryEstimate";
-import CollapsedStoryStateActions from "./CollapsedStoryStateActions";
-import CollapsedStoryInfo from "./CollapsedStoryInfo";
-import StoryIcon from "../StoryIcon";
-import MDSpinner from "react-md-spinner";
-import * as Story from "../../../models/beta/story";
-import { status, columns } from "../../../libs/beta/constants";
+import React, { useMemo } from 'react';
+import { connect } from 'react-redux';
+import { Draggable } from 'react-beautiful-dnd';
+import classname from 'classnames';
+import PropTypes from 'prop-types';
+import { updateCollapsedStory, highlight } from '../../../actions/story';
+import StoryPopover from '../StoryPopover';
+import StoryDescriptionIcon from '../StoryDescriptionIcon';
+import CollapsedStoryEstimate from './CollapsedStoryEstimate';
+import CollapsedStoryStateActions from './CollapsedStoryStateActions';
+import CollapsedStoryInfo from './CollapsedStoryInfo';
+import StoryIcon from '../StoryIcon';
+import MDSpinner from 'react-md-spinner';
+import * as Story from '../../../models/beta/story';
+import { status, columns } from '../../../libs/beta/constants';
 
-import CollapsedStoryFocusButon from "./CollapsedStoryFocusButton";
-import StoryPropTypes from "../../shapes/story";
-import { getStories, getStoriesWithScope } from "../../../selectors/stories";
-import { getProject } from "../../../selectors/project";
+import CollapsedStoryFocusButon from './CollapsedStoryFocusButton';
+import StoryPropTypes from '../../shapes/story';
+import { getStories, getStoriesWithScope } from '../../../selectors/stories';
+import { getProject } from '../../../selectors/project';
 
 const storyClassName = (
   story,
-  additionalClassname = "",
+  additionalClassname = '',
   isDragging,
   isDragDisabled
 ) => {
@@ -31,13 +31,13 @@ const storyClassName = (
   );
   const isRelease = Story.isRelease(story);
   return classname(
-    "Story Story--collapsed",
+    'Story Story--collapsed',
     {
-      "Story--release": isRelease,
-      "Story--unestimated": isStoryNotEstimated,
-      "Story--estimated": !isStoryNotEstimated,
-      "Story--isDragging": isDragging,
-      "Story--cantBeMoved": story.loading || isDragDisabled,
+      'Story--release': isRelease,
+      'Story--unestimated': isStoryNotEstimated,
+      'Story--estimated': !isStoryNotEstimated,
+      'Story--isDragging': isDragging,
+      'Story--cantBeMoved': story.loading || isDragDisabled,
     },
     additionalClassname
   );
@@ -76,11 +76,11 @@ export const Container = ({
     <CollapsedStoryInfo story={story} onLabelClick={onLabelClick} />
 
     {story.loading ? (
-      <MDSpinner size={20} singleColor={"#333"} />
+      <MDSpinner size={20} singleColor={'#333'} />
     ) : (
       <CollapsedStoryStateActions
         story={story}
-        onUpdate={(newAttributes) =>
+        onUpdate={newAttributes =>
           updateCollapsedStory(story.id, project.id, newAttributes)
         }
       />
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryControls.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryControls.jsx
index 72faf8fa5..bb030b25a 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryControls.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryControls.jsx
@@ -1,6 +1,6 @@
-import React, { useState } from "react";
-import PropTypes from "prop-types";
-import ExpandedStoryToolTip from "./ExpandedStoryToolTip";
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import ExpandedStoryToolTip from './ExpandedStoryToolTip';
 
 const ExpandedStoryControls = ({
   onSave,
@@ -12,7 +12,7 @@ const ExpandedStoryControls = ({
   disabled,
 }) => {
   const handleDelete = () => {
-    if (window.confirm(I18n.t("story destroy confirm"))) {
+    if (window.confirm(I18n.t('story destroy confirm'))) {
       onDelete();
     }
   };
@@ -25,7 +25,7 @@ const ExpandedStoryControls = ({
   };
 
   const hasUnsavedChanges = () => {
-    return window.confirm(I18n.t("story unsaved changes"));
+    return window.confirm(I18n.t('story unsaved changes'));
   };
 
   return (
@@ -34,7 +34,7 @@ const ExpandedStoryControls = ({
         className="save"
         onClick={onSave}
         type="button"
-        value={I18n.t("save")}
+        value={I18n.t('save')}
         disabled={!canSave}
       />
 
@@ -42,17 +42,17 @@ const ExpandedStoryControls = ({
         className="delete"
         onClick={handleDelete}
         type="button"
-        value={I18n.t("delete")}
+        value={I18n.t('delete')}
         disabled={!canDelete}
       />
       <input
         className="cancel"
         onClick={handleCancel}
         type="button"
-        value={I18n.t("cancel")}
+        value={I18n.t('cancel')}
       />
 
-      {disabled && <ExpandedStoryToolTip text={I18n.t("accepted_tooltip")} />}
+      {disabled && <ExpandedStoryToolTip text={I18n.t('accepted_tooltip')} />}
     </div>
   );
 };
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDefault/index.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDefault/index.jsx
index 9099d0df2..465c5ae8e 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDefault/index.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDefault/index.jsx
@@ -4,7 +4,10 @@ import { connect } from 'react-redux';
 import { addLabel, removeLabel } from '../../../../actions/labels';
 import { deleteNote, createNote } from '../../../../actions/note';
 import { setLoadingStory, storyFailure } from '../../../../actions/story';
-import { editingStoryPropTypesShape, isNew } from '../../../../models/beta/story';
+import {
+  editingStoryPropTypesShape,
+  isNew,
+} from '../../../../models/beta/story';
 import ProjectPropTypes from '../../../shapes/project';
 import { createTask, deleteTask, toggleTask } from '../../../../actions/task';
 import ExpandedStoryHistoryLocation from '../ExpandedStoryHistoryLocation';
@@ -21,104 +24,113 @@ import ExpandedStoryOwnedBy from '../ExpandedStoryOwnedBy';
 
 export const ExpandedStoryDefault = ({
   titleRef,
-  story, users, project,
-  onEdit, onClone, showHistory,
-  disabled, addLabel, removeLabel,
-  createNote, deleteNote,
-  createTask, deleteTask, toggleTask,
-  setLoadingStory, storyFailure,
-}) =>
+  story,
+  users,
+  project,
+  onEdit,
+  onClone,
+  showHistory,
+  disabled,
+  addLabel,
+  removeLabel,
+  createNote,
+  deleteNote,
+  createTask,
+  deleteTask,
+  toggleTask,
+  setLoadingStory,
+  storyFailure,
+}) => (
   <Fragment>
-    {
-      !isNew(story)
-        ? <ExpandedStoryHistoryLocation
-            story={story}
-            onClone={() => onClone(story._editing)}
-            showHistory={() => showHistory(story.id)}
-          />
-        : null
-    }
+    {!isNew(story) ? (
+      <ExpandedStoryHistoryLocation
+        story={story}
+        onClone={() => onClone(story._editing)}
+        showHistory={() => showHistory(story.id)}
+      />
+    ) : null}
 
     <ExpandedStoryTitle
       story={story}
       titleRef={titleRef}
-      onEdit={(title) => onEdit({ title })}
+      onEdit={title => onEdit({ title })}
       disabled={disabled}
     />
 
     <div className="Story__flex">
       <ExpandedStoryEstimate
         story={story}
-        onEdit={(estimate) => onEdit({ estimate })}
+        onEdit={estimate => onEdit({ estimate })}
         project={project}
         disabled={disabled}
       />
 
       <ExpandedStoryType
         story={story}
-        onEdit={(storyType) => onEdit({ storyType })}
+        onEdit={storyType => onEdit({ storyType })}
         disabled={disabled}
       />
     </div>
 
     <ExpandedStoryState
       story={story}
-      onEdit={(state) => onEdit({ state })}
+      onEdit={state => onEdit({ state })}
       disabled={disabled}
     />
 
     <ExpandedStoryRequestedBy
       story={story}
       users={users}
-      onEdit={(requestedById) => onEdit({ requestedById })}
+      onEdit={requestedById => onEdit({ requestedById })}
       disabled={disabled}
     />
 
     <ExpandedStoryOwnedBy
       story={story}
       users={users}
-      onEdit={(ownedById) => onEdit({ ownedById })}
+      onEdit={ownedById => onEdit({ ownedById })}
       disabled={disabled}
     />
 
     <ExpandedStoryLabels
-      onAddLabel={(label) => addLabel(story.id, label)}
+      onAddLabel={label => addLabel(story.id, label)}
       story={story}
       projectLabels={project.labels}
-      onRemoveLabel={(labelName) => removeLabel(story.id, labelName)}
-      onEdit={(labels) => onEdit({ labels })}
+      onRemoveLabel={labelName => removeLabel(story.id, labelName)}
+      onEdit={labels => onEdit({ labels })}
       disabled={disabled}
     />
 
     <ExpandedStoryDescription
       story={story}
-      onEdit={(description) => onEdit({ description })}
+      onEdit={description => onEdit({ description })}
       disabled={disabled}
       users={users}
     />
 
-    {
-      !isNew(story) ?
-        <Fragment>
-          <ExpandedStoryTask
-            story={story}
-            onToggle={(task, status) => toggleTask(project.id, story, task, status)}
-            onDelete={(taskId) => deleteTask(project.id, story.id, taskId)}
-            onSave={(task) => createTask(project.id, story.id, task)}
-            disabled={disabled}
-          />
+    {!isNew(story) ? (
+      <Fragment>
+        <ExpandedStoryTask
+          story={story}
+          onToggle={(task, status) =>
+            toggleTask(project.id, story, task, status)
+          }
+          onDelete={taskId => deleteTask(project.id, story.id, taskId)}
+          onSave={task => createTask(project.id, story.id, task)}
+          disabled={disabled}
+        />
 
-          <ExpandedStoryNotes
-            story={story}
-            projectId={project.id}
-            onDelete={(noteId) => deleteNote(project.id, story.id, noteId)}
-            onCreate={(note) => createNote(project.id, story.id, { note })}
-            disabled={disabled}
-          />
-        </Fragment>
-        : null
-    }
+        <ExpandedStoryNotes
+          story={story}
+          projectId={project.id}
+          onDelete={noteId => deleteNote(project.id, story.id, noteId)}
+          onCreate={note => createNote(project.id, story.id, { note })}
+          disabled={disabled}
+        />
+      </Fragment>
+    ) : null}
   </Fragment>
+);
 
 ExpandedStoryDefault.propTypes = {
   story: editingStoryPropTypesShape.isRequired,
@@ -136,16 +148,21 @@ ExpandedStoryDefault.propTypes = {
   storyFailure: PropTypes.func.isRequired,
   onClone: PropTypes.func.isRequired,
   showHistory: PropTypes.func.isRequired,
-  disabled: PropTypes.bool.isRequired
+  disabled: PropTypes.bool.isRequired,
 };
 
 const mapStateToProps = ({ users }) => ({ users });
 
 const mapDispatchToProps = {
-  addLabel, removeLabel,
-  createNote, deleteNote,
-  createTask, toggleTask, deleteTask,
-  setLoadingStory, storyFailure,
+  addLabel,
+  removeLabel,
+  createNote,
+  deleteNote,
+  createTask,
+  toggleTask,
+  deleteTask,
+  setLoadingStory,
+  storyFailure,
 };
 
 export default connect(
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDescription/ExpandedStoryContentArea.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDescription/ExpandedStoryContentArea.jsx
index bee8a7561..bf70c988a 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDescription/ExpandedStoryContentArea.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDescription/ExpandedStoryContentArea.jsx
@@ -2,18 +2,26 @@ import React from 'react';
 import ExpandedStoryDescriptionContent from './ExpandedStoryDescriptionContent';
 import PropTypes from 'prop-types';
 
-const ExpandedStoryContentArea = ({ onClick, description }) =>
-  <div onClick={onClick} className='story-description-content' data-id="story-description">
-    <ExpandedStoryDescriptionContent data-id="description-content" description={description} />
+const ExpandedStoryContentArea = ({ onClick, description }) => (
+  <div
+    onClick={onClick}
+    className="story-description-content"
+    data-id="story-description"
+  >
+    <ExpandedStoryDescriptionContent
+      data-id="description-content"
+      description={description}
+    />
   </div>
+);
 
 ExpandedStoryContentArea.propTypes = {
   onClick: PropTypes.func.isRequired,
-  description: PropTypes.string
+  description: PropTypes.string,
 };
 
 ExpandedStoryContentArea.defaultProps = {
-  description: ''
-}
+  description: '',
+};
 
 export default ExpandedStoryContentArea;
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDescription/ExpandedStoryDescriptionContent.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDescription/ExpandedStoryDescriptionContent.jsx
index b82975410..d51ec06e2 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDescription/ExpandedStoryDescriptionContent.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDescription/ExpandedStoryDescriptionContent.jsx
@@ -2,13 +2,14 @@ import React from 'react';
 import Markdown from '../../../Markdown';
 import PropTypes from 'prop-types';
 
-const ExpandedStoryDescriptionContent = ({ description }) =>
-  <div className='markdown-wrapper'>
+const ExpandedStoryDescriptionContent = ({ description }) => (
+  <div className="markdown-wrapper">
     <Markdown source={description} />
   </div>
+);
 
 ExpandedStoryDescriptionContent.propTypes = {
-  description: PropTypes.string.isRequired
+  description: PropTypes.string.isRequired,
 };
 
 export default ExpandedStoryDescriptionContent;
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDescription/ExpandedStoryDescriptionTextArea.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDescription/ExpandedStoryDescriptionTextArea.jsx
index 8bfab2898..d48209776 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDescription/ExpandedStoryDescriptionTextArea.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDescription/ExpandedStoryDescriptionTextArea.jsx
@@ -6,9 +6,9 @@ const ExpandedStoryDescriptionTextArea = ({
   onEdit,
   disabled,
   description,
-  users
+  users,
 }) => {
-  const extractMentionData = (({ id, username }) => ({ id, display: username }));
+  const extractMentionData = ({ id, username }) => ({ id, display: username });
   const formatMention = (_, display) => `@${display} `;
   const mentionableUsers = users.map(extractMentionData);
   const inputEl = useRef(null);
@@ -24,7 +24,7 @@ const ExpandedStoryDescriptionTextArea = ({
   return (
     <MentionsInput
       className="edit-description-text"
-      onChange={(event) => onEdit(event.target.value)}
+      onChange={event => onEdit(event.target.value)}
       readOnly={disabled}
       value={description}
       data-id="text-area"
@@ -38,14 +38,14 @@ const ExpandedStoryDescriptionTextArea = ({
         trigger="@"
       />
     </MentionsInput>
-  )
+  );
 };
 
 ExpandedStoryDescriptionTextArea.propTypes = {
   onEdit: PropTypes.func.isRequired,
   disabled: PropTypes.bool.isRequired,
   users: PropTypes.array.isRequired,
-  description: PropTypes.string.isRequired
+  description: PropTypes.string.isRequired,
 };
 
 export default ExpandedStoryDescriptionTextArea;
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDescription/index.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDescription/index.jsx
index 96db39920..c196a50cb 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDescription/index.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryDescription/index.jsx
@@ -5,12 +5,7 @@ import ExpandedStorySection from '../ExpandedStorySection';
 import ExpandedStoryContentArea from './ExpandedStoryContentArea';
 import ExpandedStoryDescriptionTextArea from './ExpandedStoryDescriptionTextArea';
 
-const ExpandedStoryDescription = ({
-  disabled,
-  onEdit,
-  users,
-  story
-}) => {
+const ExpandedStoryDescription = ({ disabled, onEdit, users, story }) => {
   if (disabled && !story.description) return null;
 
   const [editing, setEditing] = useState(false);
@@ -21,24 +16,22 @@ const ExpandedStoryDescription = ({
       title={I18n.t('activerecord.attributes.story.description')}
       identifier="description"
     >
-      {
-        editing || !story.description
-          ? <ExpandedStoryDescriptionTextArea
-            description={story._editing.description || ''}
-            onEdit={onEdit}
-            disabled={disabled}
-            users={users}
-            data-id="text-area"
-          />
-          : (
-            <ExpandedStoryContentArea
-              onClick={toggleField}
-              description={story.description}
-            />
-          )
-      }
+      {editing || !story.description ? (
+        <ExpandedStoryDescriptionTextArea
+          description={story._editing.description || ''}
+          onEdit={onEdit}
+          disabled={disabled}
+          users={users}
+          data-id="text-area"
+        />
+      ) : (
+        <ExpandedStoryContentArea
+          onClick={toggleField}
+          description={story.description}
+        />
+      )}
     </ExpandedStorySection>
-  )
+  );
 };
 
 ExpandedStoryDescription.defaultProps = {
@@ -49,7 +42,7 @@ ExpandedStoryDescription.propTypes = {
   story: editingStoryPropTypesShape.isRequired,
   onEdit: PropTypes.func.isRequired,
   disabled: PropTypes.bool.isRequired,
-  users: PropTypes.array
+  users: PropTypes.array,
 };
 
 export default ExpandedStoryDescription;
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryEstimate.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryEstimate.jsx
index 23640aa60..169c70b0e 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryEstimate.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryEstimate.jsx
@@ -1,47 +1,47 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { isFeature, editingStoryPropTypesShape } from '../../../models/beta/story';
+import {
+  isFeature,
+  editingStoryPropTypesShape,
+} from '../../../models/beta/story';
 import ProjectPropTypes from '../../shapes/project';
 import ExpandedStorySection from './ExpandedStorySection';
 
-const extractValue = (event) => {
+const extractValue = event => {
   const parsedValue = parseInt(event.target.value);
 
-  if(isNaN(parsedValue)) {
+  if (isNaN(parsedValue)) {
     return null;
   }
 
-  return parsedValue
-}
+  return parsedValue;
+};
 
-const ExpandedStoryEstimate = ({ project, story, onEdit, disabled }) =>
+const ExpandedStoryEstimate = ({ project, story, onEdit, disabled }) => (
   <ExpandedStorySection
     title={I18n.t('activerecord.attributes.story.estimate')}
   >
     <select
       value={story._editing.estimate}
       className="form-control input-sm"
-      onChange = {(event) => onEdit(extractValue(event))}
+      onChange={event => onEdit(extractValue(event))}
       disabled={disabled || !isFeature(story._editing)}
     >
-      <option value=''>
-        {I18n.t('story.no_estimate')}
-      </option>
-      {
-        project.pointValues.map((value) => (
-          <option value={value} key={value}>
-            {value}
-          </option>
-        ))
-      }
+      <option value="">{I18n.t('story.no_estimate')}</option>
+      {project.pointValues.map(value => (
+        <option value={value} key={value}>
+          {value}
+        </option>
+      ))}
     </select>
   </ExpandedStorySection>
+);
 
 ExpandedStoryEstimate.propTypes = {
   project: ProjectPropTypes.isRequired,
   story: editingStoryPropTypesShape.isRequired,
   onEdit: PropTypes.func.isRequired,
-  disabled: PropTypes.bool.isRequired
+  disabled: PropTypes.bool.isRequired,
 };
 
 export default ExpandedStoryEstimate;
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryHistoryLocation.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryHistoryLocation.jsx
index 09379759a..fcbe742e2 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryHistoryLocation.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryHistoryLocation.jsx
@@ -1,11 +1,11 @@
-import React from "react";
-import Clipboard from "react-clipboard.js";
-import { storyUrl } from "../StoryUrl";
+import React from 'react';
+import Clipboard from 'react-clipboard.js';
+import { storyUrl } from '../StoryUrl';
 import {
   editingStoryPropTypesShape,
   hasHistory,
-} from "../../../models/beta/story";
-import PropTypes from "prop-types";
+} from '../../../models/beta/story';
+import PropTypes from 'prop-types';
 
 const ExpandedStoryHistoryLocation = ({ story, onClone, showHistory }) => (
   <div className="col-xs-12 form-group input-group input-group-sm">
@@ -21,11 +21,11 @@ const ExpandedStoryHistoryLocation = ({ story, onClone, showHistory }) => (
         data-clipboard-text={storyUrl(story)}
         component="button"
         className="btn btn-default btn-clipboard"
-        button-title={I18n.t("story.events.copy_url")}
+        button-title={I18n.t('story.events.copy_url')}
       >
         <img
           src="/clippy.svg"
-          alt={I18n.t("story.events.copy_url")}
+          alt={I18n.t('story.events.copy_url')}
           className="clipboard-icon"
         />
       </Clipboard>
@@ -34,7 +34,7 @@ const ExpandedStoryHistoryLocation = ({ story, onClone, showHistory }) => (
         data-clipboard-text={`#${story.id.toString()}`}
         component="button"
         className="btn btn-default btn-clipboard-id btn-clipboard"
-        button-title={I18n.t("story.events.copy_id")}
+        button-title={I18n.t('story.events.copy_id')}
       >
         ID
       </Clipboard>
@@ -42,7 +42,7 @@ const ExpandedStoryHistoryLocation = ({ story, onClone, showHistory }) => (
       {hasHistory(story) && (
         <button
           className="btn btn-default"
-          title={I18n.t("story.events.view_history")}
+          title={I18n.t('story.events.view_history')}
           onClick={showHistory}
           data-id="history-button"
         >
@@ -52,7 +52,7 @@ const ExpandedStoryHistoryLocation = ({ story, onClone, showHistory }) => (
 
       <button
         className="btn btn-default clone-story"
-        title={I18n.t("story.events.clone")}
+        title={I18n.t('story.events.clone')}
         onClick={onClone}
       >
         <i className="mi md-18">content_copy</i>
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryLabels.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryLabels.jsx
index b91742a61..5356fce37 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryLabels.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryLabels.jsx
@@ -4,24 +4,32 @@ import PropTypes from 'prop-types';
 import { editingStoryPropTypesShape } from '../../../models/beta/story';
 import ExpandedStorySection from './ExpandedStorySection';
 
-function ExpandedStoryLabels({ story, projectLabels, disabled, onRemoveLabel, onAddLabel }) {
+function ExpandedStoryLabels({
+  story,
+  projectLabels,
+  disabled,
+  onRemoveLabel,
+  onAddLabel,
+}) {
   const { labels } = story._editing;
 
-  if (disabled && !story.labels.length) return null
+  if (disabled && !story.labels.length) return null;
 
-  const onDelete = (index) => {
+  const onDelete = index => {
     if (disabled) return;
 
     const label = labels.find((_, labelIndex) => labelIndex === index);
 
     onRemoveLabel(label.name);
-  }
+  };
 
   return (
-    <ExpandedStorySection title={I18n.t('activerecord.attributes.story.labels')}>
+    <ExpandedStorySection
+      title={I18n.t('activerecord.attributes.story.labels')}
+    >
       <ReactTags
         tags={labels}
-        placeholder={disabled ? "" : I18n.t('add new label')}
+        placeholder={disabled ? '' : I18n.t('add new label')}
         suggestions={projectLabels}
         inputAttributes={{ readOnly: disabled }}
         delimiterChars={[',', ' ']}
@@ -34,7 +42,7 @@ function ExpandedStoryLabels({ story, projectLabels, disabled, onRemoveLabel, on
         handleDelete={onDelete}
       />
     </ExpandedStorySection>
-  )
+  );
 }
 
 ExpandedStoryLabels.propTypes = {
@@ -42,7 +50,7 @@ ExpandedStoryLabels.propTypes = {
   onAddLabel: PropTypes.func.isRequired,
   onRemoveLabel: PropTypes.func.isRequired,
   projectLabels: PropTypes.arrayOf(PropTypes.object).isRequired,
-  disabled: PropTypes.bool.isRequired
+  disabled: PropTypes.bool.isRequired,
 };
 
 export default ExpandedStoryLabels;
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryNotes.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryNotes.jsx
index 74fd79592..05c167a36 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryNotes.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryNotes.jsx
@@ -9,15 +9,15 @@ class ExpandedStoryNotes extends React.Component {
     super(props);
 
     this.state = {
-      value: ''
+      value: '',
     };
 
     this.handleChange = this.handleChange.bind(this);
     this.handleSave = this.handleSave.bind(this);
-  };
+  }
 
   handleChange(event) {
-    this.setState({ value: event.target.value })
+    this.setState({ value: event.target.value });
   }
 
   handleSave() {
@@ -28,7 +28,7 @@ class ExpandedStoryNotes extends React.Component {
   }
 
   hasAnEmptyValue() {
-    return !this.state.value.trim()
+    return !this.state.value.trim();
   }
 
   notesForm() {
@@ -40,9 +40,9 @@ class ExpandedStoryNotes extends React.Component {
           onChange={this.handleChange}
         />
 
-        <div className='create-note-button'>
+        <div className="create-note-button">
           <input
-            type='button'
+            type="button"
             value={I18n.t('add note')}
             onClick={this.handleSave}
             disabled={this.hasAnEmptyValue()}
@@ -55,13 +55,10 @@ class ExpandedStoryNotes extends React.Component {
   render() {
     const { story, onDelete, disabled } = this.props;
 
-    if(disabled && !story.notes.length) return null
+    if (disabled && !story.notes.length) return null;
 
     return (
-      <ExpandedStorySection
-        title={I18n.t('story.notes')}
-        identifier="notes"
-      >
+      <ExpandedStorySection title={I18n.t('story.notes')} identifier="notes">
         <NotesList
           notes={story.notes}
           onDelete={onDelete}
@@ -72,13 +69,13 @@ class ExpandedStoryNotes extends React.Component {
       </ExpandedStorySection>
     );
   }
-};
+}
 
 ExpandedStoryNotes.propTypes = {
   story: editingStoryPropTypesShape.isRequired,
   onCreate: PropTypes.func.isRequired,
   onDelete: PropTypes.func.isRequired,
-  disabled: PropTypes.bool.isRequired
+  disabled: PropTypes.bool.isRequired,
 };
 
 export default ExpandedStoryNotes;
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryOwnedBy.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryOwnedBy.jsx
index 29a158bd3..5fa744cce 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryOwnedBy.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryOwnedBy.jsx
@@ -4,7 +4,7 @@ import SelectUser from '../select_user/SelectUser';
 import { editingStoryPropTypesShape } from '../../../models/beta/story';
 import ExpandedStorySection from './ExpandedStorySection';
 
-const ExpandedStoryOwnedBy = ({ users, story, onEdit, disabled }) =>
+const ExpandedStoryOwnedBy = ({ users, story, onEdit, disabled }) => (
   <ExpandedStorySection
     title={I18n.t('activerecord.attributes.story.owned_by')}
   >
@@ -15,12 +15,13 @@ const ExpandedStoryOwnedBy = ({ users, story, onEdit, disabled }) =>
       disabled={disabled}
     />
   </ExpandedStorySection>
+);
 
 ExpandedStoryOwnedBy.propTypes = {
   users: PropTypes.array.isRequired,
   story: editingStoryPropTypesShape.isRequired,
   onEdit: PropTypes.func.isRequired,
-  disabled: PropTypes.bool.isRequired
-}
+  disabled: PropTypes.bool.isRequired,
+};
 
 export default ExpandedStoryOwnedBy;
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryRelease/ExpandedStoryReleaseDate.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryRelease/ExpandedStoryReleaseDate.jsx
index c2bfb879b..ea4305ca7 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryRelease/ExpandedStoryReleaseDate.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryRelease/ExpandedStoryReleaseDate.jsx
@@ -6,7 +6,7 @@ import moment from 'moment';
 import { editingStoryPropTypesShape } from '../../../../models/beta/story';
 
 const ExpandedStoryReleaseDate = ({ onEdit, story, disabled }) => {
-  const releaseDate = moment(story._editing.releaseDate, ["YYYY-MM-DD"]);
+  const releaseDate = moment(story._editing.releaseDate, ['YYYY-MM-DD']);
   const validReleaseDate = releaseDate.isValid() ? releaseDate : null;
 
   return (
@@ -14,24 +14,20 @@ const ExpandedStoryReleaseDate = ({ onEdit, story, disabled }) => {
       title={I18n.t('activerecord.attributes.story.release_date')}
     >
       <DatePicker
-        placeholderText={
-          I18n.t('activerecord.attributes.story.release_date')
-        }
+        placeholderText={I18n.t('activerecord.attributes.story.release_date')}
         selected={validReleaseDate}
         className="form-control input-sm"
-        onChange={(releaseDate) =>
-          onEdit(releaseDate.format())
-        }
+        onChange={releaseDate => onEdit(releaseDate.format())}
         disabled={disabled}
       />
     </ExpandedStorySection>
-  )
+  );
 };
 
 ExpandedStoryReleaseDate.propTypes = {
   story: editingStoryPropTypesShape.isRequired,
   onEdit: PropTypes.func.isRequired,
-  disabled: PropTypes.bool.isRequired
+  disabled: PropTypes.bool.isRequired,
 };
 
 export default ExpandedStoryReleaseDate;
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryRelease/index.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryRelease/index.jsx
index ed9307973..f75f4b268 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryRelease/index.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryRelease/index.jsx
@@ -5,56 +5,58 @@ import ExpandedStoryType from '../ExpandedStoryType';
 import ExpandedStoryReleaseDate from './ExpandedStoryReleaseDate';
 import ExpandedStoryDescription from '../ExpandedStoryDescription';
 import ExpandedStoryHistoryLocation from '../ExpandedStoryHistoryLocation';
-import { editingStoryPropTypesShape, isNew } from '../../../../models/beta/story';
+import {
+  editingStoryPropTypesShape,
+  isNew,
+} from '../../../../models/beta/story';
 
 const ExpandedStoryRelease = ({
   story,
   titleRef,
   onEdit,
   onClone,
-  disabled
-}) =>
+  disabled,
+}) => (
   <Fragment>
-    {
-      !isNew(story)
-        ? <ExpandedStoryHistoryLocation
-          story={story}
-          onClone={() => onClone(story._editing)}
-        />
-        : null
-    }
+    {!isNew(story) ? (
+      <ExpandedStoryHistoryLocation
+        story={story}
+        onClone={() => onClone(story._editing)}
+      />
+    ) : null}
 
     <ExpandedStoryTitle
       story={story}
       titleRef={titleRef}
-      onEdit={(title) => onEdit({ title })}
+      onEdit={title => onEdit({ title })}
       disabled={disabled}
     />
 
     <ExpandedStoryType
       story={story}
-      onEdit={(storyType) => onEdit({ storyType })}
+      onEdit={storyType => onEdit({ storyType })}
       disabled={disabled}
     />
 
     <ExpandedStoryReleaseDate
       story={story}
-      onEdit={(releaseDate) => onEdit({ releaseDate })}
+      onEdit={releaseDate => onEdit({ releaseDate })}
       disabled={disabled}
     />
 
     <ExpandedStoryDescription
       story={story}
-      onEdit={(description) => onEdit({ description })}
+      onEdit={description => onEdit({ description })}
       disabled={disabled}
     />
   </Fragment>
+);
 
 ExpandedStoryRelease.propTypes = {
   story: editingStoryPropTypesShape.isRequired,
   onEdit: PropTypes.func.isRequired,
   onClone: PropTypes.func.isRequired,
-  disabled: PropTypes.bool.isRequired
+  disabled: PropTypes.bool.isRequired,
 };
 
 export default ExpandedStoryRelease;
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryRequestedBy.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryRequestedBy.jsx
index 866f30553..e87fdbd23 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryRequestedBy.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryRequestedBy.jsx
@@ -4,7 +4,7 @@ import SelectUser from '../select_user/SelectUser';
 import { editingStoryPropTypesShape } from '../../../models/beta/story';
 import ExpandedStorySection from './ExpandedStorySection';
 
-const ExpandedStoryRequestedBy = ({ users, story, onEdit, disabled }) =>
+const ExpandedStoryRequestedBy = ({ users, story, onEdit, disabled }) => (
   <ExpandedStorySection
     title={I18n.t('activerecord.attributes.story.requested_by')}
   >
@@ -15,12 +15,13 @@ const ExpandedStoryRequestedBy = ({ users, story, onEdit, disabled }) =>
       disabled={disabled}
     />
   </ExpandedStorySection>
+);
 
 ExpandedStoryRequestedBy.propTypes = {
   users: PropTypes.array.isRequired,
   story: editingStoryPropTypesShape.isRequired,
   onEdit: PropTypes.func.isRequired,
-  disabled: PropTypes.bool.isRequired
-}
+  disabled: PropTypes.bool.isRequired,
+};
 
 export default ExpandedStoryRequestedBy;
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStorySection.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStorySection.jsx
index c73eacf0e..fc57d780d 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStorySection.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStorySection.jsx
@@ -1,27 +1,24 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ExpandedStorySection = ({ title, children, identifier }) =>
+const ExpandedStorySection = ({ title, children, identifier }) => (
   <div className="Story__section">
-    <div className="Story__section-title">
-      { title }
-    </div>
-    <div className={`Story__section__${identifier}`}>
-      {children}
-    </div>
+    <div className="Story__section-title">{title}</div>
+    <div className={`Story__section__${identifier}`}>{children}</div>
   </div>
+);
 
 ExpandedStorySection.propTypes = {
   title: PropTypes.string.isRequired,
   identifier: PropTypes.string,
   children: PropTypes.oneOfType([
     PropTypes.arrayOf(PropTypes.node),
-    PropTypes.node
-  ]).isRequired
+    PropTypes.node,
+  ]).isRequired,
 };
 
 ExpandedStorySection.defaultProps = {
-  identifier: 'content'
+  identifier: 'content',
 };
 
 export default ExpandedStorySection;
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryState.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryState.jsx
index e179949a0..ee5d734fe 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryState.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryState.jsx
@@ -1,33 +1,33 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import * as Story from '../../../models/beta/story';
-import { editingStoryPropTypesShape, isUnestimatedFeature } from '../../../models/beta/story';
+import {
+  editingStoryPropTypesShape,
+  isUnestimatedFeature,
+} from '../../../models/beta/story';
 import ExpandedStorySection from './ExpandedStorySection';
 
-const ExpandedStoryState = ({ story, onEdit, disabled }) =>
-  <ExpandedStorySection
-    title={I18n.t('activerecord.attributes.story.state')}
-  >
+const ExpandedStoryState = ({ story, onEdit, disabled }) => (
+  <ExpandedStorySection title={I18n.t('activerecord.attributes.story.state')}>
     <select
       value={story._editing.state}
       className="form-control input-sm"
-      onChange={(event) => onEdit(event.target.value)}
+      onChange={event => onEdit(event.target.value)}
       disabled={disabled || isUnestimatedFeature(story._editing)}
     >
-      {
-        Story.possibleStatesFor(story).map((state) => (
-          <option value={state} key={state}>
-            {I18n.t(`story.state.${state}`)}
-          </option>
-        ))
-      }
+      {Story.possibleStatesFor(story).map(state => (
+        <option value={state} key={state}>
+          {I18n.t(`story.state.${state}`)}
+        </option>
+      ))}
     </select>
   </ExpandedStorySection>
+);
 
 ExpandedStoryState.propTypes = {
   story: editingStoryPropTypesShape.isRequired,
   onEdit: PropTypes.func.isRequired,
-  disabled: PropTypes.bool.isRequired
+  disabled: PropTypes.bool.isRequired,
 };
 
 export default ExpandedStoryState;
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryTask.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryTask.jsx
index 48383829f..8e737d302 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryTask.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryTask.jsx
@@ -8,7 +8,7 @@ class ExpandedStoryTask extends Component {
   constructor(props) {
     super(props);
     this.state = {
-      task: ''
+      task: '',
     };
     this.onInputChange = this.onInputChange.bind(this);
     this.onHandleSubmit = this.onHandleSubmit.bind(this);
@@ -16,7 +16,7 @@ class ExpandedStoryTask extends Component {
 
   onInputChange(e) {
     this.setState({
-      task: e.target.value
+      task: e.target.value,
     });
   }
 
@@ -26,12 +26,12 @@ class ExpandedStoryTask extends Component {
     const task = this.state.task;
     onSave(task);
     this.setState({
-      task: ''
+      task: '',
     });
   }
 
   hasAnEmptyValue() {
-    return !this.state.task.trim()
+    return !this.state.task.trim();
   }
 
   render() {
@@ -40,11 +40,8 @@ class ExpandedStoryTask extends Component {
     if (disabled && !story.tasks.length) return null;
 
     return (
-      <ExpandedStorySection
-        title={I18n.t('story.tasks')}
-        identifier="tasks"
-      >
-        <div className="list-task" >
+      <ExpandedStorySection title={I18n.t('story.tasks')} identifier="tasks">
+        <div className="list-task">
           <TasksList
             tasks={story.tasks}
             onDelete={onDelete}
@@ -53,36 +50,34 @@ class ExpandedStoryTask extends Component {
           />
         </div>
 
-        {
-          !disabled && (
-            <div className="task-form">
-              <input
-                value={this.state.task}
-                className="form-control input-sm"
-                onChange={this.onInputChange}
-              />
-              <button
-                type='submit'
-                className='add-task-button'
-                onClick={this.onHandleSubmit}
-                disabled={this.hasAnEmptyValue()}
-              >
-                {I18n.t('add task')}
-              </button>
-            </div>
-          )
-        }
+        {!disabled && (
+          <div className="task-form">
+            <input
+              value={this.state.task}
+              className="form-control input-sm"
+              onChange={this.onInputChange}
+            />
+            <button
+              type="submit"
+              className="add-task-button"
+              onClick={this.onHandleSubmit}
+              disabled={this.hasAnEmptyValue()}
+            >
+              {I18n.t('add task')}
+            </button>
+          </div>
+        )}
       </ExpandedStorySection>
     );
   }
-};
+}
 
 ExpandedStoryTask.propTypes = {
   story: editingStoryPropTypesShape.isRequired,
   onToggle: PropTypes.func.isRequired,
   onDelete: PropTypes.func.isRequired,
   onSave: PropTypes.func.isRequired,
-  disabled: PropTypes.bool.isRequired
+  disabled: PropTypes.bool.isRequired,
 };
 
 export default ExpandedStoryTask;
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryTitle.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryTitle.jsx
index ecb1ebd5d..0c2013ba9 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryTitle.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryTitle.jsx
@@ -3,23 +3,22 @@ import PropTypes from 'prop-types';
 import { editingStoryPropTypesShape } from '../../../models/beta/story';
 import ExpandedStorySection from './ExpandedStorySection';
 
-const ExpandedStoryTitle = ({ story, onEdit, titleRef, disabled }) =>
-  <ExpandedStorySection
-    title={I18n.t('activerecord.attributes.story.title')}
-  >
+const ExpandedStoryTitle = ({ story, onEdit, titleRef, disabled }) => (
+  <ExpandedStorySection title={I18n.t('activerecord.attributes.story.title')}>
     <input
       value={story._editing.title}
       ref={titleRef}
       className="form-control input-sm"
       readOnly={disabled}
-      onChange={(event) => onEdit(event.target.value)}
+      onChange={event => onEdit(event.target.value)}
     />
   </ExpandedStorySection>
+);
 
 ExpandedStoryTitle.propTypes = {
   story: editingStoryPropTypesShape.isRequired,
   onEdit: PropTypes.func.isRequired,
-  disabled: PropTypes.bool.isRequired
+  disabled: PropTypes.bool.isRequired,
 };
 
-export default ExpandedStoryTitle
+export default ExpandedStoryTitle;
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryToolTip.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryToolTip.jsx
index 0626f40f5..31201d5e1 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryToolTip.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryToolTip.jsx
@@ -2,26 +2,19 @@ import React from 'react';
 import Popover from 'components/jquery_wrappers/Popover';
 
 const ExpandedStoryToolTip = ({ text }) => (
-
   <Popover
     delay={100}
     trigger="hover"
     title=""
-    renderContent={({ ref }) => (
+    renderContent={({ ref }) => <div ref={ref}>{text}</div>}
+  >
+    {({ ref }) => (
       <div ref={ref}>
-       {text}
+        <div className="infoToolTip">
+          <i className="mi md-18">info_outline</i>
+        </div>
       </div>
     )}
-  >
-    {
-      ({ ref }) => (
-        <div ref={ref}>
-          <div className="infoToolTip">
-            <i className="mi md-18">info_outline</i>
-          </div>
-        </div>
-      )
-    }
   </Popover>
 );
 
diff --git a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryType.jsx b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryType.jsx
index 7ad49695e..11fd4beef 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryType.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/ExpandedStoryType.jsx
@@ -3,30 +3,29 @@ import PropTypes from 'prop-types';
 import { types, editingStoryPropTypesShape } from '../../../models/beta/story';
 import ExpandedStorySection from './ExpandedStorySection';
 
-export const ExpandedStoryType = ({ story, onEdit, disabled }) =>
+export const ExpandedStoryType = ({ story, onEdit, disabled }) => (
   <ExpandedStorySection
     title={I18n.t('activerecord.attributes.story.story_type')}
   >
     <select
       value={story._editing.storyType}
       className="form-control input-sm"
-      onChange={(event) => onEdit(event.target.value)}
+      onChange={event => onEdit(event.target.value)}
       disabled={disabled}
     >
-      {
-        types.map((value) => (
-          <option value={value} key={value}>
-            {value}
-          </option>
-        ))
-      }
+      {types.map(value => (
+        <option value={value} key={value}>
+          {value}
+        </option>
+      ))}
     </select>
   </ExpandedStorySection>
+);
 
 ExpandedStoryType.propTypes = {
   story: editingStoryPropTypesShape.isRequired,
   onEdit: PropTypes.func.isRequired,
-  disabled: PropTypes.bool.isRequired
+  disabled: PropTypes.bool.isRequired,
 };
 
 export default ExpandedStoryType;
diff --git a/app/assets/javascripts/components/story/ExpandedStory/index.jsx b/app/assets/javascripts/components/story/ExpandedStory/index.jsx
index 896315f60..836287d7e 100644
--- a/app/assets/javascripts/components/story/ExpandedStory/index.jsx
+++ b/app/assets/javascripts/components/story/ExpandedStory/index.jsx
@@ -1,19 +1,19 @@
-import React, { useEffect, useRef } from "react";
-import classNames from "classnames";
-import PropTypes from "prop-types";
-import ExpandedStoryControls from "./ExpandedStoryControls";
-import ExpandedStoryDefault from "./ExpandedStoryDefault";
-import ExpandedStoryRelease from "./ExpandedStoryRelease";
+import React, { useEffect, useRef } from 'react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import ExpandedStoryControls from './ExpandedStoryControls';
+import ExpandedStoryDefault from './ExpandedStoryDefault';
+import ExpandedStoryRelease from './ExpandedStoryRelease';
 import {
   editStory,
   saveStory,
   deleteStory,
   cloneStory,
   showHistory,
-} from "../../../actions/story";
-import { connect } from "react-redux";
-import * as Story from "../../../models/beta/story";
-import ProjectPropTypes from "../../shapes/project";
+} from '../../../actions/story';
+import { connect } from 'react-redux';
+import * as Story from '../../../models/beta/story';
+import ProjectPropTypes from '../../shapes/project';
 
 export function ExpandedStory({
   story,
@@ -33,7 +33,7 @@ export function ExpandedStory({
   const loading = story._editing.loading;
   const disabled = !Story.canEdit(story);
 
-  const handleEditStory = (newAttributes) => {
+  const handleEditStory = newAttributes => {
     editStory(story.id, newAttributes, from);
   };
 
@@ -52,8 +52,8 @@ export function ExpandedStory({
   return (
     <div
       className={classNames(
-        "Story Story--expanded",
-        { "Story__enable-loading": loading },
+        'Story Story--expanded',
+        { 'Story__enable-loading': loading },
         className
       )}
       title={title}
diff --git a/app/assets/javascripts/components/story/StoryActionButton.jsx b/app/assets/javascripts/components/story/StoryActionButton.jsx
index 0a860e593..4bc0fa9e8 100644
--- a/app/assets/javascripts/components/story/StoryActionButton.jsx
+++ b/app/assets/javascripts/components/story/StoryActionButton.jsx
@@ -1,10 +1,11 @@
-import React from 'react'
+import React from 'react';
 
-const StoryActionButton = (props) => {
+const StoryActionButton = props => {
   return (
     <button
       className={`btn btn-default ${props.className}`}
-      title={props.title}>
+      title={props.title}
+    >
       <i className="mi md-18">{props.iconName}</i>
     </button>
   );
diff --git a/app/assets/javascripts/components/story/StoryControls.jsx b/app/assets/javascripts/components/story/StoryControls.jsx
index 0bdbcc118..d6a4c12e7 100644
--- a/app/assets/javascripts/components/story/StoryControls.jsx
+++ b/app/assets/javascripts/components/story/StoryControls.jsx
@@ -1,11 +1,30 @@
 import React from 'react';
 
-const StoryControls = (props) => {
-  return(
+const StoryControls = props => {
+  return (
     <div className="form-group story-controls">
-    { !props.disableChanges && <input className="submit" onClick={props.onClickSave} type="button" value="Save" /> }
-    { !props.disableChanges && <input className="destroy" onClick={props.onClickDelete} type="button" value="Delete" /> }
-    <input className="cancel" onClick={props.onClickCancel} type="button" value="Cancel" />
+      {!props.disableChanges && (
+        <input
+          className="submit"
+          onClick={props.onClickSave}
+          type="button"
+          value="Save"
+        />
+      )}
+      {!props.disableChanges && (
+        <input
+          className="destroy"
+          onClick={props.onClickDelete}
+          type="button"
+          value="Delete"
+        />
+      )}
+      <input
+        className="cancel"
+        onClick={props.onClickCancel}
+        type="button"
+        value="Cancel"
+      />
     </div>
   );
 };
diff --git a/app/assets/javascripts/components/story/StoryDatePicker.jsx b/app/assets/javascripts/components/story/StoryDatePicker.jsx
index fa1973318..a394bf188 100644
--- a/app/assets/javascripts/components/story/StoryDatePicker.jsx
+++ b/app/assets/javascripts/components/story/StoryDatePicker.jsx
@@ -3,28 +3,32 @@ import DatePicker from 'react-datepicker';
 import moment from 'moment';
 
 export default class StoryDatePicker extends React.Component {
-  constructor (props) {
-    super(props)
+  constructor(props) {
+    super(props);
     moment.locale(I18n.locale);
-    const releaseDate = moment(this.props.releaseDate, ["YYYY-MM-DD"])
+    const releaseDate = moment(this.props.releaseDate, ['YYYY-MM-DD']);
     this.state = {
-      startDate: releaseDate.isValid() ? releaseDate : null
+      startDate: releaseDate.isValid() ? releaseDate : null,
     };
     this.handleChange = this.handleChange.bind(this);
   }
 
   handleChange(date) {
-    this.setState({
-      startDate: date
-    }, () => this.props.onChangeCallback()
+    this.setState(
+      {
+        startDate: date,
+      },
+      () => this.props.onChangeCallback()
     );
   }
 
   render() {
     return (
       <Fragment>
-        <label htmlFor="release-date">{I18n.t('activerecord.attributes.story.release_date')}</label>
-        <br/>
+        <label htmlFor="release-date">
+          {I18n.t('activerecord.attributes.story.release_date')}
+        </label>
+        <br />
         <DatePicker
           selected={this.state.startDate}
           onChange={this.handleChange}
diff --git a/app/assets/javascripts/components/story/StoryDescription.jsx b/app/assets/javascripts/components/story/StoryDescription.jsx
index d3afab72f..834be6e1b 100644
--- a/app/assets/javascripts/components/story/StoryDescription.jsx
+++ b/app/assets/javascripts/components/story/StoryDescription.jsx
@@ -5,7 +5,7 @@ import DescriptionContent from 'components/description/DescriptionContent';
 class StoryDescription extends React.Component {
   editDescription() {
     const { usernames, name, value, onChange } = this.props;
-    return(
+    return (
       <AtWhoInput
         usernames={usernames}
         name={name}
@@ -16,8 +16,9 @@ class StoryDescription extends React.Component {
   }
 
   descriptionContent() {
-    const { linkedStories, isReadonly, description, onClick, value } = this.props;
-    return(
+    const { linkedStories, isReadonly, description, onClick, value } =
+      this.props;
+    return (
       <DescriptionContent
         linkedStories={linkedStories}
         isReadonly={isReadonly}
@@ -33,10 +34,12 @@ class StoryDescription extends React.Component {
     return (
       <Fragment>
         <label htmlFor={name}>
-          { I18n.t('activerecord.attributes.story.description') }
+          {I18n.t('activerecord.attributes.story.description')}
         </label>
         <br />
-        { (isNew || editingDescription) ? this.editDescription() : this.descriptionContent() }
+        {isNew || editingDescription
+          ? this.editDescription()
+          : this.descriptionContent()}
       </Fragment>
     );
   }
diff --git a/app/assets/javascripts/components/story/StoryDescriptionIcon.jsx b/app/assets/javascripts/components/story/StoryDescriptionIcon.jsx
index 8a70a4eee..1c4e0ba5a 100644
--- a/app/assets/javascripts/components/story/StoryDescriptionIcon.jsx
+++ b/app/assets/javascripts/components/story/StoryDescriptionIcon.jsx
@@ -2,18 +2,18 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 const StoryDescriptionIcon = ({ description }) => {
-  if ( description ) {
+  if (description) {
     return (
-      <span className='Story__description-icon' >
-        <i className='mi md-dark md-16 question_answer'>question_answer</i>
+      <span className="Story__description-icon">
+        <i className="mi md-dark md-16 question_answer">question_answer</i>
       </span>
-    )
+    );
   }
-  return null
+  return null;
 };
 
 StoryDescriptionIcon.propTypes = {
-  description: PropTypes.string
+  description: PropTypes.string,
 };
 
 export default StoryDescriptionIcon;
diff --git a/app/assets/javascripts/components/story/StoryEstimateButtons.jsx b/app/assets/javascripts/components/story/StoryEstimateButtons.jsx
index e864d6d81..c75430e14 100644
--- a/app/assets/javascripts/components/story/StoryEstimateButtons.jsx
+++ b/app/assets/javascripts/components/story/StoryEstimateButtons.jsx
@@ -14,9 +14,7 @@ const renderButton = (point, onClick) => (
 
 const EstimateButtons = ({ points, onClick }) => (
   <div className="estimates">
-    {
-      points.map((point) => renderButton(point, onClick))
-    }
+    {points.map(point => renderButton(point, onClick))}
   </div>
 );
 
diff --git a/app/assets/javascripts/components/story/StoryHistoryLocation.jsx b/app/assets/javascripts/components/story/StoryHistoryLocation.jsx
index 933cbc00b..541781534 100644
--- a/app/assets/javascripts/components/story/StoryHistoryLocation.jsx
+++ b/app/assets/javascripts/components/story/StoryHistoryLocation.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
-import StoryActionButton from './StoryActionButton'
+import StoryActionButton from './StoryActionButton';
 
-const StoryHistoryLocation = ({ id, url }) =>
+const StoryHistoryLocation = ({ id, url }) => (
   <div className="col-xs-12 form-group input-group input-group-sm">
     <input
       className="form-control input-sm"
@@ -14,10 +14,14 @@ const StoryHistoryLocation = ({ id, url }) =>
       <button
         className="btn btn-default btn-clipboard"
         data-clipboard-target={`#story-link-${id}`}
-        type="button" 
+        type="button"
         title={I18n.t('story.events.copy_url')}
       >
-        <img src="/clippy.svg" alt={I18n.t('story.events.copy_url')} className="clipboard-icon" />
+        <img
+          src="/clippy.svg"
+          alt={I18n.t('story.events.copy_url')}
+          className="clipboard-icon"
+        />
       </button>
 
       <button
@@ -29,17 +33,18 @@ const StoryHistoryLocation = ({ id, url }) =>
         ID
       </button>
 
-   <StoryActionButton
-      className={'toggle-history'}
-      title={I18n.t('story.events.view_history')}
-      iconName={'history'}
-    />
-    <StoryActionButton 
-      className={'clone-story'}
-      title={I18n.t('story.events.clone')}
-      iconName={'content_copy'}
-    />
+      <StoryActionButton
+        className={'toggle-history'}
+        title={I18n.t('story.events.view_history')}
+        iconName={'history'}
+      />
+      <StoryActionButton
+        className={'clone-story'}
+        title={I18n.t('story.events.clone')}
+        iconName={'content_copy'}
+      />
     </span>
   </div>
+);
 
 export default StoryHistoryLocation;
diff --git a/app/assets/javascripts/components/story/StoryIcon.jsx b/app/assets/javascripts/components/story/StoryIcon.jsx
index ae706cd33..732a2f245 100644
--- a/app/assets/javascripts/components/story/StoryIcon.jsx
+++ b/app/assets/javascripts/components/story/StoryIcon.jsx
@@ -6,18 +6,20 @@ const iconRules = {
   feature: { icon: 'start', className: 'star' },
   bug: { icon: 'bug_report', className: 'bug' },
   chore: { icon: 'settings', className: 'dark' },
-  release: { icon: 'bookmark', className: 'bookmark' }
+  release: { icon: 'bookmark', className: 'bookmark' },
 };
 
 const iconRuleFor = _.propertyOf(iconRules);
 
-const iconRule = (storyType) => iconRuleFor([storyType, 'icon']);
+const iconRule = storyType => iconRuleFor([storyType, 'icon']);
 
-const classIconRule = (storyType) => iconRuleFor([storyType, 'className']);
+const classIconRule = storyType => iconRuleFor([storyType, 'className']);
 
 const CollapsedStoryIcon = ({ storyType }) => (
-  <span className='Story__icon'>
-    <i className={`mi md-${classIconRule(storyType)} md-16`}>{iconRule(storyType)}</i>
+  <span className="Story__icon">
+    <i className={`mi md-${classIconRule(storyType)} md-16`}>
+      {iconRule(storyType)}
+    </i>
   </span>
 );
 
diff --git a/app/assets/javascripts/components/story/StoryItem.jsx b/app/assets/javascripts/components/story/StoryItem.jsx
index 3c4e77fdd..159841ec3 100644
--- a/app/assets/javascripts/components/story/StoryItem.jsx
+++ b/app/assets/javascripts/components/story/StoryItem.jsx
@@ -4,7 +4,11 @@ import CollapsedStory from './CollapsedStory';
 import ExpandedStory from './ExpandedStory';
 import { connect } from 'react-redux';
 import { toggleStory, fetchEpic } from '../../actions/story';
-import { releaseIsLate, isHighlighted, isAccepted } from '../../models/beta/story';
+import {
+  releaseIsLate,
+  isHighlighted,
+  isAccepted,
+} from '../../models/beta/story';
 import classNames from 'classnames';
 
 export const StoryItem = ({
@@ -14,19 +18,21 @@ export const StoryItem = ({
   index,
   sprintIndex,
   columnId,
-  fetchEpic
+  fetchEpic,
 }) => {
   const className = classNames({
     'Story--late-release': releaseIsLate(story),
     'Story--highlighted': isHighlighted(story),
     'Story--accepted': isAccepted(story),
   });
-  const title = releaseIsLate(story) ? I18n.t('story.warnings.backlogged_release') : '';
+  const title = releaseIsLate(story)
+    ? I18n.t('story.warnings.backlogged_release')
+    : '';
 
   const handleClickLabel = (e, label) => {
     e.stopPropagation();
     fetchEpic(label);
-  }
+  };
 
   const childProps = {
     story,
@@ -37,31 +43,23 @@ export const StoryItem = ({
     index,
     sprintIndex,
     columnId,
-    onLabelClick: handleClickLabel
-  }
+    onLabelClick: handleClickLabel,
+  };
 
   return (
-    <div className='story-container'>
-      {
-        story.collapsed
-          ? <CollapsedStory
-            {...childProps}
-          />
-          : <ExpandedStory
-            {...childProps}
-            data-id="expanded-story"
-          />
-      }
+    <div className="story-container">
+      {story.collapsed ? (
+        <CollapsedStory {...childProps} />
+      ) : (
+        <ExpandedStory {...childProps} data-id="expanded-story" />
+      )}
     </div>
   );
 };
 
 StoryItem.propTypes = {
   story: PropTypes.object.isRequired,
-  toggleStory: PropTypes.func.isRequired
+  toggleStory: PropTypes.func.isRequired,
 };
 
-export default connect(
-  null,
-  { toggleStory, fetchEpic }
-)(StoryItem);
+export default connect(null, { toggleStory, fetchEpic })(StoryItem);
diff --git a/app/assets/javascripts/components/story/StoryLabels.jsx b/app/assets/javascripts/components/story/StoryLabels.jsx
index 01e8edb2f..68c9554df 100644
--- a/app/assets/javascripts/components/story/StoryLabels.jsx
+++ b/app/assets/javascripts/components/story/StoryLabels.jsx
@@ -1,9 +1,18 @@
 import React, { Fragment } from 'react';
 import TaggedInput from 'components/jquery_wrappers/TaggedInput';
 
-const StoryLabels = ({ name, className, value, availableLabels, onChange, disabled = false }) =>
+const StoryLabels = ({
+  name,
+  className,
+  value,
+  availableLabels,
+  onChange,
+  disabled = false,
+}) => (
   <Fragment>
-    <label htmlFor={name}>{ I18n.t(`activerecord.attributes.story.${name}`) }</label>
+    <label htmlFor={name}>
+      {I18n.t(`activerecord.attributes.story.${name}`)}
+    </label>
     <br />
     <TaggedInput
       onChange={onChange}
@@ -17,5 +26,6 @@ const StoryLabels = ({ name, className, value, availableLabels, onChange, disabl
       }}
     />
   </Fragment>
+);
 
 export default StoryLabels;
diff --git a/app/assets/javascripts/components/story/StoryNotes.jsx b/app/assets/javascripts/components/story/StoryNotes.jsx
index dcc1e8bd3..dcd9bad9a 100644
--- a/app/assets/javascripts/components/story/StoryNotes.jsx
+++ b/app/assets/javascripts/components/story/StoryNotes.jsx
@@ -2,21 +2,20 @@ import React from 'react';
 import Note from 'components/notes/Note';
 
 const renderNotes = ({ notes, disabled, onDelete }) =>
-  notes.map((note) =>
+  notes.map(note => (
     <Note
       note={note}
       disabled={disabled}
       onDelete={onDelete}
       key={note.get('id')}
     />
-  );
+  ));
 
-const StoryNotes = (props) =>
+const StoryNotes = props => (
   <div className="form-group">
-    <label htmlFor='note'>{I18n.t('story.notes')}</label>
-    <div className="notelist">
-      { renderNotes(props) }
-    </div>
+    <label htmlFor="note">{I18n.t('story.notes')}</label>
+    <div className="notelist">{renderNotes(props)}</div>
   </div>
+);
 
 export default StoryNotes;
diff --git a/app/assets/javascripts/components/story/StoryPopover.jsx b/app/assets/javascripts/components/story/StoryPopover.jsx
index 9bfcabad5..4d29b41bd 100644
--- a/app/assets/javascripts/components/story/StoryPopover.jsx
+++ b/app/assets/javascripts/components/story/StoryPopover.jsx
@@ -5,52 +5,46 @@ import Markdown from '../Markdown';
 import Popover from 'components/jquery_wrappers/Popover';
 
 export const StoryPopoverContent = ({ story }) => (
-  <div className='popover__content'>
-    <div className='popover__content__subtitle'>
-      {
-        I18n.t('requested by user on date', {
-          user: story.requestedByName,
-          date: moment(story.createdAt ,'YYYY/MM/DD').format('DD MM YYYY, h:mm a')
-        })
-      }
+  <div className="popover__content">
+    <div className="popover__content__subtitle">
+      {I18n.t('requested by user on date', {
+        user: story.requestedByName,
+        date: moment(story.createdAt, 'YYYY/MM/DD').format(
+          'DD MM YYYY, h:mm a'
+        ),
+      })}
 
-      <div className='text-right'>
+      <div className="text-right">
         {I18n.t(`story.type.${story.storyType}`)}
       </div>
     </div>
 
-    {
-      Boolean(story.description) && (
-        <Fragment>
-          <h1 className='popover__content__title'>
-            {I18n.t('description')}
-          </h1>
+    {Boolean(story.description) && (
+      <Fragment>
+        <h1 className="popover__content__title">{I18n.t('description')}</h1>
 
-          <div className='markdown-wrapper'>
-            <Markdown source={story.description} />
-          </div>
-        </Fragment>
-      )}
+        <div className="markdown-wrapper">
+          <Markdown source={story.description} />
+        </div>
+      </Fragment>
+    )}
 
-    {
-      Boolean(story.notes.length) && (
-        <Fragment>
-          <h1 className='popover__content__title'>
-            {I18n.t('notes')}
-          </h1>
+    {Boolean(story.notes.length) && (
+      <Fragment>
+        <h1 className="popover__content__title">{I18n.t('notes')}</h1>
 
-          { story.notes.map(({ note, id, userName, createdAt }) =>
-            <div className='markdown-wrapper' key={id}>
-              <Markdown source={note} />
-              <div className='markdown-wrapper__text-right' data-test-id={id}>
-                {`${userName} - ${createdAt}`}
-              </div>
+        {story.notes.map(({ note, id, userName, createdAt }) => (
+          <div className="markdown-wrapper" key={id}>
+            <Markdown source={note} />
+            <div className="markdown-wrapper__text-right" data-test-id={id}>
+              {`${userName} - ${createdAt}`}
             </div>
-          )}
-        </Fragment>
-      )}
+          </div>
+        ))}
+      </Fragment>
+    )}
   </div>
-)
+);
 
 const StoryPopover = ({ story, children }) => (
   <Popover
@@ -59,22 +53,16 @@ const StoryPopover = ({ story, children }) => (
     title={story.title}
     renderContent={({ ref }) => (
       <div ref={ref}>
-        <StoryPopoverContent story={story}/>
+        <StoryPopoverContent story={story} />
       </div>
     )}
   >
-    {
-      ({ ref }) => (
-        <div ref={ref}>
-          { children }
-        </div>
-      )
-    }
+    {({ ref }) => <div ref={ref}>{children}</div>}
   </Popover>
 );
 
 StoryPopover.propTypes = {
-  story: PropTypes.object.isRequired
+  story: PropTypes.object.isRequired,
 };
 
 export default StoryPopover;
diff --git a/app/assets/javascripts/components/story/StorySelect.jsx b/app/assets/javascripts/components/story/StorySelect.jsx
index 0cb67802b..7234d1cc1 100644
--- a/app/assets/javascripts/components/story/StorySelect.jsx
+++ b/app/assets/javascripts/components/story/StorySelect.jsx
@@ -1,15 +1,34 @@
 import React, { Fragment } from 'react';
 
-const renderOption = (option, i) => <option value={option[1]} key={i}> {option[0]} </option>;
+const renderOption = (option, i) => (
+  <option value={option[1]} key={i}>
+    {' '}
+    {option[0]}{' '}
+  </option>
+);
 
-const renderOptions = (options, blank) => ([
-  blank && <option value='' key={options.length}> { blank } </option>,
-  options.map(renderOption)
-]);
+const renderOptions = (options, blank) => [
+  blank && (
+    <option value="" key={options.length}>
+      {' '}
+      {blank}{' '}
+    </option>
+  ),
+  options.map(renderOption),
+];
 
-const StorySelect = ({ name, options, selected, disabled = false, blank, className }) =>
+const StorySelect = ({
+  name,
+  options,
+  selected,
+  disabled = false,
+  blank,
+  className,
+}) => (
   <Fragment>
-    <label htmlFor={name}>{ I18n.t(`activerecord.attributes.story.${name}`) }</label>
+    <label htmlFor={name}>
+      {I18n.t(`activerecord.attributes.story.${name}`)}
+    </label>
     <br />
     <select
       name={name}
@@ -17,8 +36,9 @@ const StorySelect = ({ name, options, selected, disabled = false, blank, classNa
       defaultValue={selected}
       disabled={disabled}
     >
-      { renderOptions(options, blank) }
+      {renderOptions(options, blank)}
     </select>
   </Fragment>
+);
 
 export default StorySelect;
diff --git a/app/assets/javascripts/components/story/StoryStateButtons.jsx b/app/assets/javascripts/components/story/StoryStateButtons.jsx
index 3209c2139..9122160b1 100644
--- a/app/assets/javascripts/components/story/StoryStateButtons.jsx
+++ b/app/assets/javascripts/components/story/StoryStateButtons.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-const renderInputButton = (event) => (
+const renderInputButton = event => (
   <input
     type="button"
     key={event}
@@ -10,9 +10,7 @@ const renderInputButton = (event) => (
 );
 
 const StateButtons = ({ events }) => (
-  <div className="state-actions">
-    { events.map(renderInputButton) }
-  </div>
+  <div className="state-actions">{events.map(renderInputButton)}</div>
 );
 
 export default StateButtons;
diff --git a/app/assets/javascripts/components/story/StoryTasks.jsx b/app/assets/javascripts/components/story/StoryTasks.jsx
index 32d3600be..9d8be1929 100644
--- a/app/assets/javascripts/components/story/StoryTasks.jsx
+++ b/app/assets/javascripts/components/story/StoryTasks.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 import Task from 'components/tasks/Task';
 
 const renderTasks = ({ handleUpdate, disabled, handleDelete, tasks }) =>
-  tasks.map((task) =>
+  tasks.map(task => (
     <Task
       task={task}
       disabled={disabled}
@@ -10,14 +10,13 @@ const renderTasks = ({ handleUpdate, disabled, handleDelete, tasks }) =>
       handleUpdate={handleUpdate}
       key={task.get('id')}
     />
-  );
+  ));
 
-const StoryTasks = (props) =>
+const StoryTasks = props => (
   <div className="form-group">
-    <label htmlFor="tasks">{ I18n.t('story.tasks') }</label>
-    <div className="tasklist checkbox">
-      { renderTasks(props) }
-    </div>
+    <label htmlFor="tasks">{I18n.t('story.tasks')}</label>
+    <div className="tasklist checkbox">{renderTasks(props)}</div>
   </div>
+);
 
 export default StoryTasks;
diff --git a/app/assets/javascripts/components/story/StoryUrl.js b/app/assets/javascripts/components/story/StoryUrl.js
index 58fb37f49..df4f6ee64 100644
--- a/app/assets/javascripts/components/story/StoryUrl.js
+++ b/app/assets/javascripts/components/story/StoryUrl.js
@@ -1,6 +1,6 @@
-export const storyUrl = (story) => {
+export const storyUrl = story => {
   const location = window.location.href;
-  const hashIndex = location.indexOf("#");
+  const hashIndex = location.indexOf('#');
   const endIndex = hashIndex > 0 ? hashIndex : location.length;
   return `${location.substring(0, endIndex)}#story-${story.id.toString()}`;
 };
diff --git a/app/assets/javascripts/components/story/note/Note.jsx b/app/assets/javascripts/components/story/note/Note.jsx
index 6b28cf075..feb3fb16a 100644
--- a/app/assets/javascripts/components/story/note/Note.jsx
+++ b/app/assets/javascripts/components/story/note/Note.jsx
@@ -4,20 +4,18 @@ import PropTypes from 'prop-types';
 import NotePropTypes from '../../shapes/note';
 
 const Note = ({ note, onDelete, disabled }) => (
-  <div className='markdown-wrapper'>
+  <div className="markdown-wrapper">
     <Markdown source={note.note} />
 
-    <div className='markdown-wrapper__text-right'>
+    <div className="markdown-wrapper__text-right">
       {`${note.userName} - ${note.createdAt} `}
-      {
-        !disabled && (
-          <span
-            className='delete-note-button'
-            onClick={onDelete}
-            children={I18n.t('delete')}
-          />
-        )
-      }
+      {!disabled && (
+        <span
+          className="delete-note-button"
+          onClick={onDelete}
+          children={I18n.t('delete')}
+        />
+      )}
     </div>
   </div>
 );
@@ -25,7 +23,7 @@ const Note = ({ note, onDelete, disabled }) => (
 Note.propTypes = {
   note: NotePropTypes.isRequired,
   onDelete: PropTypes.func.isRequired,
-  disabled: PropTypes.bool.isRequired
+  disabled: PropTypes.bool.isRequired,
 };
 
 export default Note;
diff --git a/app/assets/javascripts/components/story/note/NotesList.jsx b/app/assets/javascripts/components/story/note/NotesList.jsx
index a78816a05..d1ae5c2b1 100644
--- a/app/assets/javascripts/components/story/note/NotesList.jsx
+++ b/app/assets/javascripts/components/story/note/NotesList.jsx
@@ -5,23 +5,21 @@ import NotePropTypes from '../../shapes/note';
 
 const NotesList = ({ notes, onDelete, disabled }) => (
   <Fragment>
-    {
-      notes.map(note => (
-        <Note
-          key={note.id}
-          note={note}
-          onDelete={() => onDelete(note.id)}
-          disabled={disabled}
-        />
-      ))
-    }
+    {notes.map(note => (
+      <Note
+        key={note.id}
+        note={note}
+        onDelete={() => onDelete(note.id)}
+        disabled={disabled}
+      />
+    ))}
   </Fragment>
 );
 
 NotesList.propTypes = {
   notes: PropTypes.arrayOf(NotePropTypes.isRequired),
   onDelete: PropTypes.func.isRequired,
-  disabled: PropTypes.bool.isRequired
+  disabled: PropTypes.bool.isRequired,
 };
 
 export default NotesList;
diff --git a/app/assets/javascripts/components/story/select_user/SelectUser.jsx b/app/assets/javascripts/components/story/select_user/SelectUser.jsx
index 3489b1aab..98f0c0163 100644
--- a/app/assets/javascripts/components/story/select_user/SelectUser.jsx
+++ b/app/assets/javascripts/components/story/select_user/SelectUser.jsx
@@ -5,36 +5,28 @@ const SelectUser = ({ selectedUserId, onEdit, disabled, users }) => (
   <select
     value={selectedUserId || ''}
     className="form-control input-sm"
-    onChange={(event) => onEdit(event.target.value)}
+    onChange={event => onEdit(event.target.value)}
     disabled={disabled}
   >
-    <option value=''>
-      ----
-    </option>
-    {
-      users.map((user) => (
-        <option
-          value={user.id}
-          key={user.id}
-        >
-          {user.name}
-        </option>
-      ))
-    }
+    <option value="">----</option>
+    {users.map(user => (
+      <option value={user.id} key={user.id}>
+        {user.name}
+      </option>
+    ))}
   </select>
 );
 
 SelectUser.propTypes = {
-  selectedUserId: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.number
-  ]),
+  selectedUserId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   onEdit: PropTypes.func.isRequired,
-  users: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.number.isRequired,
-    name: PropTypes.string.isRequired
-  })),
-  disabled: PropTypes.bool.isRequired
+  users: PropTypes.arrayOf(
+    PropTypes.shape({
+      id: PropTypes.number.isRequired,
+      name: PropTypes.string.isRequired,
+    })
+  ),
+  disabled: PropTypes.bool.isRequired,
 };
 
 export default SelectUser;
diff --git a/app/assets/javascripts/components/story/task/Task.jsx b/app/assets/javascripts/components/story/task/Task.jsx
index 1b9d9479a..f83358ebe 100644
--- a/app/assets/javascripts/components/story/task/Task.jsx
+++ b/app/assets/javascripts/components/story/task/Task.jsx
@@ -6,23 +6,21 @@ const Task = ({ task, onDelete, onToggle, disabled }) => (
   <div className="task">
     <label>
       <input
-        type='checkbox'
+        type="checkbox"
         defaultChecked={task.done}
         onClick={onToggle}
         disabled={disabled}
       />
       {task.name}
     </label>
-    {
-      !disabled && (
-        <span
-          title={I18n.t('delete')}
-          className='delete-btn'
-          onClick={onDelete}
-          children={I18n.t('delete')}
-        />
-      )
-    }
+    {!disabled && (
+      <span
+        title={I18n.t('delete')}
+        className="delete-btn"
+        onClick={onDelete}
+        children={I18n.t('delete')}
+      />
+    )}
   </div>
 );
 
@@ -30,7 +28,7 @@ Task.propTypes = {
   task: TaskPropTypes.isRequired,
   onToggle: PropTypes.func.isRequired,
   onDelete: PropTypes.func.isRequired,
-  disabled: PropTypes.bool.isRequired
+  disabled: PropTypes.bool.isRequired,
 };
 
 export default Task;
diff --git a/app/assets/javascripts/components/story/task/TasksList.jsx b/app/assets/javascripts/components/story/task/TasksList.jsx
index 4a04ece8d..6af44f552 100644
--- a/app/assets/javascripts/components/story/task/TasksList.jsx
+++ b/app/assets/javascripts/components/story/task/TasksList.jsx
@@ -1,29 +1,27 @@
 import React, { Fragment } from 'react';
-import Task from './Task'
+import Task from './Task';
 import PropTypes from 'prop-types';
 import TaskPropTypes from '../../shapes/task';
 
 const TasksList = ({ tasks, onDelete, onToggle, disabled }) => (
   <Fragment>
-    {
-      tasks.map((task) => (
-        <Task
-          key={task.id}
-          task={task}
-          onDelete={() => onDelete(task.id)}
-          onToggle={() => onToggle(task, { done: !task.done })}
-          disabled={disabled}
-        />
-      ))
-    }
+    {tasks.map(task => (
+      <Task
+        key={task.id}
+        task={task}
+        onDelete={() => onDelete(task.id)}
+        onToggle={() => onToggle(task, { done: !task.done })}
+        disabled={disabled}
+      />
+    ))}
   </Fragment>
-)
+);
 
 TasksList.propTypes = {
   tasks: PropTypes.arrayOf(TaskPropTypes.isRequired),
   onDelete: PropTypes.func.isRequired,
   onToggle: PropTypes.func.isRequired,
-  disabled: PropTypes.bool.isRequired
+  disabled: PropTypes.bool.isRequired,
 };
 
 export default TasksList;
diff --git a/app/assets/javascripts/components/tag_groups/ColorPicker.jsx b/app/assets/javascripts/components/tag_groups/ColorPicker.jsx
index fa9a964e0..42bca82f9 100644
--- a/app/assets/javascripts/components/tag_groups/ColorPicker.jsx
+++ b/app/assets/javascripts/components/tag_groups/ColorPicker.jsx
@@ -6,7 +6,7 @@ export default class ColorPick extends React.Component {
     super(props);
     this.state = {
       displayColorPicker: false,
-      color: this.props.color
+      color: this.props.color,
     };
 
     this.handleClick = this.handleClick.bind(this);
@@ -14,33 +14,44 @@ export default class ColorPick extends React.Component {
     this.handleClose = this.handleClose.bind(this);
 
     this.handleChange = this.handleChange.bind(this);
-  };
+  }
 
-  handleClick(){
+  handleClick() {
     this.setState({ displayColorPicker: !this.state.displayColorPicker });
   }
 
-  handleClose(){
+  handleClose() {
     this.setState({ displayColorPicker: false });
   }
 
-  handleChange(color){
+  handleChange(color) {
     this.setState({ color: color.hex });
   }
 
   render() {
     return (
       <Fragment>
-        <div onClick={ this.handleClick } className="swatch">
-          <div style={{ backgroundColor: this.state.color }} className="color-box" />
-          <input type="hidden" value={ this.state.color } name="tag_group[bg_color]" />
+        <div onClick={this.handleClick} className="swatch">
+          <div
+            style={{ backgroundColor: this.state.color }}
+            className="color-box"
+          />
+          <input
+            type="hidden"
+            value={this.state.color}
+            name="tag_group[bg_color]"
+          />
         </div>
-        { this.state.displayColorPicker && <div className="color-box-popover">
-          <div className="color-box-cover" onClick={ this.handleClose }/>
-          <TwitterPicker color={ this.state.color } onChange={ this.handleChange } />
-        </div> }
+        {this.state.displayColorPicker && (
+          <div className="color-box-popover">
+            <div className="color-box-cover" onClick={this.handleClose} />
+            <TwitterPicker
+              color={this.state.color}
+              onChange={this.handleChange}
+            />
+          </div>
+        )}
       </Fragment>
     );
   }
 }
-
diff --git a/app/assets/javascripts/components/tasks/Task.jsx b/app/assets/javascripts/components/tasks/Task.jsx
index e3fd88f5c..1f20df41e 100644
--- a/app/assets/javascripts/components/tasks/Task.jsx
+++ b/app/assets/javascripts/components/tasks/Task.jsx
@@ -26,10 +26,10 @@ class Task extends React.Component {
       <span
         onClick={this._handleDelete}
         title={I18n.t('delete')}
-        className='delete-btn'
+        className="delete-btn"
         key={this.props.task.get('id')}
       >
-        { I18n.t('delete') }
+        {I18n.t('delete')}
       </span>
     );
   }
@@ -37,13 +37,13 @@ class Task extends React.Component {
   render() {
     const { task, disabled } = this.props;
     return (
-      <div className='task'>
+      <div className="task">
         <Checkbox
-          name='done'
+          name="done"
           disabled={disabled}
           onChange={this._handleChange}
           checked={task.get('done')}
-          label={[task.get('name'), (!disabled && this.renderDelete())]}
+          label={[task.get('name'), !disabled && this.renderDelete()]}
         />
       </div>
     );
diff --git a/app/assets/javascripts/components/tasks/TaskForm.jsx b/app/assets/javascripts/components/tasks/TaskForm.jsx
index 53d9e0542..453f8d4be 100644
--- a/app/assets/javascripts/components/tasks/TaskForm.jsx
+++ b/app/assets/javascripts/components/tasks/TaskForm.jsx
@@ -4,44 +4,43 @@ import AsyncForm from 'components/forms/AsyncForm';
 class TaskForm extends React.Component {
   constructor(props) {
     super(props);
-    this.saveInputRef = input => { this.input = input };
+    this.saveInputRef = input => {
+      this.input = input;
+    };
     this._getFormData = this._getFormData.bind(this);
   }
 
   _getFormData() {
     return {
       task: this.props.task,
-      taskName: this.input.value
+      taskName: this.input.value,
     };
   }
 
   render() {
     return (
-      <AsyncForm
-        getFormData={this._getFormData}
-        onSubmit={this.props.onSubmit}
-      >
-        {
-          ({loading, handleSubmit}) => (
-            <div className='task_form clearfix'>
-              <input
-                name='task'
-                defaultValue=''
-                disabled={loading}
-                className='form-control input-sm input-task'
-                ref={this.saveInputRef}
-              />
-              <button
-                type='submit'
-                className={`add-task btn btn-default btn-xs ${loading ? 'icons-throbber saving' : ''}`}
-                disabled={loading}
-                onClick={handleSubmit}
-              >
-                { I18n.t('add task') }
-              </button>
-            </div>
-          )
-        }
+      <AsyncForm getFormData={this._getFormData} onSubmit={this.props.onSubmit}>
+        {({ loading, handleSubmit }) => (
+          <div className="task_form clearfix">
+            <input
+              name="task"
+              defaultValue=""
+              disabled={loading}
+              className="form-control input-sm input-task"
+              ref={this.saveInputRef}
+            />
+            <button
+              type="submit"
+              className={`add-task btn btn-default btn-xs ${
+                loading ? 'icons-throbber saving' : ''
+              }`}
+              disabled={loading}
+              onClick={handleSubmit}
+            >
+              {I18n.t('add task')}
+            </button>
+          </div>
+        )}
       </AsyncForm>
     );
   }
diff --git a/app/assets/javascripts/controllers/beta/project_boards/ShowController.jsx b/app/assets/javascripts/controllers/beta/project_boards/ShowController.jsx
index 6f86caa9e..50a6de154 100644
--- a/app/assets/javascripts/controllers/beta/project_boards/ShowController.jsx
+++ b/app/assets/javascripts/controllers/beta/project_boards/ShowController.jsx
@@ -10,7 +10,8 @@ export default () => {
 
   render(
     <Provider store={store}>
-      <ProjectBoard projectId={ projectId } />
-    </Provider>
-  , appElement);
+      <ProjectBoard projectId={projectId} />
+    </Provider>,
+    appElement
+  );
 };
diff --git a/app/assets/javascripts/controllers/projects/EditController.js b/app/assets/javascripts/controllers/projects/EditController.js
index a21276783..65eac2cc3 100644
--- a/app/assets/javascripts/controllers/projects/EditController.js
+++ b/app/assets/javascripts/controllers/projects/EditController.js
@@ -2,19 +2,19 @@ import TagGroupsController from 'controllers/tag_groups/TagGroupsController';
 
 export default () => {
   TagGroupsController();
-  
+
   const nameConfirmation = $('#name_confirmation');
   const projectDeleteLink = $('#project-delete');
 
   nameConfirmation.keyup(() => {
     verifyProjectName();
   });
-    
+
   function verifyProjectName() {
-    if (nameConfirmation.data('project-name') === nameConfirmation.val()){
-      projectDeleteLink.removeAttr("disabled");
+    if (nameConfirmation.data('project-name') === nameConfirmation.val()) {
+      projectDeleteLink.removeAttr('disabled');
     } else {
-      projectDeleteLink.attr("disabled", true);
+      projectDeleteLink.attr('disabled', true);
     }
   }
 };
diff --git a/app/assets/javascripts/controllers/projects/IndexController.jsx b/app/assets/javascripts/controllers/projects/IndexController.jsx
index d440e8bcf..cc277b73b 100644
--- a/app/assets/javascripts/controllers/projects/IndexController.jsx
+++ b/app/assets/javascripts/controllers/projects/IndexController.jsx
@@ -1,23 +1,23 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import User from "models/user";
-import ProjectSearch from "components/projects/ProjectSearch";
-import ProjectCollection from "collections/project_collection";
+import React from 'react';
+import ReactDOM from 'react-dom';
+import User from 'models/user';
+import ProjectSearch from 'components/projects/ProjectSearch';
+import ProjectCollection from 'collections/project_collection';
 
 export default () => {
-  const user = new User($("#projects-search").data("current_user"));
+  const user = new User($('#projects-search').data('current_user'));
 
   const projects = {
     joined: new ProjectCollection(
-      $("#projects-search").data("projects_joined")
+      $('#projects-search').data('projects_joined')
     ),
     unjoined: new ProjectCollection(
-      $("#projects-search").data("projects_unjoined")
+      $('#projects-search').data('projects_unjoined')
     ),
   };
 
   ReactDOM.render(
     <ProjectSearch projects={projects} user={user} />,
-    document.getElementById("projects-search")
+    document.getElementById('projects-search')
   );
 };
diff --git a/app/assets/javascripts/controllers/tag_groups/TagGroupsController.jsx b/app/assets/javascripts/controllers/tag_groups/TagGroupsController.jsx
index 46cffc2d9..48c395865 100644
--- a/app/assets/javascripts/controllers/tag_groups/TagGroupsController.jsx
+++ b/app/assets/javascripts/controllers/tag_groups/TagGroupsController.jsx
@@ -3,15 +3,18 @@ import ReactDOM from 'react-dom';
 import ColorPicker from 'components/tag_groups/ColorPicker';
 
 export default () => {
-  const bgColor = $('[name=bg-color]').data('current-color') || "#F17013";
+  const bgColor = $('[name=bg-color]').data('current-color') || '#F17013';
 
-  ReactDOM.render(<ColorPicker color={ bgColor }/>, document.getElementById('tag_group_color'));
+  ReactDOM.render(
+    <ColorPicker color={bgColor} />,
+    document.getElementById('tag_group_color')
+  );
 
-  $(document).ajaxError(function( event, jqxhr, settings, thrownError ) {
-    $("#new_tag_group").renderFormErrors( $.parseJSON(jqxhr.responseText) );
+  $(document).ajaxError(function (event, jqxhr, settings, thrownError) {
+    $('#new_tag_group').renderFormErrors($.parseJSON(jqxhr.responseText));
   });
 
-  $.fn.modalSuccess = function(){
+  $.fn.modalSuccess = function () {
     // close modal
     this.modal('hide');
 
@@ -23,23 +26,25 @@ export default () => {
     this.clearPreviousErrors();
   };
 
-  $.fn.renderFormErrors = function(errors){
+  $.fn.renderFormErrors = function (errors) {
     let $form = this,
-        model = $form.data('model');
+      model = $form.data('model');
 
     // show error messages in input form-group help-block
-    $.each(errors, function(field, messages){
+    $.each(errors, function (field, messages) {
       let $input = $('input[name="' + model + '[' + field + ']"]');
       $input
         .closest('.form-group')
-        .addClass('has-error').find('.help-block').html( messages.join(' & ') );
+        .addClass('has-error')
+        .find('.help-block')
+        .html(messages.join(' & '));
     });
   };
 
-  $.fn.clearPreviousErrors = function(){
-    $('.form-group.has-error', this).each(function(){
+  $.fn.clearPreviousErrors = function () {
+    $('.form-group.has-error', this).each(function () {
       $('.help-block', $(this)).html('');
       $(this).removeClass('has-error');
     });
-  }
-}
+  };
+};
diff --git a/app/assets/javascripts/controllers/tour/TourController.js b/app/assets/javascripts/controllers/tour/TourController.js
index e469b9b87..e68800359 100644
--- a/app/assets/javascripts/controllers/tour/TourController.js
+++ b/app/assets/javascripts/controllers/tour/TourController.js
@@ -3,8 +3,8 @@ import User from 'models/user';
 
 export default class TourController {
   initialize() {
-    User.getCurrent().then((currentUser) => {
-      if(!currentUser.get('finished_tour')) {
+    User.getCurrent().then(currentUser => {
+      if (!currentUser.get('finished_tour')) {
         this.tour = new Tour(currentUser);
         this.setupTour(currentUser);
         this.tour.start();
@@ -16,49 +16,53 @@ export default class TourController {
     const lastStep = user.get('tour_steps').length - 1;
     const buttons = [];
 
-    if(index !== lastStep) {
+    if (index !== lastStep) {
       buttons.push({
         text: I18n.t('skip'),
-        action: (function() {
+        action: function () {
           this.tour.complete(user);
-        }).bind(this),
-        classes: 'btn btn-default pull-left'
+        }.bind(this),
+        classes: 'btn btn-default pull-left',
       });
     }
 
     buttons.push({
       text: I18n.t(index === lastStep ? 'finish' : 'next'),
-      action: (function() {
+      action: function () {
         this.tour.next();
 
-        if(index === lastStep) {
+        if (index === lastStep) {
           this.tour.complete(user);
         }
-      }).bind(this)
+      }.bind(this),
     });
 
     return buttons;
   }
 
   setupTour(user) {
-    user.get('tour_steps').forEach(function(step, index) {
+    user.get('tour_steps').forEach(function (step, index) {
       const selector = this.getSelectorFromStepAttach(step.attachTo);
 
-      if($(selector).length > 0) {
+      if ($(selector).length > 0) {
         const tourStep = {
           title: I18n.t(step.title),
           text: I18n.t(step.text),
           attachTo: step.attachTo,
-          classes: 'shepherd shepherd-open shepherd-theme-arrows shepherd-transparent-text',
-          buttons: this.generateButtons(index, user)
+          classes:
+            'shepherd shepherd-open shepherd-theme-arrows shepherd-transparent-text',
+          buttons: this.generateButtons(index, user),
         };
 
-        this.tour.addStep(tourStep.title.toLowerCase().replace(' ', '_'), tourStep);
+        this.tour.addStep(
+          tourStep.title.toLowerCase().replace(' ', '_'),
+          tourStep
+        );
       }
     }, this);
   }
 
   getSelectorFromStepAttach(attach) {
-    return attach.split(" ")[0];
+    return attach.split(' ')[0];
   }
 }
diff --git a/app/assets/javascripts/global_listeners.js b/app/assets/javascripts/global_listeners.js
index d6d920a42..1537cb096 100644
--- a/app/assets/javascripts/global_listeners.js
+++ b/app/assets/javascripts/global_listeners.js
@@ -1,66 +1,66 @@
-import Cookies from "js-cookie";
-import ExecuteAttachinary from "./libs/execute_attachinary";
-import KeycutView from "./views/keycut_view";
+import Cookies from 'js-cookie';
+import ExecuteAttachinary from './libs/execute_attachinary';
+import KeycutView from './views/keycut_view';
 
-var $navbar = $(".navbar");
-var $navbarToggle = $(".toggle-navbar.more");
-var $sidebarToggleIcon = $("#sidebar-toggle").children(".mi");
-var $sidebarWrapper = $("#sidebar-wrapper");
-var $cookiesBanner = $(".cookies-banner");
-var $cookiesBannerBtn = $cookiesBanner.find(".cookies-banner__btn");
+var $navbar = $('.navbar');
+var $navbarToggle = $('.toggle-navbar.more');
+var $sidebarToggleIcon = $('#sidebar-toggle').children('.mi');
+var $sidebarWrapper = $('#sidebar-wrapper');
+var $cookiesBanner = $('.cookies-banner');
+var $cookiesBannerBtn = $cookiesBanner.find('.cookies-banner__btn');
 
 window.onload = function () {
-  var isCookiesAllowed = Cookies.get("allow_cookies") === "allowed";
+  var isCookiesAllowed = Cookies.get('allow_cookies') === 'allowed';
 
   if (!isCookiesAllowed) {
-    $($cookiesBanner).addClass("cookies-banner--visible");
+    $($cookiesBanner).addClass('cookies-banner--visible');
   }
 };
 
 $(function () {
   $('[data-toggle="tooltip"]').tooltip();
 
-  $("#story-flow-toggle").click(function () {
+  $('#story-flow-toggle').click(function () {
     window.projectView.model.toggleStoryFlow();
-    $(this).toggleClass("pressed");
+    $(this).toggleClass('pressed');
   });
 
   $($cookiesBannerBtn).click(function (e) {
     e.preventDefault();
 
-    Cookies.set("allow_cookies", "allowed", { expires: 365 });
+    Cookies.set('allow_cookies', 'allowed', { expires: 365 });
 
-    $cookiesBanner.removeClass("cookies-banner--visible");
+    $cookiesBanner.removeClass('cookies-banner--visible');
   });
 
-  $(".toggle-navbar").click(function (e) {
+  $('.toggle-navbar').click(function (e) {
     e.preventDefault();
 
-    if ($navbar.is(":hidden")) {
+    if ($navbar.is(':hidden')) {
       showNavbar();
     } else {
       hideNavbar();
     }
   });
 
-  $("#add_story").click(function () {
+  $('#add_story').click(function () {
     window.projectView.newStory();
 
     // Show chilly bin if it's hidden
-    $(".hide_chilly_bin.pressed").click();
-    var newStoryElement = $("#chilly_bin div.story:last");
+    $('.hide_chilly_bin.pressed').click();
+    var newStoryElement = $('#chilly_bin div.story:last');
   });
 
   // keycut listener
-  $("html").keypress(function (event) {
+  $('html').keypress(function (event) {
     var code = event.which || event.keyCode;
     var keyChar = String.fromCharCode(code);
     switch (code) {
       case 63: // ? | Should only work without a focused element
-        if (!$(":focus").length) {
-          if ($("#keycut-help").length) {
-            $("#keycut-help").fadeOut(function () {
-              $("#keycut-help").remove();
+        if (!$(':focus').length) {
+          if ($('#keycut-help').length) {
+            $('#keycut-help').fadeOut(function () {
+              $('#keycut-help').remove();
             });
           } else {
             new KeycutView().render();
@@ -68,75 +68,75 @@ $(function () {
         }
         break;
       case 66: // B | Should only work without a focused element
-        if (!$(":focus").length) {
-          $("a.hide_backlog").first().click();
+        if (!$(':focus').length) {
+          $('a.hide_backlog').first().click();
         }
         break;
       case 67: // C | Should only work without a focused element
-        if (!$(":focus").length) {
-          $("a.hide_chilly_bin").first().click();
+        if (!$(':focus').length) {
+          $('a.hide_chilly_bin').first().click();
         }
         break;
       case 68: // D | Should only work without a focused element
-        if (!$(":focus").length) {
-          $("a.hide_done").first().click();
+        if (!$(':focus').length) {
+          $('a.hide_done').first().click();
         }
         break;
       case 80: // P | Should only work without a focused element
-        if (!$(":focus").length) {
-          $("a.hide_in_progress").first().click();
+        if (!$(':focus').length) {
+          $('a.hide_in_progress').first().click();
         }
         break;
 
       case 97: // a | Should only work without a focused element
-        if (!$(":focus").length && window.projectView) {
+        if (!$(':focus').length && window.projectView) {
           window.projectView.newStory();
-          $(".hide_chilly_bin.pressed").first().click();
-          var newStoryElement = $("#chilly_bin div.story:last");
+          $('.hide_chilly_bin.pressed').first().click();
+          var newStoryElement = $('#chilly_bin div.story:last');
           return false;
         }
         break;
       case 19: // <cmd> + s
-        $(".story.editing").find(".submit").click();
+        $('.story.editing').find('.submit').click();
       default:
       // whatever
     }
   });
 
   $sidebarWrapper.mouseenter(function () {
-    $sidebarWrapper.toggleClass("open");
+    $sidebarWrapper.toggleClass('open');
   });
 
   $sidebarWrapper.mouseleave(function () {
-    $sidebarWrapper.removeClass("open");
+    $sidebarWrapper.removeClass('open');
   });
 
-  $("#sidebar-toggle").click(function (e) {
+  $('#sidebar-toggle').click(function (e) {
     e.preventDefault();
 
-    if ($sidebarWrapper.hasClass("collapsed")) $sidebarToggleIcon.text("close");
-    else $sidebarToggleIcon.text("menu");
+    if ($sidebarWrapper.hasClass('collapsed')) $sidebarToggleIcon.text('close');
+    else $sidebarToggleIcon.text('menu');
 
-    $sidebarWrapper.toggleClass("collapsed");
+    $sidebarWrapper.toggleClass('collapsed');
   });
 
-  $(".tag-tooltip").tooltip();
+  $('.tag-tooltip').tooltip();
 
-  $(".locale-change-select").on("change", function (e) {
+  $('.locale-change-select').on('change', function (e) {
     e.preventDefault();
 
-    $(this).parent().parent("form").submit();
+    $(this).parent().parent('form').submit();
   });
 
-  if ($(".change-team")) {
-    if (_.isUndefined($("#user_team_slug").attr("readonly"))) {
-      $(".change-team").css("display", "none");
+  if ($('.change-team')) {
+    if (_.isUndefined($('#user_team_slug').attr('readonly'))) {
+      $('.change-team').css('display', 'none');
     } else {
-      $(".change-team").on("click", function () {
-        $("#user_team_slug").attr("readonly", false);
-        $("#user_team_slug").val("");
-        $("#user_team_slug").focus();
-        $(".change-team").css("display", "none");
+      $('.change-team').on('click', function () {
+        $('#user_team_slug').attr('readonly', false);
+        $('#user_team_slug').val('');
+        $('#user_team_slug').focus();
+        $('.change-team').css('display', 'none');
       });
     }
   }
diff --git a/app/assets/javascripts/libs/backbone_plugins.js b/app/assets/javascripts/libs/backbone_plugins.js
index 0b91f0ce1..076faa443 100644
--- a/app/assets/javascripts/libs/backbone_plugins.js
+++ b/app/assets/javascripts/libs/backbone_plugins.js
@@ -1,4 +1,4 @@
-import "vendor/backbone.rails";
+import 'vendor/backbone.rails';
 
 Backbone.View = (function (View) {
   return View.extend({
diff --git a/app/assets/javascripts/libs/beta/constants.js b/app/assets/javascripts/libs/beta/constants.js
index 373bbf35a..9e31b58ee 100644
--- a/app/assets/javascripts/libs/beta/constants.js
+++ b/app/assets/javascripts/libs/beta/constants.js
@@ -2,45 +2,45 @@ export const historyStatus = {
   DISABLED: 'DISABLED',
   LOADING: 'LOADING',
   LOADED: 'LOADED',
-  FAILED: 'FAILED'
-}
+  FAILED: 'FAILED',
+};
 
 export const status = {
-  ACCEPTED: "accepted",
-  DELIVERED: "delivered",
-  STARTED: "started",
-  REJECTED: "rejected",
-  FINISHED: "finished",
-  UNSTARTED: "unstarted",
-  UNSCHEDULED: "unscheduled",
-  RELEASE: "release"
+  ACCEPTED: 'accepted',
+  DELIVERED: 'delivered',
+  STARTED: 'started',
+  REJECTED: 'rejected',
+  FINISHED: 'finished',
+  UNSTARTED: 'unstarted',
+  UNSCHEDULED: 'unscheduled',
+  RELEASE: 'release',
 };
 
 export const storyTypes = {
-  BUG: "bug",
-  CHORE: "chore",
-  FEATURE: "feature",
-  RELEASE: "release"
+  BUG: 'bug',
+  CHORE: 'chore',
+  FEATURE: 'feature',
+  RELEASE: 'release',
 };
 
 export const storyScopes = {
   ALL: 'all',
   SEARCH: 'search',
-  EPIC: 'epic'
-}
+  EPIC: 'epic',
+};
 
 export const operands = {
   requester: 'requested_by_name',
   owner: 'owned_by_name',
   initials: 'owned_by_initials',
   type: 'story_type',
-  state: 'state'
-}
+  state: 'state',
+};
 
 export const columns = {
   CHILLY_BIN: 'chillyBin',
   DONE: 'done',
   BACKLOG: 'backlog',
   EPIC: 'epic',
-  SEARCH: 'search'
-}
+  SEARCH: 'search',
+};
diff --git a/app/assets/javascripts/libs/cloudinary.js b/app/assets/javascripts/libs/cloudinary.js
index c85d302fb..813676f31 100644
--- a/app/assets/javascripts/libs/cloudinary.js
+++ b/app/assets/javascripts/libs/cloudinary.js
@@ -1,4 +1,4 @@
-import "blueimp-file-upload/js/vendor/jquery.ui.widget";
-import "blueimp-file-upload/js/jquery.iframe-transport";
-import "blueimp-file-upload/js/jquery.fileupload";
-import "cloudinary-jquery-file-upload/cloudinary-jquery-file-upload";
+import 'blueimp-file-upload/js/vendor/jquery.ui.widget';
+import 'blueimp-file-upload/js/jquery.iframe-transport';
+import 'blueimp-file-upload/js/jquery.fileupload';
+import 'cloudinary-jquery-file-upload/cloudinary-jquery-file-upload';
diff --git a/app/assets/javascripts/libs/execute_attachinary.js b/app/assets/javascripts/libs/execute_attachinary.js
index 18318ceab..dbc794216 100644
--- a/app/assets/javascripts/libs/execute_attachinary.js
+++ b/app/assets/javascripts/libs/execute_attachinary.js
@@ -1,5 +1,7 @@
 const ExecuteAttachinary = () => {
-  $('.attachinary-input').attachinary({ template: $('#attachinary_template').html() });
+  $('.attachinary-input').attachinary({
+    template: $('#attachinary_template').html(),
+  });
 };
 
 export default ExecuteAttachinary;
diff --git a/app/assets/javascripts/libs/globals.js b/app/assets/javascripts/libs/globals.js
index 27f3f7eb3..461937b19 100644
--- a/app/assets/javascripts/libs/globals.js
+++ b/app/assets/javascripts/libs/globals.js
@@ -1,13 +1,13 @@
-import jQuery from "jquery";
-import I18nJs from "i18n-js";
-import Underscore from "underscore";
-import Markdown from "vendor/Markdown.Converter";
-import Chart from "chart.js/auto";
-import "chartjs-adapter-moment";
-import Charkick from "chartkick";
-import CoreJsMap from "core-js/library/fn/map";
-import CoreJsSet from "core-js/library/fn/set";
-import Backbone from "backbone";
+import jQuery from 'jquery';
+import I18nJs from 'i18n-js';
+import Underscore from 'underscore';
+import Markdown from 'vendor/Markdown.Converter';
+import Chart from 'chart.js/auto';
+import 'chartjs-adapter-moment';
+import Charkick from 'chartkick';
+import CoreJsMap from 'core-js/library/fn/map';
+import CoreJsSet from 'core-js/library/fn/set';
+import Backbone from 'backbone';
 
 window.$ = window.jQuery = jQuery;
 
diff --git a/app/assets/javascripts/libs/index.js b/app/assets/javascripts/libs/index.js
index d839544d0..36b6c5bcd 100644
--- a/app/assets/javascripts/libs/index.js
+++ b/app/assets/javascripts/libs/index.js
@@ -1,9 +1,9 @@
-import "./globals";
-import "./cloudinary";
-import "vendor/attachinary";
-import "./jquery_plugins";
-import "./backbone_plugins";
-import "vendor/date.format";
-import "bootstrap-sass";
+import './globals';
+import './cloudinary';
+import 'vendor/attachinary';
+import './jquery_plugins';
+import './backbone_plugins';
+import 'vendor/date.format';
+import 'bootstrap-sass';
 
 $.cloudinary.config(window.CLOUDINARY_CONFIG);
diff --git a/app/assets/javascripts/libs/jquery_plugins.js b/app/assets/javascripts/libs/jquery_plugins.js
index ad6d21121..4f1e2a883 100644
--- a/app/assets/javascripts/libs/jquery_plugins.js
+++ b/app/assets/javascripts/libs/jquery_plugins.js
@@ -1,7 +1,7 @@
-import "jquery-ui-dist/jquery-ui";
-import "jquery-ujs";
-import "gritter";
-import "jquery.scrollto";
-import "vendor/tag-it";
-import "jquery.caret";
-import "vendor/at.js";
+import 'jquery-ui-dist/jquery-ui';
+import 'jquery-ujs';
+import 'gritter';
+import 'jquery.scrollto';
+import 'vendor/tag-it';
+import 'jquery.caret';
+import 'vendor/at.js';
diff --git a/app/assets/javascripts/libs/precompile_ejs.js b/app/assets/javascripts/libs/precompile_ejs.js
index 60636f64d..741989376 100644
--- a/app/assets/javascripts/libs/precompile_ejs.js
+++ b/app/assets/javascripts/libs/precompile_ejs.js
@@ -1,16 +1,16 @@
-import ejs from "ejs";
-import fs from "fs";
+import ejs from 'ejs';
+import fs from 'fs';
 
 export default function precompileEjs() {
   return {
-    name: "precompile-ejs",
-    enforce: "pre",
+    name: 'precompile-ejs',
+    enforce: 'pre',
     load: function (id) {
-      if (!id.endsWith(".ejs")) {
+      if (!id.endsWith('.ejs')) {
         return null;
       }
 
-      const code = fs.readFileSync(id).toString("utf-8");
+      const code = fs.readFileSync(id).toString('utf-8');
       const template = ejs.compile(code, {
         filename: id,
         client: true,
@@ -18,14 +18,14 @@ export default function precompileEjs() {
         rmWhitespace: true,
       });
       const transpiled =
-        "/** eslint-disable */\nexport default " + template.toString() + ";";
+        '/** eslint-disable */\nexport default ' + template.toString() + ';';
 
       return {
         code: transpiled,
       };
     },
     transform: function (src, id) {
-      if (!id.endsWith(".ejs")) {
+      if (!id.endsWith('.ejs')) {
         return null;
       }
 
diff --git a/app/assets/javascripts/mixins/contextual_serach_operands.js b/app/assets/javascripts/mixins/contextual_serach_operands.js
index 5c9d65d1a..26e6a0e41 100644
--- a/app/assets/javascripts/mixins/contextual_serach_operands.js
+++ b/app/assets/javascripts/mixins/contextual_serach_operands.js
@@ -1,8 +1,8 @@
 const Operands = {
-  requester: "requested_by_name:",
-  owner: "owned_by_name:",
-  initials: "owned_by_initials:",
-  type: "story_type:",
+  requester: 'requested_by_name:',
+  owner: 'owned_by_name:',
+  initials: 'owned_by_initials:',
+  type: 'story_type:',
 };
 
 export default Operands;
diff --git a/app/assets/javascripts/mixins/shared_model_methods.js b/app/assets/javascripts/mixins/shared_model_methods.js
index dc4ff6b3c..c1b2377f5 100644
--- a/app/assets/javascripts/mixins/shared_model_methods.js
+++ b/app/assets/javascripts/mixins/shared_model_methods.js
@@ -1,28 +1,28 @@
 const SharedModelMethods = {
   // Returns the translated name of an attribute
-  humanAttributeName: function(attribute) {
+  humanAttributeName: function (attribute) {
     attribute = attribute.replace(/_id$/, '');
-    return I18n.t(attribute, {scope: this.i18nScope});
+    return I18n.t(attribute, { scope: this.i18nScope });
   },
 
-  errorMessages: function() {
-    return _.map(this.get('errors'), function(errors, field) {
-      return _.map(errors, function(error) {
-        return field + " " + error;
+  errorMessages: function () {
+    return _.map(this.get('errors'), function (errors, field) {
+      return _.map(errors, function (error) {
+        return field + ' ' + error;
       }).join(', ');
     }).join(', ');
   },
 
-  hasErrors: function() {
-    return (!_.isUndefined(this.get('errors')));
+  hasErrors: function () {
+    return !_.isUndefined(this.get('errors'));
   },
 
-  errorsOn: function(field) {
+  errorsOn: function (field) {
     if (!this.hasErrors()) {
       return false;
     }
-    return (!_.isUndefined(this.get('errors')[field]));
-  }
+    return !_.isUndefined(this.get('errors')[field]);
+  },
 };
 
 export default SharedModelMethods;
diff --git a/app/assets/javascripts/mixins/tab_notification.js b/app/assets/javascripts/mixins/tab_notification.js
index 5c8b1ea1f..e5be5a03d 100644
--- a/app/assets/javascripts/mixins/tab_notification.js
+++ b/app/assets/javascripts/mixins/tab_notification.js
@@ -1,20 +1,22 @@
-
 const TabNotification = {
-  changeTitle: function(title, documentStatus) {
+  changeTitle: function (title, documentStatus) {
     var notificationTitle = ' \u2733 ' + title;
 
     if (documentStatus) {
-      this.handleChangeTitle(notificationTitle, $('body').data('notificationIconUrl'));
+      this.handleChangeTitle(
+        notificationTitle,
+        $('body').data('notificationIconUrl')
+      );
     } else {
       this.handleChangeTitle(title, $('body').data('faviconIconUrl'));
     }
   },
 
-  handleChangeTitle: function(title, href) {
+  handleChangeTitle: function (title, href) {
     var favicon = $('link[rel="shortcut icon"]');
     favicon.prop('href', href);
     document.title = title;
-  }
+  },
 };
 
 export default TabNotification;
diff --git a/app/assets/javascripts/models/activity.js b/app/assets/javascripts/models/activity.js
index b1c8bf93b..9c1d2bd5c 100644
--- a/app/assets/javascripts/models/activity.js
+++ b/app/assets/javascripts/models/activity.js
@@ -1,18 +1,18 @@
-import SharedModelMethods from "../mixins/shared_model_methods";
+import SharedModelMethods from '../mixins/shared_model_methods';
 
 const Activity = Backbone.Model.extend({
   defaults: {
-    name: "activity",
-    date: "",
-    action: "",
-    subject_changes: "",
+    name: 'activity',
+    date: '',
+    action: '',
+    subject_changes: '',
   },
 
-  name: "activity",
+  name: 'activity',
 
-  i18nScope: "activerecord.attributes.",
+  i18nScope: 'activerecord.attributes.',
 
-  timestampFormat: "d mmm yyyy",
+  timestampFormat: 'd mmm yyyy',
 
   initialize: function (args) {
     var data = args.activity;
@@ -26,7 +26,7 @@ const Activity = Backbone.Model.extend({
   },
 
   humanActionName: function (action) {
-    return I18n.t(action, { scope: "activity.actions" });
+    return I18n.t(action, { scope: 'activity.actions' });
   },
 
   parseChanges: function (changes) {
diff --git a/app/assets/javascripts/models/beta/attachmentUrl.js b/app/assets/javascripts/models/beta/attachmentUrl.js
index 8c209196f..f66ac2a10 100644
--- a/app/assets/javascripts/models/beta/attachmentUrl.js
+++ b/app/assets/javascripts/models/beta/attachmentUrl.js
@@ -1,16 +1,14 @@
-export const cloudnaryUrl = () =>
-  process.env.CLOUDINARY_URL;
+export const cloudnaryUrl = () => process.env.CLOUDINARY_URL;
 
 export const cloudName = () =>
   cloudnaryUrl().substring(cloudnaryUrl().indexOf('@') + 1);
 
-export const uploadPreset = () =>
-  process.env.CLOUDINARY_UPLOAD_PRESET;
+export const uploadPreset = () => process.env.CLOUDINARY_UPLOAD_PRESET;
 
 export const uploadUrl = () => {
-  return `https://api.cloudinary.com/v1_1/${cloudName()}/upload`
-}
+  return `https://api.cloudinary.com/v1_1/${cloudName()}/upload`;
+};
 
 export const getFileLink = (resourceType, path) => {
-  return `http://res.cloudinary.com/${cloudName()}/${resourceType}/upload/${path}`
-}
+  return `http://res.cloudinary.com/${cloudName()}/${resourceType}/upload/${path}`;
+};
diff --git a/app/assets/javascripts/models/beta/column.js b/app/assets/javascripts/models/beta/column.js
index fd06fef4b..fbec2dae5 100644
--- a/app/assets/javascripts/models/beta/column.js
+++ b/app/assets/javascripts/models/beta/column.js
@@ -1,5 +1,5 @@
-import * as iteration from "./iteration";
-import * as Story from "./story";
+import * as iteration from './iteration';
+import * as Story from './story';
 
 export const isChillyBin = Story.isUnscheduled;
 
@@ -12,18 +12,18 @@ export const isBacklog = (story, project) => {
   );
 };
 
-export const isDone = (column) => column === DONE;
+export const isDone = column => column === DONE;
 
-export const isSearch = (column) => column === SEARCH;
+export const isSearch = column => column === SEARCH;
 
 export const order = (columns, reverse) =>
   reverse ? columns.reverse() : columns;
 
-export const DONE = "done";
-export const BACKLOG = "backlog";
-export const CHILLY_BIN = "chilly_bin";
-export const SEARCH = "search";
-export const EPIC = "epic";
-export const ALL = "all";
+export const DONE = 'done';
+export const BACKLOG = 'backlog';
+export const CHILLY_BIN = 'chilly_bin';
+export const SEARCH = 'search';
+export const EPIC = 'epic';
+export const ALL = 'all';
 
-export const isDropDisabled = (column) => isDone(column) || isSearch(column);
+export const isDropDisabled = column => isDone(column) || isSearch(column);
diff --git a/app/assets/javascripts/models/beta/history.js b/app/assets/javascripts/models/beta/history.js
index 7ef656d54..c0fec8478 100644
--- a/app/assets/javascripts/models/beta/history.js
+++ b/app/assets/javascripts/models/beta/history.js
@@ -1,21 +1,22 @@
 import { sortBy, mapObject, reject } from 'underscore';
 import { findById } from './user';
 
-export const getDate = (oldValue, newValue) =>
-  [
-    oldValue ? I18n.l("date.formats.long", oldValue) : null,
-    oldValue ? I18n.l("date.formats.long", newValue) : null
-  ];
+export const getDate = (oldValue, newValue) => [
+  oldValue ? I18n.l('date.formats.long', oldValue) : null,
+  oldValue ? I18n.l('date.formats.long', newValue) : null,
+];
 
-const isDate = key => key.endsWith("_at");
+const isDate = key => key.endsWith('_at');
 
-const isId = key => key.endsWith("_id");
+const isId = key => key.endsWith('_id');
 
 const isInitials = key => key === 'owned_by_initials';
 
 export const deserializeChanges = changes =>
   mapObject(changes, (change, key) => {
-    const [oldValue, newValue] = isDate(key) ? getDate(change[0], change[1]) : change;
+    const [oldValue, newValue] = isDate(key)
+      ? getDate(change[0], change[1])
+      : change;
     return { oldValue, newValue, key };
   });
 
@@ -27,9 +28,11 @@ export const deserializeHistory = (history, users) =>
     .map(item => ({
       activity: {
         ...item.activity,
-        changes: filterChanges(deserializeChanges(item.activity.subject_changes)),
-        user: findById(users, item.activity.user_id).name
-      }
+        changes: filterChanges(
+          deserializeChanges(item.activity.subject_changes)
+        ),
+        user: findById(users, item.activity.user_id).name,
+      },
     }))
     .reverse();
 
diff --git a/app/assets/javascripts/models/beta/iteration.js b/app/assets/javascripts/models/beta/iteration.js
index 3a5be29d2..ca50c6760 100644
--- a/app/assets/javascripts/models/beta/iteration.js
+++ b/app/assets/javascripts/models/beta/iteration.js
@@ -1,9 +1,9 @@
-import moment from "moment";
+import moment from 'moment';
 import { last, isEmpty } from 'underscore';
-import * as Story from "./story";
+import * as Story from './story';
 
 const weeksBetween = (dateA, dateB) =>
-  moment(new Date(dateA)).diff(moment(new Date(dateB)), "week");
+  moment(new Date(dateA)).diff(moment(new Date(dateB)), 'week');
 
 const getIterationForDate = (date, project) => {
   const weeks = weeksBetween(date, project.startDate);
@@ -14,11 +14,11 @@ const getIterationForDate = (date, project) => {
     : iterationQuantity + 1;
 };
 
-const getNextIterationNumber = (iterations) => {
+const getNextIterationNumber = iterations => {
   const lastIteration = last(iterations);
 
   return lastIteration ? lastIteration.number + 1 : 1;
-}
+};
 
 const getStartDate = (iterationNumber, project) => {
   const projectStartDate = moment(project.startDate, 'YYYY/MM/DD');
@@ -29,25 +29,30 @@ const getStartDate = (iterationNumber, project) => {
 
   const missingDaysFromFirsIteration = firstIterationMissingDays(project);
   const daysUntilIteration = daysUntil(iterationNumber, project);
-  const expectedProjectStartDate = projectStartDate.subtract(missingDaysFromFirsIteration, 'days');
+  const expectedProjectStartDate = projectStartDate.subtract(
+    missingDaysFromFirsIteration,
+    'days'
+  );
 
   return expectedProjectStartDate.add(daysUntilIteration, 'days');
-}
+};
 
-const firstIterationMissingDays = (project) =>
-  (moment(project.startDate, 'YYYY/MM/DD').isoWeekday() - project.iterationStartDay) % 7;
+const firstIterationMissingDays = project =>
+  (moment(project.startDate, 'YYYY/MM/DD').isoWeekday() -
+    project.iterationStartDay) %
+  7;
 
 const daysUntil = (iterationNumber, project) =>
   (iterationNumber - 1) * (project.iterationLength * 7);
 
 export const getDateForIterationNumber = (iterationNumber, project) =>
-  getStartDate(iterationNumber, project).format("YYYY/MM/DD");
+  getStartDate(iterationNumber, project).format('YYYY/MM/DD');
 
 export const getCurrentIteration = project =>
   getIterationForDate(new Date(), project);
 
 export const getIterationForStory = (story, project) => {
-  if (story.state === "accepted") {
+  if (story.state === 'accepted') {
     return getIterationForDate(new Date(story.acceptedAt), project);
   }
 };
@@ -68,7 +73,7 @@ const createSprint = (
   stories,
   isFiller,
   remainingPoints,
-  isDropDisabled: false
+  isDropDisabled: false,
 });
 
 export const calculateRemainingPoints = (velocity, points) =>
@@ -82,7 +87,9 @@ const createFillerSprints = (
   storyPoints
 ) =>
   _.times(quantityFillers, i => {
-    const remainingPoints = isLastFiller(i, quantityFillers) ? calcPointsOverflowedSprint(velocity, storyPoints) : 0;
+    const remainingPoints = isLastFiller(i, quantityFillers)
+      ? calcPointsOverflowedSprint(velocity, storyPoints)
+      : 0;
     const sprintNumber = initialNumber + i;
     const emptyStories = [];
     const sprintPoints = 0;
@@ -115,7 +122,7 @@ const createOverflowedSprint = (
     storyPoints,
     calcPointsOverflowedSprint(velocity, storyPoints)
   );
-}
+};
 
 export const canTakeStory = (sprint, story) =>
   sprint.remainingPoints >= Story.getPoints(story) || !Story.isFeature(story);
@@ -123,18 +130,39 @@ export const canTakeStory = (sprint, story) =>
 export const calculateFillerSprintsQuantity = (storyPoints, velocity) =>
   Math.ceil((storyPoints - velocity) / velocity) || 0;
 
-const addSprintWithOverflow = (project, sprints, story, velocity, firstSprintNumber) => {
+const addSprintWithOverflow = (
+  project,
+  sprints,
+  story,
+  velocity,
+  firstSprintNumber
+) => {
   const currentSprint = last(sprints);
   const storyPoints = Story.getPoints(story);
   const quantityFillers = calculateFillerSprintsQuantity(storyPoints, velocity);
 
-  if (isFirstSprint(currentSprint, firstSprintNumber) && haveNoPoints(currentSprint)) {
+  if (
+    isFirstSprint(currentSprint, firstSprintNumber) &&
+    haveNoPoints(currentSprint)
+  ) {
     addStoryToSprint(project, sprints, 0, story, velocity);
     return sprints;
   } else {
     const indexOverflow = sprintIndexFor(currentSprint);
-    const fillerSprints = createFillerSprints(quantityFillers, indexOverflow, project, velocity, storyPoints);
-    const overflowedSprint = createOverflowedSprint(velocity, storyPoints, fillerSprints, project, story);
+    const fillerSprints = createFillerSprints(
+      quantityFillers,
+      indexOverflow,
+      project,
+      velocity,
+      storyPoints
+    );
+    const overflowedSprint = createOverflowedSprint(
+      velocity,
+      storyPoints,
+      fillerSprints,
+      project,
+      story
+    );
     return [...sprints, ...fillerSprints, overflowedSprint];
   }
 };
@@ -154,11 +182,7 @@ const addStoryToSprint = (project, sprints, index, story, velocity) => {
       break;
     }
   }
-  fillRemainingPoints(
-    sprints,
-    Story.getPoints(story),
-    index
-  );
+  fillRemainingPoints(sprints, Story.getPoints(story), index);
 
   sprints[index].completedPoints += Story.getCompletedPoints(story);
 
@@ -166,7 +190,7 @@ const addStoryToSprint = (project, sprints, index, story, velocity) => {
 };
 
 const fillRemainingPoints = (sprints, storyPoints, index) =>
-  sprints[index].remainingPoints -= storyPoints;
+  (sprints[index].remainingPoints -= storyPoints);
 
 const createFirstSprint = (project, initialSprintNumber, velocity) =>
   createSprint(
@@ -179,29 +203,37 @@ const createFirstSprint = (project, initialSprintNumber, velocity) =>
 export const sprintVelocity = (project, pastIterations) => {
   return pastIterations.length < 3
     ? project.defaultVelocity
-    : pastAverageVelocity(pastIterations)
-}
+    : pastAverageVelocity(pastIterations);
+};
 
-const pastAverageVelocity = (pastIterations) => {
-  const points = pastIterations.slice(-3)
-  const result = points.reduce((sum, iteration) => sum + iteration.points, 0) / 3
-  return Math.floor(result) || 1
-}
+const pastAverageVelocity = pastIterations => {
+  const points = pastIterations.slice(-3);
+  const result =
+    points.reduce((sum, iteration) => sum + iteration.points, 0) / 3;
+  return Math.floor(result) || 1;
+};
 
 const addToSprintFromBacklog = (sprints, project, story, velocity) => {
   const iterationNumber = getNextIterationNumber(sprints);
 
-  return [...sprints, createSprint(
-    iterationNumber,
-    getDateForIterationNumber(iterationNumber, project),
-    false,
-    velocity,
-    [story],
-    Story.getPoints(story)
-  )];
+  return [
+    ...sprints,
+    createSprint(
+      iterationNumber,
+      getDateForIterationNumber(iterationNumber, project),
+      false,
+      velocity,
+      [story],
+      Story.getPoints(story)
+    ),
+  ];
 };
 
-export const groupBySprints = (stories = [], project, initialSprintNumber = 1) => {
+export const groupBySprints = (
+  stories = [],
+  project,
+  initialSprintNumber = 1
+) => {
   const velocity = project.currentSprintVelocity;
 
   return stories.reduce((sprints, story) => {
@@ -213,15 +245,33 @@ export const groupBySprints = (stories = [], project, initialSprintNumber = 1) =
     }
 
     if (causesOverflow(story, velocity) && !isFromSprintInProgress) {
-      return addSprintWithOverflow(project, sprints, story, velocity, initialSprintNumber);
+      return addSprintWithOverflow(
+        project,
+        sprints,
+        story,
+        velocity,
+        initialSprintNumber
+      );
     }
 
     if (isFromSprintInProgress) {
-      return addStoryToSprint(project, sprints, firstSprintIndex, story, velocity);
+      return addStoryToSprint(
+        project,
+        sprints,
+        firstSprintIndex,
+        story,
+        velocity
+      );
     }
 
     if (canEnterLastAddedSprint(sprints, story)) {
-      return addStoryToSprint(project, sprints, sprints.length - 1, story, velocity);
+      return addStoryToSprint(
+        project,
+        sprints,
+        sprints.length - 1,
+        story,
+        velocity
+      );
     }
 
     return addToSprintFromBacklog(sprints, project, story, velocity);
@@ -237,13 +287,16 @@ const canEnterLastAddedSprint = (sprints, story) => {
   const lastSprint = last(sprints);
 
   return canTakeStory(lastSprint, story);
-}
+};
 
 export const causesOverflow = (story, velocity) =>
   Story.getPoints(story) > velocity && Story.isFeature(story);
 
-const calcPointsOverflowedSprint  = (velocity, storyPoints) => velocity - (storyPoints % velocity);
+const calcPointsOverflowedSprint = (velocity, storyPoints) =>
+  velocity - (storyPoints % velocity);
 
-const isLastFiller = (position, amountOfFillers) => position === amountOfFillers - 1;
+const isLastFiller = (position, amountOfFillers) =>
+  position === amountOfFillers - 1;
 
-export const isNewStoryPosition = (sprint, position) => !Boolean(sprint.stories[position]);
+export const isNewStoryPosition = (sprint, position) =>
+  !Boolean(sprint.stories[position]);
diff --git a/app/assets/javascripts/models/beta/label.js b/app/assets/javascripts/models/beta/label.js
index b3e0c5d3b..5b71e86f5 100644
--- a/app/assets/javascripts/models/beta/label.js
+++ b/app/assets/javascripts/models/beta/label.js
@@ -1,14 +1,11 @@
 import _ from 'underscore';
 
-export const splitLabels = (labels) => {
+export const splitLabels = labels => {
   if (labels) {
-    return labels.split(',')
-      .map((label, index) => (
-        {
-          id: index,
-          name: label
-        }
-      ))
+    return labels.split(',').map((label, index) => ({
+      id: index,
+      name: label,
+    }));
   }
 
   return [];
@@ -18,16 +15,10 @@ export const removeLabel = (labels, labelName) =>
   labels.filter(label => label.name !== labelName);
 
 export const addLabel = (labels, newLabel) =>
-  uniqueLabels([
-    ...labels,
-    newLabel
-  ]);
+  uniqueLabels([...labels, newLabel]);
 
-export const uniqueLabels = (labels) =>
-  _.uniq(labels, label => label.name);
+export const uniqueLabels = labels => _.uniq(labels, label => label.name);
 
-export const joinLabels = (labels) =>
-  getNames(labels).join(',');
+export const joinLabels = labels => getNames(labels).join(',');
 
-export const getNames = (labels) =>
-  labels.map(label => label.name);
+export const getNames = labels => labels.map(label => label.name);
diff --git a/app/assets/javascripts/models/beta/note.js b/app/assets/javascripts/models/beta/note.js
index e53b3183a..689a87d47 100644
--- a/app/assets/javascripts/models/beta/note.js
+++ b/app/assets/javascripts/models/beta/note.js
@@ -3,41 +3,41 @@ import changeCase from 'change-object-case';
 import { setLoadingValue } from './story';
 
 export const destroy = (projectId, storyId, noteId) =>
-  httpService
-    .delete(`/projects/${projectId}/stories/${storyId}/notes/${noteId}`);
+  httpService.delete(
+    `/projects/${projectId}/stories/${storyId}/notes/${noteId}`
+  );
 
 export const post = async (projectId, storyId, note) => {
   note = serialize(note);
 
-  const { data } = await httpService
-    .post(`/projects/${projectId}/stories/${storyId}/notes`, { note });
+  const { data } = await httpService.post(
+    `/projects/${projectId}/stories/${storyId}/notes`,
+    { note }
+  );
 
   return deserialize(data);
-}
+};
 
 export const addNote = (story, note) => ({
   ...story,
   _editing: setLoadingValue(story._editing, false),
-  notes: [
-    ...story.notes,
-    note
-  ]
+  notes: [...story.notes, note],
 });
 
 export const deleteNote = (story, noteId) => ({
   ...story,
   _editing: setLoadingValue(story._editing, false),
-  notes: story.notes.filter(note => note.id !== noteId)
+  notes: story.notes.filter(note => note.id !== noteId),
 });
 
-const deserialize = (data) =>
+const deserialize = data =>
   changeCase.camelKeys(data, {
     recursive: true,
-    arrayRecursive: true
+    arrayRecursive: true,
   });
 
-const serialize = (data) =>
+const serialize = data =>
   changeCase.snakeKeys(data, {
     recursive: true,
-    arrayRecursive: true
+    arrayRecursive: true,
   });
diff --git a/app/assets/javascripts/models/beta/notification.js b/app/assets/javascripts/models/beta/notification.js
index 2cfa7bfe7..1dfe0aaca 100644
--- a/app/assets/javascripts/models/beta/notification.js
+++ b/app/assets/javascripts/models/beta/notification.js
@@ -3,20 +3,20 @@ import uuidv1 from 'uuid/v1';
 export const createNotification = ({ type, message }) => ({
   id: uuidv1(),
   type,
-  message
-})
+  message,
+});
 
 export const addNotification = (notifications, newNotification) => {
   if (Array.isArray(newNotification)) {
-    return [...newNotification, ...notifications]
+    return [...newNotification, ...notifications];
   }
   return [newNotification, ...notifications];
-}
+};
 
 export const removeNotification = (notifications, id) =>
   notifications.filter(notification => notification.id !== id);
 
 export const types = {
   SUCCESS: 'success',
-  ERROR: 'error'
-}
+  ERROR: 'error',
+};
diff --git a/app/assets/javascripts/models/beta/pastIteration.js b/app/assets/javascripts/models/beta/pastIteration.js
index 4d28fc280..ec8c14179 100644
--- a/app/assets/javascripts/models/beta/pastIteration.js
+++ b/app/assets/javascripts/models/beta/pastIteration.js
@@ -1,6 +1,6 @@
-import httpService from "../../services/httpService";
-import changeCase from "change-object-case";
-import { deserialize } from "./story";
+import httpService from '../../services/httpService';
+import changeCase from 'change-object-case';
+import { deserialize } from './story';
 
 export const getStories = async (projectId, startDate, endDate) => {
   const params = serialize({ startDate, endDate });
@@ -8,10 +8,10 @@ export const getStories = async (projectId, startDate, endDate) => {
     `/project_boards/${projectId}/iterations`,
     { params }
   );
-  return data.stories.map((story) => deserialize(story.story));
+  return data.stories.map(story => deserialize(story.story));
 };
 
-const serialize = (data) =>
+const serialize = data =>
   changeCase.snakeKeys(data, {
     recursive: true,
     arrayRecursive: true,
diff --git a/app/assets/javascripts/models/beta/project.js b/app/assets/javascripts/models/beta/project.js
index 9422c378c..efa725369 100644
--- a/app/assets/javascripts/models/beta/project.js
+++ b/app/assets/javascripts/models/beta/project.js
@@ -1,22 +1,21 @@
 import * as Label from './label';
-import { sprintVelocity } from './iteration'
+import { sprintVelocity } from './iteration';
 
-
-export const deserialize = (board) => {
-  const calculatedSprintVelocity = sprintVelocity(board.project, board.pastIterations)
+export const deserialize = board => {
+  const calculatedSprintVelocity = sprintVelocity(
+    board.project,
+    board.pastIterations
+  );
 
   return {
     ...board.project,
     calculatedSprintVelocity,
     currentSprintVelocity: calculatedSprintVelocity,
-    labels: Label.splitLabels(board.labels)
-  }
+    labels: Label.splitLabels(board.labels),
+  };
 };
 
 export const addLabel = (project, label) => ({
   ...project,
-  labels: Label.uniqueLabels([
-    ...project.labels,
-    label
-  ])
+  labels: Label.uniqueLabels([...project.labels, label]),
 });
diff --git a/app/assets/javascripts/models/beta/projectBoard.js b/app/assets/javascripts/models/beta/projectBoard.js
index 5656fc55e..5d7dce1ce 100644
--- a/app/assets/javascripts/models/beta/projectBoard.js
+++ b/app/assets/javascripts/models/beta/projectBoard.js
@@ -7,25 +7,24 @@ import { operands, status } from './../../libs/beta/constants';
 import { values, isEmpty } from 'underscore';
 import { BACKLOG } from './column';
 
-export const get = async (projectId) => {
-  const { data } = await httpService
-    .get(`/beta/project_boards/${projectId}`);
+export const get = async projectId => {
+  const { data } = await httpService.get(`/beta/project_boards/${projectId}`);
 
   return deserialize(data);
 };
 
-const deserialize = (data) => {
+const deserialize = data => {
   const projectBoard = changeCase.camelKeys(data, {
     recursive: true,
-    arrayRecursive: true
+    arrayRecursive: true,
   });
 
   return {
     ...projectBoard,
     project: Project.deserialize(projectBoard),
-    stories: projectBoard.stories.map(Story.deserialize)
-  }
-}
+    stories: projectBoard.stories.map(Story.deserialize),
+  };
+};
 
 export const hasSearch = projectBoard => Boolean(projectBoard.search.keyWord);
 
@@ -35,27 +34,30 @@ export const isOperandSearch = word => {
   const operandsWords = Object.keys(operands);
 
   return containsInArray(word, operandsWords) && word.includes(':');
-}
+};
 
-const containsInArray = (word, array) => array.some(operand => word.includes(operand))
+const containsInArray = (word, array) =>
+  array.some(operand => word.includes(operand));
 
 export const canCloseColumn = projectBoard =>
   values(projectBoard.visibleColumns).filter(Boolean).length > 1;
 
 const isOpen = (projectBoard, column) =>
-  Boolean(projectBoard.visibleColumns[column])
+  Boolean(projectBoard.visibleColumns[column]);
 
 export const translateOperand = word =>
-  _.invert(I18n.translations[currentLocale()].story[word])
+  _.invert(I18n.translations[currentLocale()].story[word]);
 
 export const translateWord = (operand, word, translations) =>
   isFinite(word) || !haveTranslation(operand)
     ? word
-    : I18n.t(`story.${operand}.${translations[word] || word}`, { locale: I18n.defaultLocale });
+    : I18n.t(`story.${operand}.${translations[word] || word}`, {
+        locale: I18n.defaultLocale,
+      });
 
 const translatedOperands = ['type', 'state'];
 
-export const haveTranslation = operand => translatedOperands.includes(operand)
+export const haveTranslation = operand => translatedOperands.includes(operand);
 
 export const isEnglishLocale = () => currentLocale() === 'en';
 
@@ -65,10 +67,14 @@ export const toggleColumn = (projectBoard, column, callback) => {
   if (!isOpen(projectBoard, column) || canCloseColumn(projectBoard)) {
     return callback.onToggle();
   }
-}
+};
 
 // Drag And drop utils
-const calculatePositions = (aboveStory = {}, belowStory = {}, storyState = {}) => {
+const calculatePositions = (
+  aboveStory = {},
+  belowStory = {},
+  storyState = {}
+) => {
   const aboveStoryState = aboveStory.state;
   const belowStoryState = belowStory.state;
   const aboveStoryPosition = Number(aboveStory.position);
@@ -78,33 +84,48 @@ const calculatePositions = (aboveStory = {}, belowStory = {}, storyState = {}) =
 
   const isFirstStory = !aboveStoryState;
   const isLastStory = !belowStoryState;
-  const isLastStoryInSameState = aboveStoryState === storyState && belowStoryState !== storyState;
-  const isFirstStoryInSameState = belowStoryState === storyState && aboveStoryState !== storyState;
+  const isLastStoryInSameState =
+    aboveStoryState === storyState && belowStoryState !== storyState;
+  const isFirstStoryInSameState =
+    belowStoryState === storyState && aboveStoryState !== storyState;
 
   // return [position, newPosition]
   if (isFirstStory) return [belowStoryPosition - 1, 1];
-  if (isFirstStoryInSameState) return [belowStoryPosition - 1, belowStoryNewPosition - 1];
-  if (isLastStory || isLastStoryInSameState) return [aboveStoryPosition + 1, aboveStoryNewPosition + 1];
-
-  return [(belowStoryPosition + aboveStoryPosition) / 2, aboveStoryNewPosition + 1];
-}
+  if (isFirstStoryInSameState)
+    return [belowStoryPosition - 1, belowStoryNewPosition - 1];
+  if (isLastStory || isLastStoryInSameState)
+    return [aboveStoryPosition + 1, aboveStoryNewPosition + 1];
+
+  return [
+    (belowStoryPosition + aboveStoryPosition) / 2,
+    aboveStoryNewPosition + 1,
+  ];
+};
 
 export const getPositions = (
   destinationIndex,
   sourceIndex,
   storiesArray,
   isSameColumn,
-  storyState,
+  storyState
 ) => {
   if (isEmpty(storiesArray)) {
     return [1, 1];
   }
 
   if (!isSameColumn || sourceIndex > destinationIndex) {
-    return calculatePositions(storiesArray[destinationIndex - 1], storiesArray[destinationIndex], storyState);
+    return calculatePositions(
+      storiesArray[destinationIndex - 1],
+      storiesArray[destinationIndex],
+      storyState
+    );
   }
 
-  return calculatePositions(storiesArray[destinationIndex], storiesArray[destinationIndex + 1], storyState);
+  return calculatePositions(
+    storiesArray[destinationIndex],
+    storiesArray[destinationIndex + 1],
+    storyState
+  );
 };
 
 // reorder the array
@@ -128,16 +149,16 @@ export const moveStory = (
 
 export const sortStories = (destinationArray, destinationIndex) => {
   return destinationArray.map((item, index) => {
-      if (index >= destinationIndex) {
-        return { ...item, newPosition: item.newPosition + 1 }
-      };
+    if (index >= destinationIndex) {
+      return { ...item, newPosition: item.newPosition + 1 };
+    }
     return item;
   });
-}
+};
 
 export const getNewSprints = (newStories, sprints, sprintIndex) =>
   sprints.map((sprint, index) =>
-    index === sprintIndex ? { ...sprint, stories: newStories } : sprint,
+    index === sprintIndex ? { ...sprint, stories: newStories } : sprint
   );
 
 export const getNewState = (isSameColumn, dropColumn, currentState) => {
@@ -145,27 +166,37 @@ export const getNewState = (isSameColumn, dropColumn, currentState) => {
     return currentState;
   }
   return dropColumn === 'chillyBin' ? status.UNSCHEDULED : status.UNSTARTED;
-}
+};
 
-export const getBacklogStories = (sprints, index) => isEmpty(sprints) ? [{ stories: [] }] : sprints[index].stories;
+export const getBacklogStories = (sprints, index) =>
+  isEmpty(sprints) ? [{ stories: [] }] : sprints[index].stories;
 
-export const getSprintColumn = (column, backlogArray, chillyBinArray, sprintIndex) => {
+export const getSprintColumn = (
+  column,
+  backlogArray,
+  chillyBinArray,
+  sprintIndex
+) => {
   if (column === 'backlog') {
     if (backlogArray[sprintIndex]) {
-      return backlogArray[sprintIndex].stories
+      return backlogArray[sprintIndex].stories;
     }
     return [];
   }
   return chillyBinArray;
-}
+};
 
 export const dragStory = (source, destination, backlogSprints, callback) => {
   if (source && destination) {
     const destinationDroppableId = JSON.parse(destination.droppableId);
     const sourceDroppableId = JSON.parse(source.droppableId);
 
-    if (destinationDroppableId.columnId === BACKLOG && sourceDroppableId.columnId === BACKLOG) {
-      const destinationSprint = backlogSprints[destinationDroppableId.sprintIndex];
+    if (
+      destinationDroppableId.columnId === BACKLOG &&
+      sourceDroppableId.columnId === BACKLOG
+    ) {
+      const destinationSprint =
+        backlogSprints[destinationDroppableId.sprintIndex];
       const sourceSprint = backlogSprints[sourceDroppableId.sprintIndex];
 
       if (isNewStoryPosition(destinationSprint, destination.index)) return;
@@ -175,10 +206,12 @@ export const dragStory = (source, destination, backlogSprints, callback) => {
       const isDropDisabled = !Story.isSameState(draggedStory, destinationStory);
 
       const updatedBacklogSprints = backlogSprints.map(item =>
-        item.number === destinationSprint.number ? { ...item, isDropDisabled } : { ...item }
+        item.number === destinationSprint.number
+          ? { ...item, isDropDisabled }
+          : { ...item }
       );
 
       return callback(updatedBacklogSprints);
     }
   }
-}
+};
diff --git a/app/assets/javascripts/models/beta/search.js b/app/assets/javascripts/models/beta/search.js
index 4535bea76..f35c29a3c 100644
--- a/app/assets/javascripts/models/beta/search.js
+++ b/app/assets/javascripts/models/beta/search.js
@@ -15,7 +15,7 @@ export const searchStories = async (keyWord, projectId, callback) => {
       return callback.onError(error);
     }
   }
-}
+};
 
 export const serializeKeyWordSearch = keyWord => {
   if (ProjectBoard.isOperandSearch(keyWord)) {
@@ -23,7 +23,9 @@ export const serializeKeyWordSearch = keyWord => {
 
     if (!ProjectBoard.isEnglishLocale()) {
       const translations = ProjectBoard.translateOperand(firstKeyWord);
-      const translatedWord = ProjectBoard.translateWord(firstKeyWord, secondKeyWord, translations) || secondKeyWord;
+      const translatedWord =
+        ProjectBoard.translateWord(firstKeyWord, secondKeyWord, translations) ||
+        secondKeyWord;
 
       return `${operands[firstKeyWord] || firstKeyWord}:${translatedWord}`;
     }
@@ -32,4 +34,4 @@ export const serializeKeyWordSearch = keyWord => {
   }
 
   return keyWord;
-}
+};
diff --git a/app/assets/javascripts/models/beta/story.js b/app/assets/javascripts/models/beta/story.js
index d0821cb66..7d25d55a5 100644
--- a/app/assets/javascripts/models/beta/story.js
+++ b/app/assets/javascripts/models/beta/story.js
@@ -1,14 +1,14 @@
-import { status, storyTypes, storyScopes } from "libs/beta/constants";
-import httpService from "../../services/httpService";
-import changeCase from "change-object-case";
-import * as Label from "./label";
-import PropTypes from "prop-types";
+import { status, storyTypes, storyScopes } from 'libs/beta/constants';
+import httpService from '../../services/httpService';
+import changeCase from 'change-object-case';
+import * as Label from './label';
+import PropTypes from 'prop-types';
 import StoryPropTypesShape, {
   storyPropTypes,
-} from "../../components/shapes/story";
-import moment from "moment";
-import { has } from "underscore";
-import * as History from "./history";
+} from '../../components/shapes/story';
+import moment from 'moment';
+import { has } from 'underscore';
+import * as History from './history';
 
 const compareValues = (a, b) => {
   if (a > b) return 1;
@@ -18,7 +18,7 @@ const compareValues = (a, b) => {
   return 0;
 };
 
-export const needConfirmation = (story) =>
+export const needConfirmation = story =>
   story.state === status.ACCEPTED ||
   story.state === status.REJECTED ||
   story.state === status.RELEASE;
@@ -42,79 +42,79 @@ export const compareStartedAt = (a, b) => {
   return compareValues(a.startedAt, b.startedAt);
 };
 
-export const isUnestimatedFeature = (story) =>
+export const isUnestimatedFeature = story =>
   !hasEstimate(story) && isFeature(story);
 
-export const isInProgress = (story) =>
+export const isInProgress = story =>
   !isUnscheduled(story) && !isUnstarted(story);
 
-export const isFeature = (story) => {
+export const isFeature = story => {
   return story.storyType === storyTypes.FEATURE;
 };
 
-export const isUnscheduled = (story) => {
+export const isUnscheduled = story => {
   return story.state === status.UNSCHEDULED;
 };
 
-export const isUnstarted = (story) => {
+export const isUnstarted = story => {
   return story.state === status.UNSTARTED;
 };
 
-export const isAccepted = (story) => {
+export const isAccepted = story => {
   return story.state === status.ACCEPTED;
 };
 
-export const totalPoints = (stories) =>
+export const totalPoints = stories =>
   stories.reduce((total, current) => total + getPoints(current), 0);
 
-export const isHighlighted = (story) => Boolean(story.highlighted);
+export const isHighlighted = story => Boolean(story.highlighted);
 
-export const getPoints = (story) =>
+export const getPoints = story =>
   isFeature(story) ? Number(story.estimate) : 0;
 
-export const getCompletedPoints = (story) =>
+export const getCompletedPoints = story =>
   isFeature(story) && isAccepted(story) ? story.estimate : 0;
 
 export const isSameState = (story1, story2) => story1.state === story2.state;
 
 export const isStoryNotEstimated = (storyType, estimate) =>
-  storyType === "feature" && !estimate;
+  storyType === 'feature' && !estimate;
 
-export const isRelease = (story) => story.storyType === storyTypes.RELEASE;
+export const isRelease = story => story.storyType === storyTypes.RELEASE;
 
-export const hasHistory = (story) => !isRelease(story);
+export const hasHistory = story => !isRelease(story);
 
-export const releaseIsLate = (story) => {
+export const releaseIsLate = story => {
   if (!isRelease(story)) {
     return false;
   }
 
   const today = moment();
-  const releaseDate = moment(story.releaseDate, ["YYYY-MM-DD"]).endOf("day");
+  const releaseDate = moment(story.releaseDate, ['YYYY-MM-DD']).endOf('day');
 
   return today > releaseDate;
 };
 
-export const possibleStatesFor = (story) =>
+export const possibleStatesFor = story =>
   isUnestimatedFeature(story._editing) ? [states[0]] : states;
 
-export const types = ["feature", "bug", "release", "chore"];
+export const types = ['feature', 'bug', 'release', 'chore'];
 
 export const states = [
-  "unscheduled",
-  "unstarted",
-  "started",
-  "finished",
-  "delivered",
-  "accepted",
-  "rejected",
+  'unscheduled',
+  'unstarted',
+  'started',
+  'finished',
+  'delivered',
+  'accepted',
+  'rejected',
 ];
 
 export const findById = (stories, id) => {
-  return stories.find((story) => story.id === id);
+  return stories.find(story => story.id === id);
 };
 
-export const updatePosition = async (story) => {
+export const updatePosition = async story => {
   const serializedStory = serialize(story);
 
   const { data } = await httpService.post(
@@ -122,7 +122,7 @@ export const updatePosition = async (story) => {
     { story: serializedStory }
   );
 
-  const deserializedData = data.map((item) => deserialize(item.story));
+  const deserializedData = data.map(item => deserialize(item.story));
 
   return deserializedData;
 };
@@ -162,7 +162,7 @@ export const search = async (queryParam, projectId) => {
       timeout: 1500,
     }
   );
-  return data.map((item) => deserialize(item.story));
+  return data.map(item => deserialize(item.story));
 };
 
 export const getByLabel = async (label, projectId) => {
@@ -172,7 +172,7 @@ export const getByLabel = async (label, projectId) => {
       timeout: 1500,
     }
   );
-  return data.map((item) => deserialize(item.story));
+  return data.map(item => deserialize(item.story));
 };
 
 export const getHistory = async (storyId, projectId, users) => {
@@ -189,7 +189,7 @@ export const storyFailure = (story, error) => ({
   needsToSave: false,
 });
 
-export const toggleStory = (story) => {
+export const toggleStory = story => {
   const editing = story.collapsed
     ? { ...story, _isDirty: false, loading: false }
     : null;
@@ -204,7 +204,7 @@ export const toggleStory = (story) => {
 const isUnscheduledState = (story, newAttributes) =>
   isFeature(story._editing) &&
   (isChangingWithoutEstimate(story, newAttributes) ||
-    hasNilProp(newAttributes, "estimate") ||
+    hasNilProp(newAttributes, 'estimate') ||
     isChangingToUnscheduled(story, newAttributes) ||
     isUnscheduled(newAttributes));
 
@@ -212,7 +212,7 @@ const hasNilProp = (story, prop) => has(story, prop) && !story[prop];
 
 const isChangingToUnscheduled = (story, newAttributes) =>
   isUnscheduled(story._editing) &&
-  !has(newAttributes, "state") &&
+  !has(newAttributes, 'state') &&
   !hasEstimate(newAttributes);
 
 const isChangingWithoutEstimate = (story, newAttributes) =>
@@ -224,7 +224,7 @@ export const stateFor = (story, newAttributes, newStory) =>
     : newStory.state;
 
 export const estimateFor = (story, newAttributes, newStory) => {
-  if (isNoEstimated(story, newAttributes)) return "";
+  if (isNoEstimated(story, newAttributes)) return '';
   if (isFeature(newAttributes) && !isUnscheduled(story._editing)) return 1;
 
   return newStory.estimate;
@@ -233,10 +233,10 @@ export const estimateFor = (story, newAttributes, newStory) => {
 const isEstimable = isFeature;
 
 const isNoEstimated = (story, newAttributes) =>
-  (!isEstimable(story._editing) && !has(newAttributes, "storyType")) ||
-  (!isEstimable(newAttributes) && has(newAttributes, "storyType"));
+  (!isEstimable(story._editing) && !has(newAttributes, 'storyType')) ||
+  (!isEstimable(newAttributes) && has(newAttributes, 'storyType'));
 
-const hasEstimate = (story) => Boolean(story.estimate);
+const hasEstimate = story => Boolean(story.estimate);
 
 export const editStory = (story, newAttributes) => {
   const newStory = {
@@ -257,7 +257,7 @@ export const editStory = (story, newAttributes) => {
   };
 };
 
-export const serialize = (story) => {
+export const serialize = story => {
   const data = !isRelease(story)
     ? {
         ...story,
@@ -265,9 +265,9 @@ export const serialize = (story) => {
       }
     : {
         ...story,
-        estimate: "",
+        estimate: '',
         ownedById: null,
-        labels: "",
+        labels: '',
         ownedByName: null,
         ownedByInitials: null,
         notes: [],
@@ -292,12 +292,12 @@ export const deserialize = (data, options) => {
   return {
     ...story,
     labels: Label.splitLabels(story.labels),
-    estimate: story.estimate || "",
+    estimate: story.estimate || '',
     collapsed,
   };
 };
 
-export const setLoadingStory = (story) => ({
+export const setLoadingStory = story => ({
   ...story,
   _editing: setLoadingValue(story._editing, true),
 });
@@ -307,7 +307,7 @@ export const setLoadingValue = (story, loading) => ({
   loading,
 });
 
-export const cloneStory = (story) => {
+export const cloneStory = story => {
   const clonedStory = {
     ...story,
     id: null,
@@ -352,57 +352,57 @@ export const createTemporaryId = () => Symbol(`new-${Date.now()}`);
 export const withScope = (stories, from) =>
   Boolean(from) ? stories[from] : stories[storyScopes.ALL];
 
-export const isSearch = (from) => from === storyScopes.SEARCH;
+export const isSearch = from => from === storyScopes.SEARCH;
 
-export const isEpic = (from) => from === storyScopes.EPIC;
+export const isEpic = from => from === storyScopes.EPIC;
 
 export const haveHighlightButton = (stories, story, from) =>
   (isEpic(from) || isSearch(from)) && haveStory(story, stories);
 
-export const haveSearch = (stories) =>
+export const haveSearch = stories =>
   Boolean(stories[storyScopes.SEARCH].length);
 
 export const haveStory = (story, stories) =>
-  stories.some((item) => item.id === story.id);
+  stories.some(item => item.id === story.id);
 
-export const isNew = (story) => {
-  return typeof story.id === "symbol";
+export const isNew = story => {
+  return typeof story.id === 'symbol';
 };
 
-export const canSave = (story) =>
-  !isAccepted(story) && story._editing.title !== "";
+export const canSave = story =>
+  !isAccepted(story) && story._editing.title !== '';
 
-export const canDelete = (story) => !isAccepted(story) && !isNew(story);
+export const canDelete = story => !isAccepted(story) && !isNew(story);
 
-export const canEdit = (story) => !isAccepted(story);
+export const canEdit = story => !isAccepted(story);
 
 export const withoutNewStory = (stories, id) =>
-  stories.filter((story) => story.id !== id);
+  stories.filter(story => story.id !== id);
 
 export const replaceOrAddNewStory = (stories, newStory, id) => {
   if (id) {
-    return stories.map((story) => (story.id === id ? newStory : story));
+    return stories.map(story => (story.id === id ? newStory : story));
   }
 
   return [newStory, ...stories];
 };
 
 const emptyStory = {
-  title: "",
+  title: '',
   description: null,
-  estimate: "",
-  storyType: "feature",
-  state: "unscheduled",
+  estimate: '',
+  storyType: 'feature',
+  state: 'unscheduled',
   acceptedAt: null,
   requestedById: null,
   ownedById: null,
   projectId: null,
-  createdAt: "",
-  updatedAt: "",
-  position: "",
+  createdAt: '',
+  updatedAt: '',
+  position: '',
   newPosition: null,
   labels: [],
-  requestedByName: "",
+  requestedByName: '',
   ownedByName: null,
   ownedByInitials: null,
   releaseDate: null,
@@ -413,13 +413,13 @@ const emptyStory = {
 };
 
 export const storyTransitions = {
-  START: "start",
-  FINISH: "finish",
-  DELIVER: "deliver",
-  ACCEPT: "accept",
-  REJECT: "reject",
-  RESTART: "restart",
-  RELEASE: "release",
+  START: 'start',
+  FINISH: 'finish',
+  DELIVER: 'deliver',
+  ACCEPT: 'accept',
+  REJECT: 'reject',
+  RESTART: 'restart',
+  RELEASE: 'release',
 };
 
 const stateTransitions = {
@@ -464,8 +464,8 @@ export const editingStoryPropTypesShape = PropTypes.shape({
   _editing: StoryPropTypesShape,
 });
 
-export const donePoints = (stories) =>
+export const donePoints = stories =>
   stories.reduce((points, story) => getCompletedPoints(story) + points, 0);
 
-export const remainingPoints = (stories) =>
+export const remainingPoints = stories =>
   totalPoints(stories) - donePoints(stories);
diff --git a/app/assets/javascripts/models/beta/task.js b/app/assets/javascripts/models/beta/task.js
index 252a19705..03f00155a 100644
--- a/app/assets/javascripts/models/beta/task.js
+++ b/app/assets/javascripts/models/beta/task.js
@@ -6,11 +6,13 @@ import { setLoadingValue } from './story';
 export const post = async (projectId, storyId, task) => {
   const newTask = {
     name: task,
-    done: false
-  }
+    done: false,
+  };
 
-  const { data } = await httpService
-    .post(`/projects/${projectId}/stories/${storyId}/tasks`, newTask);
+  const { data } = await httpService.post(
+    `/projects/${projectId}/stories/${storyId}/tasks`,
+    newTask
+  );
 
   return deserialize(data);
 };
@@ -18,23 +20,23 @@ export const post = async (projectId, storyId, task) => {
 export const toggle = async (projectId, storyId, taskId, status) => {
   const taskStatus = serialize(status);
 
-  const { data } = await httpService
-    .put(`/projects/${projectId}/stories/${storyId}/tasks/${taskId}/`, taskStatus);
+  const { data } = await httpService.put(
+    `/projects/${projectId}/stories/${storyId}/tasks/${taskId}/`,
+    taskStatus
+  );
 
   return deserialize(data);
 };
 
 export const destroy = (projectId, storyId, taskId) =>
-  httpService
-    .delete(`/projects/${projectId}/stories/${storyId}/tasks/${taskId}`);
+  httpService.delete(
+    `/projects/${projectId}/stories/${storyId}/tasks/${taskId}`
+  );
 
 export const addTask = (story, task) => ({
   ...story,
   _editing: setLoadingValue(story._editing, false),
-  tasks: [
-    ...story.tasks,
-    task
-  ]
+  tasks: [...story.tasks, task],
 });
 
 export const toggleTask = (story, changedTask) => ({
@@ -43,26 +45,26 @@ export const toggleTask = (story, changedTask) => ({
     updateIfSameId(changedTask.id, task => {
       return {
         ...task,
-        ...changedTask
+        ...changedTask,
       };
-    }
-    ))
+    })
+  ),
 });
 
 export const deleteTask = (taskId, story) => ({
   ...story,
   _editing: setLoadingValue(story._editing, false),
-  tasks: story.tasks.filter((task) => task.id !== taskId)
+  tasks: story.tasks.filter(task => task.id !== taskId),
 });
 
-const serialize = (data) =>
+const serialize = data =>
   changeCase.snakeKeys(data, {
     recursive: true,
-    arrayRecursive: true
+    arrayRecursive: true,
   });
 
-const deserialize = (data) =>
+const deserialize = data =>
   changeCase.camelKeys(data, {
     recursive: true,
-    arrayRecursive: true
+    arrayRecursive: true,
   });
diff --git a/app/assets/javascripts/models/beta/user.js b/app/assets/javascripts/models/beta/user.js
index 9a030ea6d..8c40b8163 100644
--- a/app/assets/javascripts/models/beta/user.js
+++ b/app/assets/javascripts/models/beta/user.js
@@ -1,2 +1 @@
-export const findById = (users, id) =>
-  users.find(user => user.id === id);
+export const findById = (users, id) => users.find(user => user.id === id);
diff --git a/app/assets/javascripts/models/iteration.js b/app/assets/javascripts/models/iteration.js
index 066820c24..cbe43667b 100644
--- a/app/assets/javascripts/models/iteration.js
+++ b/app/assets/javascripts/models/iteration.js
@@ -1,136 +1,150 @@
-const Iteration = Backbone.Model.extend({
-  defaults: {
-    name: 'iteration',
-    number: 0,
-  },
+const Iteration = Backbone.Model.extend(
+  {
+    defaults: {
+      name: 'iteration',
+      number: 0,
+    },
 
-  name: 'iteration',
+    name: 'iteration',
 
-  initialize: function(opts) {
-    this.set({'stories': opts.stories || []});
-    this.isFull = false;
-  },
+    initialize: function (opts) {
+      this.set({ stories: opts.stories || [] });
+      this.isFull = false;
+    },
+
+    // Return the list of stories
+    stories: function () {
+      if (this.get('column') === '#in_progress') {
+        var stories = this.storiesWithState('accepted');
+        return stories.concat(this.storiesExceptState('accepted'));
+      } else {
+        return this.get('stories');
+      }
+    },
 
-  // Return the list of stories
-  stories: function() {
-    if (this.get('column') === '#in_progress') {
-      var stories = this.storiesWithState('accepted');
-      return stories.concat(this.storiesExceptState('accepted'));
-    } else {
-      return this.get('stories');
-    }
-  },
+    storiesWithState: function (state) {
+      return _.select(this.get('stories'), function (story) {
+        return story.get('state') === state;
+      });
+    },
 
-  storiesWithState: function(state) {
-    return _.select(this.get('stories'), function(story) {
-      return (story.get('state') === state);
-    });
-  },
+    storiesExceptState: function (state) {
+      return _.reject(this.get('stories'), function (story) {
+        return story.get('state') === state;
+      });
+    },
+
+    points: function () {
+      return _.reduce(
+        this.get('stories'),
+        function (memo, story) {
+          var estimate = 0;
+          if (story.get('story_type') === 'feature') {
+            estimate = story.get('estimate') || 0;
+          }
+          return memo + estimate;
+        },
+        0
+      );
+    },
+
+    acceptedPoints: function () {
+      return _.reduce(
+        this.get('stories'),
+        function (memo, story) {
+          var estimate = 0;
+          if (
+            story.get('story_type') === 'feature' &&
+            story.get('state') === 'accepted'
+          ) {
+            estimate = story.get('estimate') || 0;
+          }
+          return memo + estimate;
+        },
+        0
+      );
+    },
+
+    // Returns the number of points available before this iteration is full.
+    // Only valid for backlog iterations.
+    availablePoints: function () {
+      return this.get('maximum_points') - this.points();
+    },
+
+    //
+    // Returns true if this iteration has enough points free for a given
+    // story.  Only valid for backlog iterations.
+    canTakeStory: function (story) {
+      if (this.isFull === true) {
+        return false;
+      }
 
-  storiesExceptState: function(state) {
-    return _.reject(this.get('stories'), function(story) {
-      return (story.get('state') === state);
-    });
-  },
+      if (this.points() === 0) {
+        return true;
+      }
 
-  points: function() {
-    return _.reduce(this.get('stories'), function(memo, story) {
-      var estimate = 0;
       if (story.get('story_type') === 'feature') {
-        estimate = story.get('estimate') || 0;
+        this.isFull = story.get('estimate') > this.availablePoints();
+        return !this.isFull;
+      } else {
+        return true;
       }
-      return memo + estimate;
-    }, 0);
+    },
+
+    // Report how many points this iteration overflows by.  For example, if
+    // the iteration maximum points is 2, and it has a single 5 point story,
+    // its overflow will be 3 points.  Will return 0 if the iteration has
+    // less than or equal to its maximum points.
+    overflowsBy: function () {
+      var difference = this.points() - this.get('maximum_points');
+      return difference < 0 ? 0 : difference;
+    },
+
+    startDate: function () {
+      return this.project.getDateForIterationNumber(this.get('number'));
+    },
   },
-
-  acceptedPoints: function() {
-    return _.reduce(this.get('stories'), function(memo, story) {
-      var estimate = 0;
-      if (story.get('story_type') === 'feature' && story.get('state') === 'accepted') {
-        estimate = story.get('estimate') || 0;
+  {
+    //
+    // Class properties
+    //
+
+    // Creates a range of empty iteration between 2 other iteration objects.
+    // For example, if passed iteration 1 for start and iteration 5 for end
+    // will return an array of iterations numbered 2, 3 and 4.  Each iteration
+    // will be assigned to the provided column.
+    createMissingIterations: function (column, startIteration, endIteration) {
+      // A reference to Iteration().
+      var that = this;
+
+      if (typeof startIteration === 'undefined') {
+        // Create a dummy iteration with number 0
+        startIteration = new that({ number: 0, column: column });
       }
-      return memo + estimate;
-    }, 0);
-  },
-
-  // Returns the number of points available before this iteration is full.
-  // Only valid for backlog iterations.
-  availablePoints: function() {
-    return this.get('maximum_points') - this.points();
-  },
-
-  //
-  // Returns true if this iteration has enough points free for a given
-  // story.  Only valid for backlog iterations.
-  canTakeStory: function(story) {
-
-    if (this.isFull === true) {
-      return false;
-    }
-
-    if (this.points() === 0) {
-      return true;
-    }
-
-    if (story.get('story_type') === 'feature') {
-      this.isFull = story.get('estimate') > this.availablePoints();
-      return !this.isFull;
-    } else {
-      return true;
-    }
-  },
-
-  // Report how many points this iteration overflows by.  For example, if
-  // the iteration maximum points is 2, and it has a single 5 point story,
-  // its overflow will be 3 points.  Will return 0 if the iteration has
-  // less than or equal to its maximum points.
-  overflowsBy: function() {
-    var difference = this.points() - this.get('maximum_points');
-    return (difference < 0) ? 0 : difference;
-  },
-
-  startDate: function() {
-    return this.project.getDateForIterationNumber(this.get('number'));
-  }
-
-},{
 
-  //
-  // Class properties
-  //
+      var start = parseInt(startIteration.get('number'), 10) + 1;
+      var end = parseInt(endIteration.get('number'), 10);
 
-  // Creates a range of empty iteration between 2 other iteration objects.
-  // For example, if passed iteration 1 for start and iteration 5 for end
-  // will return an array of iterations numbered 2, 3 and 4.  Each iteration
-  // will be assigned to the provided column.
-  createMissingIterations: function(column, startIteration, endIteration) {
-
-    // A reference to Iteration().
-    var that = this;
-
-    if (typeof startIteration === "undefined") {
-      // Create a dummy iteration with number 0
-      startIteration = new that({'number': 0, 'column': column});
-    }
-
-    var start = parseInt(startIteration.get('number'), 10) + 1;
-    var end = parseInt(endIteration.get('number'), 10);
-
-    if (end < start) {
-      throw "end iteration number:" + end + " must be greater than start iteration number:" + start ;
-    }
+      if (end < start) {
+        throw (
+          'end iteration number:' +
+          end +
+          ' must be greater than start iteration number:' +
+          start
+        );
+      }
 
-    var missing_range = _.range(start, end);
+      var missing_range = _.range(start, end);
 
-    return _.map(missing_range, function(missing_iteration_number) {
-      var iteration = new that({
-        'number': missing_iteration_number, 'column': column
+      return _.map(missing_range, function (missing_iteration_number) {
+        var iteration = new that({
+          number: missing_iteration_number,
+          column: column,
+        });
+        return iteration;
       });
-      return iteration;
-    });
-
+    },
   }
-
-});
+);
 
 export default Iteration;
diff --git a/app/assets/javascripts/models/note.js b/app/assets/javascripts/models/note.js
index ca5f94820..09f6df008 100644
--- a/app/assets/javascripts/models/note.js
+++ b/app/assets/javascripts/models/note.js
@@ -12,13 +12,12 @@ const Note = Backbone.Model.extend({
 
   isReadonly: false,
 
-  sync: function(method, model, options) {
-    if( model.isReadonly ) {
+  sync: function (method, model, options) {
+    if (model.isReadonly) {
       return true;
     }
     return Backbone.sync(method, model, options);
-  }
-
+  },
 });
 
 _.defaults(Note.prototype, SharedModelMethods);
diff --git a/app/assets/javascripts/models/pastIteration.js b/app/assets/javascripts/models/pastIteration.js
index 73d3a25d4..b74e12ba4 100644
--- a/app/assets/javascripts/models/pastIteration.js
+++ b/app/assets/javascripts/models/pastIteration.js
@@ -14,17 +14,23 @@ class PastIteration {
   }
 
   fetch() {
-    if(this.needsLoad) {
+    if (this.needsLoad) {
       this.needsLoad = false;
     }
 
     const that = this;
     return $.ajax(`/project_boards/${this.project.get('id')}/iterations`, {
-      data: { start_date: this._startDate.toISOString(), end_date: this._endDate.toISOString() }
-    }).then((data) => {
-      that._stories = data.stories.map((attrs) => new Story(attrs, {
-        collection: that.project.projectBoard.stories
-      }));
+      data: {
+        start_date: this._startDate.toISOString(),
+        end_date: this._endDate.toISOString(),
+      },
+    }).then(data => {
+      that._stories = data.stories.map(
+        attrs =>
+          new Story(attrs, {
+            collection: that.project.projectBoard.stories,
+          })
+      );
       that.project.projectBoard.stories.add(that._stories);
     });
   }
diff --git a/app/assets/javascripts/models/project.js b/app/assets/javascripts/models/project.js
index 08642cedd..b60ecb7c1 100644
--- a/app/assets/javascripts/models/project.js
+++ b/app/assets/javascripts/models/project.js
@@ -4,352 +4,373 @@ import UserCollection from '../collections/user_collection';
 import Iteration from '../models/iteration';
 import ProjectBoard from '../models/projectBoard';
 
-const Project = Backbone.Model.extend({
-  defaults: {
-    default_velocity: 10
-  },
-
-  name: 'project',
-
-  initialize: function(args) {
-    this.maybeUnwrap(args);
-
-    _.bindAll(this, 'updateChangesets');
-
-    this.on('change:last_changeset_id', this.updateChangesets, this);
-
-    this.projectBoard = new ProjectBoard({ project: this });
-    this.projectBoard.stories.url = `${this.url()}/stories`;
-
-    this.users = new UserCollection();
-    this.users.url = `${this.url()}/users`;
-    this.users.project = this;
-
-    this.search = new StoryCollection();
-    this.search.url = `${this.url()}/stories`;
-    this.search.project = this;
-
-    this.iterations = [];
-  },
-
-  url: function() {
-    return '/projects/' + this.id;
-  },
-
-  // The ids of the columns, in the order that they appear by story weight
-  columnIds: ['#done', '#in_progress', '#backlog', '#chilly_bin', '#search_results', '#epic'],
-
-  // Return an array of the columns that appear after column, or an empty
-  // array if the column is the last
-  columnsAfter: function(column) {
-    var index = _.indexOf(this.columnIds, column);
-    if (index === -1) {
-      // column was not found in the array
-      throw column.toString() + ' is not a valid column';
-    }
-    return this.columnIds.slice(index + 1);
-  },
-
-  // Return an array of the columns that appear before column, or an empty
-  // array if the column is the first
-  columnsBefore: function(column) {
-    var index = _.indexOf(this.columnIds, column);
-    if (index === -1) {
-      // column was not found in the array
-      throw column.toString() + ' is not a valid column';
-    }
-    return this.columnIds.slice(0, index);
-  },
-
-  // This method is triggered when the last_changeset_id attribute is changed,
-  // which indicates there are changed or new stories on the server which need
-  // to be loaded.
-  updateChangesets: function() {
-    var from = this.previous('last_changeset_id');
-    if (_.isNull(from)) {
-      from = 0;
-    }
-    var to = this.get('last_changeset_id');
-    if (_.isNull(to)) {
-      to = 0;
-    }
-
-    var model = this;
-    var options = {
-      type: 'GET',
-      dataType: 'json',
-      success: function(resp) {
-        model.handleChangesets(resp);
-      },
-      data: {from: from, to: to},
-      url: this.url() + '/changesets'
-    };
-
-    $.ajax(options);
-  },
-
-  // (Re)load each of the stories described in the provided changesets.
-  handleChangesets: function(changesets) {
-    var that = this;
-
-    var story_ids = _.map(changesets, function(changeset) {
-      return changeset.changeset.story_id;
-    });
-    story_ids = _.uniq(story_ids);
-
-    _.each(story_ids, function(story_id) {
-      // FIXME - Feature envy on stories collection
-      var story = that.projectBoard.stories.get(story_id);
-      if (story) {
-        // This is an existing story on the collection, just reload it
-        story.fetch();
-      } else {
-        // This is a new story, which is present on the server but we don't
-        // have it locally yet.
-        that.projectBoard.stories.add({id: story_id});
-        story = that.projectBoard.stories.get(story_id);
-        story.fetch();
+const Project = Backbone.Model.extend(
+  {
+    defaults: {
+      default_velocity: 10,
+    },
+
+    name: 'project',
+
+    initialize: function (args) {
+      this.maybeUnwrap(args);
+
+      _.bindAll(this, 'updateChangesets');
+
+      this.on('change:last_changeset_id', this.updateChangesets, this);
+
+      this.projectBoard = new ProjectBoard({ project: this });
+      this.projectBoard.stories.url = `${this.url()}/stories`;
+
+      this.users = new UserCollection();
+      this.users.url = `${this.url()}/users`;
+      this.users.project = this;
+
+      this.search = new StoryCollection();
+      this.search.url = `${this.url()}/stories`;
+      this.search.project = this;
+
+      this.iterations = [];
+    },
+
+    url: function () {
+      return '/projects/' + this.id;
+    },
+
+    // The ids of the columns, in the order that they appear by story weight
+    columnIds: [
+      '#done',
+      '#in_progress',
+      '#backlog',
+      '#chilly_bin',
+      '#search_results',
+      '#epic',
+    ],
+
+    // Return an array of the columns that appear after column, or an empty
+    // array if the column is the last
+    columnsAfter: function (column) {
+      var index = _.indexOf(this.columnIds, column);
+      if (index === -1) {
+        // column was not found in the array
+        throw column.toString() + ' is not a valid column';
       }
-    });
-  },
-
-  milliseconds_in_a_day: 1000 * 60 * 60 * 24,
-
-  // Return the correct iteration number for a given date.
-  getIterationNumberForDate: function(compare_date) {
-    //var start_date = new Date(this.get('start_date'));
-    var start_date = this.startDate();
-    var difference = Math.abs(compare_date.getTime() - start_date.getTime());
-    var days_apart = Math.round(difference / this.milliseconds_in_a_day);
-    var days_in_iteration = this.get('iteration_length') * 7;
-    var iteration_number = Math.floor((days_apart / days_in_iteration) + 1);
-
-    return iteration_number;
-  },
-
-  getDateForIterationNumber: function(iteration_number) {
-    // The difference betweeen the start date in days.  Iteration length is
-    // in weeks.
-    var difference = (7 * this.get('iteration_length')) * (iteration_number - 1);
-    var start_date = this.startDate();
-    var iteration_date = new Date(start_date);
-
-    iteration_date.setDate(start_date.getDate() + difference);
-    return iteration_date;
-  },
-
-  currentIterationNumber: function() {
-    return this.getIterationNumberForDate(this.today());
-  },
-
-  today: function() {
-    var today = new Date();
-    today.setHours(0,0,0,0);
-    return today;
-  },
-
-  startDate: function() {
-
-    var start_date;
-    if (this.get('start_date')) {
-      // Parse the date string into an array of [YYYY, MM, DD] to
-      // ensure identical date behaviour across browsers.
-      var dateArray = this.get('start_date').split('/');
-      var year = parseInt(dateArray[0], 10);
-      // Month is zero indexed
-      var month = parseInt(dateArray[1], 10) - 1;
-      var day = parseInt(dateArray[2], 10);
-
-      start_date = new Date(year, month, day);
-    } else {
-      start_date = this.today();
-    }
-
-    // Is the specified project start date the same week day as the iteration
-    // start day?
-    if (start_date.getDay() === this.get('iteration_start_day')) {
-      return start_date;
-    } else {
-      // Calculate the date of the nearest prior iteration start day to the
-      // specified project start date.  So if the iteration start day is
-      // set to Monday, but the project start date is set to a specific
-      // Thursday, return the Monday before the Thursday.  A greater
-      // mathemtician than I could probably do this with the modulo.
-      var day_difference = start_date.getDay() - this.get('iteration_start_day');
-
-      // The iteration start day is after the project start date, in terms of
-      // day number
-      if (day_difference < 0) {
-        day_difference = day_difference + 7;
+      return this.columnIds.slice(index + 1);
+    },
+
+    // Return an array of the columns that appear before column, or an empty
+    // array if the column is the first
+    columnsBefore: function (column) {
+      var index = _.indexOf(this.columnIds, column);
+      if (index === -1) {
+        // column was not found in the array
+        throw column.toString() + ' is not a valid column';
       }
-      return new Date(start_date - day_difference * this.milliseconds_in_a_day);
-    }
-  },
-
-  // Override the calculated velocity with a user defined value.  If this
-  // value is different to the calculated velocity, the velocityIsFake
-  // attribute will be set to true.
-  velocity: function(userVelocity) {
-    if(!_.isUndefined(userVelocity)) {
-
-      if(userVelocity < 1) {
-        userVelocity = 1;
+      return this.columnIds.slice(0, index);
+    },
+
+    // This method is triggered when the last_changeset_id attribute is changed,
+    // which indicates there are changed or new stories on the server which need
+    // to be loaded.
+    updateChangesets: function () {
+      var from = this.previous('last_changeset_id');
+      if (_.isNull(from)) {
+        from = 0;
+      }
+      var to = this.get('last_changeset_id');
+      if (_.isNull(to)) {
+        to = 0;
       }
 
-      if(userVelocity === this.calculateVelocity()) {
-        this.unset('userVelocity');
+      var model = this;
+      var options = {
+        type: 'GET',
+        dataType: 'json',
+        success: function (resp) {
+          model.handleChangesets(resp);
+        },
+        data: { from: from, to: to },
+        url: this.url() + '/changesets',
+      };
+
+      $.ajax(options);
+    },
+
+    // (Re)load each of the stories described in the provided changesets.
+    handleChangesets: function (changesets) {
+      var that = this;
+
+      var story_ids = _.map(changesets, function (changeset) {
+        return changeset.changeset.story_id;
+      });
+      story_ids = _.uniq(story_ids);
+
+      _.each(story_ids, function (story_id) {
+        // FIXME - Feature envy on stories collection
+        var story = that.projectBoard.stories.get(story_id);
+        if (story) {
+          // This is an existing story on the collection, just reload it
+          story.fetch();
+        } else {
+          // This is a new story, which is present on the server but we don't
+          // have it locally yet.
+          that.projectBoard.stories.add({ id: story_id });
+          story = that.projectBoard.stories.get(story_id);
+          story.fetch();
+        }
+      });
+    },
+
+    milliseconds_in_a_day: 1000 * 60 * 60 * 24,
+
+    // Return the correct iteration number for a given date.
+    getIterationNumberForDate: function (compare_date) {
+      //var start_date = new Date(this.get('start_date'));
+      var start_date = this.startDate();
+      var difference = Math.abs(compare_date.getTime() - start_date.getTime());
+      var days_apart = Math.round(difference / this.milliseconds_in_a_day);
+      var days_in_iteration = this.get('iteration_length') * 7;
+      var iteration_number = Math.floor(days_apart / days_in_iteration + 1);
+
+      return iteration_number;
+    },
+
+    getDateForIterationNumber: function (iteration_number) {
+      // The difference betweeen the start date in days.  Iteration length is
+      // in weeks.
+      var difference =
+        7 * this.get('iteration_length') * (iteration_number - 1);
+      var start_date = this.startDate();
+      var iteration_date = new Date(start_date);
+
+      iteration_date.setDate(start_date.getDate() + difference);
+      return iteration_date;
+    },
+
+    currentIterationNumber: function () {
+      return this.getIterationNumberForDate(this.today());
+    },
+
+    today: function () {
+      var today = new Date();
+      today.setHours(0, 0, 0, 0);
+      return today;
+    },
+
+    startDate: function () {
+      var start_date;
+      if (this.get('start_date')) {
+        // Parse the date string into an array of [YYYY, MM, DD] to
+        // ensure identical date behaviour across browsers.
+        var dateArray = this.get('start_date').split('/');
+        var year = parseInt(dateArray[0], 10);
+        // Month is zero indexed
+        var month = parseInt(dateArray[1], 10) - 1;
+        var day = parseInt(dateArray[2], 10);
+
+        start_date = new Date(year, month, day);
       } else {
-        this.set({userVelocity: userVelocity});
+        start_date = this.today();
       }
-    }
-    if(this.get('userVelocity')) {
-      return this.get('userVelocity');
-    } else {
-      return this.calculateVelocity();
-    }
-  },
 
-  velocityIsFake: function() {
-    return (!_.isUndefined(this.get('userVelocity')));
-  },
-
-  calculateVelocity: function() {
-    if (this.doneIterations().length === 0) {
-      return this.get('default_velocity');
-    } else {
-      // TODO Make number of iterations configurable
-      var numIterations = 3;
-      var doneIterations = this.doneIterations();
-      var iterations = _.last(doneIterations, numIterations);
-
-      var velocity = 1;
-      var pointsArray = _.invoke(iterations, 'points');
-
-      if (pointsArray.length > 0) {
-        var sum = _.reduce(pointsArray, function(memo, points) {
-          return memo + points;
-        }, 0);
-
-        velocity = Math.floor(sum / pointsArray.length);
+      // Is the specified project start date the same week day as the iteration
+      // start day?
+      if (start_date.getDay() === this.get('iteration_start_day')) {
+        return start_date;
+      } else {
+        // Calculate the date of the nearest prior iteration start day to the
+        // specified project start date.  So if the iteration start day is
+        // set to Monday, but the project start date is set to a specific
+        // Thursday, return the Monday before the Thursday.  A greater
+        // mathemtician than I could probably do this with the modulo.
+        var day_difference =
+          start_date.getDay() - this.get('iteration_start_day');
+
+        // The iteration start day is after the project start date, in terms of
+        // day number
+        if (day_difference < 0) {
+          day_difference = day_difference + 7;
+        }
+        return new Date(
+          start_date - day_difference * this.milliseconds_in_a_day
+        );
       }
-
-      return velocity < 1 ? 1 : velocity;
-    }
-  },
-
-  revertVelocity: function() {
-    this.unset('userVelocity');
-  },
-
-  doneIterations: function() {
-    return _.select(this.iterations, function(iteration) {
-      return iteration.get('column') === "#done";
-    });
-  },
-
-  rebuildIterations: function() {
-
-    //
-    // Done column
-    //
-    var that = this;
-
-    // Clear the project iterations
-    this.iterations = [];
-
-    // Reset all story column values.  Required as the story.column values
-    // may have been changed from their default values by a prior run of
-    // this method.
-    this.projectBoard.stories.invoke('setColumn');
-
-    this.projectBoard.pastIterations.forEach((iteration) => {
-      that.appendIteration(iteration, '#done');
-    });
-
-    var currentIteration = new Iteration({
-      'number': this.currentIterationNumber(),
-      'stories': this.projectBoard.stories.column('#in_progress'),
-      'maximum_points': this.velocity(), 'column': '#in_progress'
-    });
-    this.appendIteration(currentIteration, '#done');
-
-    //
-    // Backlog column
-    //
-    var backlogIteration = new Iteration({
-      'number': currentIteration.get('number') + 1,
-      'column': '#backlog', 'maximum_points': this.velocity()
-    });
-    this.appendIteration(backlogIteration, '#backlog');
-
-
-    _.each(this.projectBoard.stories.column('#backlog'), function(story) {
-
-      // The in progress iteration usually needs to be filled with the first
-      // few stories from the backlog, unless the points total of the stories
-      // in progress already equal or exceed the project velocity
-      if (currentIteration.canTakeStory(story)) {
-
-        // On initialisation, a stories column is determined based on the
-        // story state.  For unstarted stories this defaults to #backlog.
-        // Stories matched here need this value overridden to #in_progress
-        story.column = '#in_progress';
-
-        currentIteration.get('stories').push(story);
-        return;
+    },
+
+    // Override the calculated velocity with a user defined value.  If this
+    // value is different to the calculated velocity, the velocityIsFake
+    // attribute will be set to true.
+    velocity: function (userVelocity) {
+      if (!_.isUndefined(userVelocity)) {
+        if (userVelocity < 1) {
+          userVelocity = 1;
+        }
+
+        if (userVelocity === this.calculateVelocity()) {
+          this.unset('userVelocity');
+        } else {
+          this.set({ userVelocity: userVelocity });
+        }
       }
-
-      if (!backlogIteration.canTakeStory(story)) {
-
-        // Iterations sometimes 'overflow', i.e. an iteration may contain a
-        // 5 point story but the project velocity is 1.  In this case, the
-        // next iteration that can have a story added is the current + 4.
-        var nextNumber = backlogIteration.get('number') + 1 + Math.ceil(backlogIteration.overflowsBy() / that.velocity());
-
-        backlogIteration = new Iteration({
-          'number': nextNumber, 'column': '#backlog',
-          'maximum_points': that.velocity()
-        });
-
-        that.appendIteration(backlogIteration, '#backlog');
+      if (this.get('userVelocity')) {
+        return this.get('userVelocity');
+      } else {
+        return this.calculateVelocity();
       }
+    },
 
-      backlogIteration.get('stories').push(story);
-    });
-
-    _.each(this.iterations, function(iteration) {
-      iteration.project = that;
-    });
+    velocityIsFake: function () {
+      return !_.isUndefined(this.get('userVelocity'));
+    },
 
-    this.trigger('rebuilt-iterations');
-  },
-
-  // Adds an iteration to the project.  Creates empty iterations to fill any
-  // gaps between the iteration number and the last iteration number added.
-  appendIteration: function(iteration, columnForMissingIterations) {
-
-    var lastIteration = _.last(this.iterations);
-
-    // If there is a gap between the last iteration and this one, fill
-    // the gap with empty iterations
-    this.iterations = this.iterations.concat(
-      Iteration.createMissingIterations(columnForMissingIterations, lastIteration, iteration)
-    );
-
-    this.iterations.push(iteration);
+    calculateVelocity: function () {
+      if (this.doneIterations().length === 0) {
+        return this.get('default_velocity');
+      } else {
+        // TODO Make number of iterations configurable
+        var numIterations = 3;
+        var doneIterations = this.doneIterations();
+        var iterations = _.last(doneIterations, numIterations);
+
+        var velocity = 1;
+        var pointsArray = _.invoke(iterations, 'points');
+
+        if (pointsArray.length > 0) {
+          var sum = _.reduce(
+            pointsArray,
+            function (memo, points) {
+              return memo + points;
+            },
+            0
+          );
+
+          velocity = Math.floor(sum / pointsArray.length);
+        }
+
+        return velocity < 1 ? 1 : velocity;
+      }
+    },
+
+    revertVelocity: function () {
+      this.unset('userVelocity');
+    },
+
+    doneIterations: function () {
+      return _.select(this.iterations, function (iteration) {
+        return iteration.get('column') === '#done';
+      });
+    },
+
+    rebuildIterations: function () {
+      //
+      // Done column
+      //
+      var that = this;
+
+      // Clear the project iterations
+      this.iterations = [];
+
+      // Reset all story column values.  Required as the story.column values
+      // may have been changed from their default values by a prior run of
+      // this method.
+      this.projectBoard.stories.invoke('setColumn');
+
+      this.projectBoard.pastIterations.forEach(iteration => {
+        that.appendIteration(iteration, '#done');
+      });
+
+      var currentIteration = new Iteration({
+        number: this.currentIterationNumber(),
+        stories: this.projectBoard.stories.column('#in_progress'),
+        maximum_points: this.velocity(),
+        column: '#in_progress',
+      });
+      this.appendIteration(currentIteration, '#done');
+
+      //
+      // Backlog column
+      //
+      var backlogIteration = new Iteration({
+        number: currentIteration.get('number') + 1,
+        column: '#backlog',
+        maximum_points: this.velocity(),
+      });
+      this.appendIteration(backlogIteration, '#backlog');
+
+      _.each(this.projectBoard.stories.column('#backlog'), function (story) {
+        // The in progress iteration usually needs to be filled with the first
+        // few stories from the backlog, unless the points total of the stories
+        // in progress already equal or exceed the project velocity
+        if (currentIteration.canTakeStory(story)) {
+          // On initialisation, a stories column is determined based on the
+          // story state.  For unstarted stories this defaults to #backlog.
+          // Stories matched here need this value overridden to #in_progress
+          story.column = '#in_progress';
+
+          currentIteration.get('stories').push(story);
+          return;
+        }
+
+        if (!backlogIteration.canTakeStory(story)) {
+          // Iterations sometimes 'overflow', i.e. an iteration may contain a
+          // 5 point story but the project velocity is 1.  In this case, the
+          // next iteration that can have a story added is the current + 4.
+          var nextNumber =
+            backlogIteration.get('number') +
+            1 +
+            Math.ceil(backlogIteration.overflowsBy() / that.velocity());
+
+          backlogIteration = new Iteration({
+            number: nextNumber,
+            column: '#backlog',
+            maximum_points: that.velocity(),
+          });
+
+          that.appendIteration(backlogIteration, '#backlog');
+        }
+
+        backlogIteration.get('stories').push(story);
+      });
+
+      _.each(this.iterations, function (iteration) {
+        iteration.project = that;
+      });
+
+      this.trigger('rebuilt-iterations');
+    },
+
+    // Adds an iteration to the project.  Creates empty iterations to fill any
+    // gaps between the iteration number and the last iteration number added.
+    appendIteration: function (iteration, columnForMissingIterations) {
+      var lastIteration = _.last(this.iterations);
+
+      // If there is a gap between the last iteration and this one, fill
+      // the gap with empty iterations
+      this.iterations = this.iterations.concat(
+        Iteration.createMissingIterations(
+          columnForMissingIterations,
+          lastIteration,
+          iteration
+        )
+      );
+
+      this.iterations.push(iteration);
+    },
+
+    toggleStoryFlow: function () {
+      var defaultFlow = this.get('default_flow');
+      var nextValue =
+        this.get('current_flow') === defaultFlow
+          ? 'progress_to_right' // alternative story flow
+          : defaultFlow;
+
+      this.set('current_flow', nextValue);
+      Cookies.set('current_flow', nextValue, { expires: 365 });
+    },
   },
-
-  toggleStoryFlow: function () {
-    var defaultFlow = this.get('default_flow');
-    var nextValue = (this.get('current_flow') === defaultFlow)
-      ? 'progress_to_right' // alternative story flow
-      : defaultFlow;
-
-    this.set('current_flow', nextValue);
-    Cookies.set('current_flow', nextValue, {expires: 365});
+  {
+    filters: ['not_archived', 'archived', 'all_projects'],
   }
-},{
-  filters: ['not_archived', 'archived', 'all_projects'],
-});
+);
 
 export default Project;
diff --git a/app/assets/javascripts/models/projectBoard.js b/app/assets/javascripts/models/projectBoard.js
index 85082f1de..737ef60fe 100644
--- a/app/assets/javascripts/models/projectBoard.js
+++ b/app/assets/javascripts/models/projectBoard.js
@@ -11,17 +11,19 @@ class ProjectBoard {
 
   fetch() {
     const that = this;
-    return $.ajax(`/project_boards/${this.project.get('id')}`)
-      .then((data) => {
-        that.stories.reset(data.active_stories);
-        that.pastIterations = data.past_iterations.map(past_iteration => new PastIteration({
-          startDate: past_iteration.start_date,
-          endDate: past_iteration.end_date,
-          points: past_iteration.points,
-          iterationNumber: past_iteration.iteration_number,
-          project: that.project
-        }));
-      });
+    return $.ajax(`/project_boards/${this.project.get('id')}`).then(data => {
+      that.stories.reset(data.active_stories);
+      that.pastIterations = data.past_iterations.map(
+        past_iteration =>
+          new PastIteration({
+            startDate: past_iteration.start_date,
+            endDate: past_iteration.end_date,
+            points: past_iteration.points,
+            iterationNumber: past_iteration.iteration_number,
+            project: that.project,
+          })
+      );
+    });
   }
 }
 
diff --git a/app/assets/javascripts/models/story.js b/app/assets/javascripts/models/story.js
index 5ee151f44..eecb5ae34 100644
--- a/app/assets/javascripts/models/story.js
+++ b/app/assets/javascripts/models/story.js
@@ -1,33 +1,33 @@
-import ActivityCollection from "../collections/activity_collection";
-import NoteCollection from "../collections/note_collection";
-import TaskCollection from "../collections/task_collection";
-import SharedModelMethods from "../mixins/shared_model_methods";
+import ActivityCollection from '../collections/activity_collection';
+import NoteCollection from '../collections/note_collection';
+import TaskCollection from '../collections/task_collection';
+import SharedModelMethods from '../mixins/shared_model_methods';
 
 const Story = Backbone.Model.extend({
   defaults: {
     events: [],
-    state: "unscheduled",
-    story_type: "feature",
+    state: 'unscheduled',
+    story_type: 'feature',
     isVisible: true,
   },
 
-  name: "story",
+  name: 'story',
 
-  i18nScope: "activerecord.attributes.story",
+  i18nScope: 'activerecord.attributes.story',
 
-  timestampFormat: "d mmm yyyy, h:MMtt",
+  timestampFormat: 'd mmm yyyy, h:MMtt',
 
   isReadonly: false,
 
   initialize: function (args) {
-    _.bindAll(this, "changeState", "populateNotes", "populateTasks");
+    _.bindAll(this, 'changeState', 'populateNotes', 'populateTasks');
 
     this.views = [];
     this.clickFromSearchResult = false;
 
-    this.on("change:state", this.changeState, this);
-    this.on("change:notes", this.populateNotes, this);
-    this.on("change:tasks", this.populateTasks, this);
+    this.on('change:state', this.changeState, this);
+    this.on('change:notes', this.populateNotes, this);
+    this.on('change:tasks', this.populateTasks, this);
 
     // FIXME Call super()?
     this.maybeUnwrap(args);
@@ -42,11 +42,11 @@ const Story = Backbone.Model.extend({
 
   setReadonly: function () {
     var accepted =
-      this.get("state") === "accepted" && this.get("accepted_at") !== undefined;
+      this.get('state') === 'accepted' && this.get('accepted_at') !== undefined;
     var isGuest =
       this.collection !== undefined &&
       this.collection.project.current_user !== undefined &&
-      this.collection.project.current_user.get("guest?");
+      this.collection.project.current_user.get('guest?');
 
     if (isGuest || accepted) {
       this.isReadonly = true;
@@ -54,7 +54,7 @@ const Story = Backbone.Model.extend({
   },
 
   changeState: function (model, newValue) {
-    if (newValue === "started") {
+    if (newValue === 'started') {
       model.set(
         { owned_by_id: model.collection.project.current_user.id },
         true
@@ -79,7 +79,7 @@ const Story = Backbone.Model.extend({
     var before = this.collection.get(beforeId);
     var after = this.collection.nextOnColumn(before);
     var afterPosition;
-    if (typeof after === "undefined") {
+    if (typeof after === 'undefined') {
       afterPosition = before.position() + 2;
     } else {
       afterPosition = after.position();
@@ -95,7 +95,7 @@ const Story = Backbone.Model.extend({
     var after = this.collection.get(afterId);
     var before = this.collection.previousOnColumn(after);
     var beforePosition;
-    if (typeof before === "undefined") {
+    if (typeof before === 'undefined') {
       beforePosition = 0.0;
     } else {
       beforePosition = before.position();
@@ -115,25 +115,25 @@ const Story = Backbone.Model.extend({
   },
 
   setColumn: function () {
-    var column = "#in_progress";
+    var column = '#in_progress';
 
-    switch (this.get("state")) {
-      case "unscheduled":
-        column = "#chilly_bin";
+    switch (this.get('state')) {
+      case 'unscheduled':
+        column = '#chilly_bin';
         break;
-      case "unstarted":
-        column = "#backlog";
+      case 'unstarted':
+        column = '#backlog';
         break;
-      case "accepted":
+      case 'accepted':
         // Accepted stories remain in the in progress column if they were
         // completed within the current iteration.
         if (
           this.collection.project.currentIterationNumber() ===
           this.iterationNumber()
         ) {
-          column = "#in_progress";
+          column = '#in_progress';
         } else {
-          column = "#done";
+          column = '#done';
         }
         break;
     }
@@ -149,7 +149,7 @@ const Story = Backbone.Model.extend({
   },
 
   estimable: function () {
-    if (this.get("story_type") === "feature") {
+    if (this.get('story_type') === 'feature') {
       return !this.estimated();
     } else {
       return false;
@@ -157,70 +157,70 @@ const Story = Backbone.Model.extend({
   },
 
   estimated: function () {
-    var estimate = this.get("estimate");
+    var estimate = this.get('estimate');
     return !(_.isUndefined(estimate) || _.isNull(estimate));
   },
 
   notEstimable: function () {
-    var storyType = this.get("story_type");
-    return storyType !== "feature";
+    var storyType = this.get('story_type');
+    return storyType !== 'feature';
   },
 
   point_values: function () {
-    return this.collection.project.get("point_values");
+    return this.collection.project.get('point_values');
   },
 
   // List available state transitions for this story
   events: function () {
-    switch (this.get("state")) {
-      case "started":
-        return ["finish"];
-      case "finished":
-        return ["deliver"];
-      case "delivered":
-        return ["accept", "reject"];
-      case "rejected":
-        return ["restart"];
-      case "accepted":
+    switch (this.get('state')) {
+      case 'started':
+        return ['finish'];
+      case 'finished':
+        return ['deliver'];
+      case 'delivered':
+        return ['accept', 'reject'];
+      case 'rejected':
+        return ['restart'];
+      case 'accepted':
         return [];
       default:
-        return ["start"];
+        return ['start'];
     }
   },
 
   // State machine transitions
   start: function () {
-    this.set({ state: "started" });
+    this.set({ state: 'started' });
   },
 
   finish: function () {
-    this.set({ state: "finished" });
+    this.set({ state: 'finished' });
   },
 
   deliver: function () {
-    this.set({ state: "delivered" });
+    this.set({ state: 'delivered' });
   },
 
   accept: function () {
-    this.set({ state: "accepted" });
+    this.set({ state: 'accepted' });
   },
 
   reject: function () {
-    this.set({ state: "rejected" });
+    this.set({ state: 'rejected' });
   },
 
   restart: function () {
-    this.set({ state: "started" });
+    this.set({ state: 'started' });
   },
 
   position: function () {
-    return parseFloat(this.get("position"));
+    return parseFloat(this.get('position'));
   },
 
   className: function () {
-    var className = "story " + this.get("story_type");
+    var className = 'story ' + this.get('story_type');
     if (this.estimable() && !this.estimated()) {
-      className += " unestimated";
+      className += ' unestimated';
     }
     return className;
   },
@@ -228,24 +228,24 @@ const Story = Backbone.Model.extend({
   // Returns the user that owns this Story, or undefined if no user owns
   // the Story
   owned_by: function () {
-    return this.collection.project.users.get(this.get("owned_by_id"));
+    return this.collection.project.users.get(this.get('owned_by_id'));
   },
 
   requested_by: function () {
-    return this.collection.project.users.get(this.get("requested_by_id"));
+    return this.collection.project.users.get(this.get('requested_by_id'));
   },
 
   created_at: function () {
-    var d = new Date(this.get("created_at"));
+    var d = new Date(this.get('created_at'));
     return d.format(this.timestampFormat);
   },
 
   hasDetails: function () {
-    return _.isString(this.get("description")) || this.hasNotes();
+    return _.isString(this.get('description')) || this.hasNotes();
   },
 
   iterationNumber: function () {
-    if (this.get("state") === "accepted") {
+    if (this.get('state') === 'accepted') {
       return this.collection.project.getIterationNumberForDate(
         this.acceptedAtBeginningOfDay()
       );
@@ -253,7 +253,7 @@ const Story = Backbone.Model.extend({
   },
 
   acceptedAtBeginningOfDay: function () {
-    var accepted_at = this.get("accepted_at");
+    var accepted_at = this.get('accepted_at');
     if (!_.isUndefined(accepted_at)) {
       accepted_at = new Date(accepted_at);
       accepted_at.setHours(0);
@@ -267,7 +267,7 @@ const Story = Backbone.Model.extend({
   // If the story state is 'accepted', and the 'accepted_at' attribute is not
   // set, set it to today's date.
   setAcceptedAt: function () {
-    if (this.get("state") === "accepted" && !this.get("accepted_at")) {
+    if (this.get('state') === 'accepted' && !this.get('accepted_at')) {
       var today = new Date();
       today.setHours(0);
       today.setMinutes(0);
@@ -278,10 +278,10 @@ const Story = Backbone.Model.extend({
   },
 
   labels: function () {
-    if (!_.isString(this.get("labels"))) {
+    if (!_.isString(this.get('labels'))) {
       return [];
     }
-    return _.map(this.get("labels").split(","), function (label) {
+    return _.map(this.get('labels').split(','), function (label) {
       return $.trim(label);
     });
   },
@@ -295,7 +295,7 @@ const Story = Backbone.Model.extend({
 
   // Resets this stories notes collection
   populateNotes: function () {
-    var notes = this.get("notes") || [];
+    var notes = this.get('notes') || [];
     this.notes.reset(notes);
   },
 
@@ -314,7 +314,7 @@ const Story = Backbone.Model.extend({
   },
 
   populateTasks: function () {
-    var tasks = this.get("tasks") || [];
+    var tasks = this.get('tasks') || [];
     this.tasks.reset(tasks);
   },
 
diff --git a/app/assets/javascripts/models/task.js b/app/assets/javascripts/models/task.js
index 0ba771375..2557d3ba1 100644
--- a/app/assets/javascripts/models/task.js
+++ b/app/assets/javascripts/models/task.js
@@ -2,7 +2,7 @@ import SharedModelMethods from '../mixins/shared_model_methods';
 
 const Task = Backbone.Model.extend({
   defaults: {
-    done: false
+    done: false,
   },
 
   name: 'task',
@@ -11,13 +11,12 @@ const Task = Backbone.Model.extend({
 
   isReadonly: false,
 
-  sync: function(method, model, options) {
-    if( model.isReadonly ) {
+  sync: function (method, model, options) {
+    if (model.isReadonly) {
       return true;
     }
     return Backbone.sync(method, model, options);
-  }
-
+  },
 });
 
 _.defaults(Task.prototype, SharedModelMethods);
diff --git a/app/assets/javascripts/models/tour.js b/app/assets/javascripts/models/tour.js
index 4e4251d2d..21b1a2add 100644
--- a/app/assets/javascripts/models/tour.js
+++ b/app/assets/javascripts/models/tour.js
@@ -8,8 +8,8 @@ export default class Tour {
     this.shepherd = new Shepherd.Tour({
       defaults: {
         classes: 'shepherd-theme-arrows',
-        scrollTo: false
-      }
+        scrollTo: false,
+      },
     });
   }
 
@@ -35,15 +35,15 @@ export default class Tour {
 
     const data = {
       user: {
-        finished_tour: this.user.get('finished_tour')
-      }
+        finished_tour: this.user.get('finished_tour'),
+      },
     };
 
     const options = {
       type: 'PUT',
       dataType: 'json',
       data: data,
-      url: `/users/${this.user.get('id')}/tour`
+      url: `/users/${this.user.get('id')}/tour`,
     };
 
     return $.ajax(options);
diff --git a/app/assets/javascripts/models/user.js b/app/assets/javascripts/models/user.js
index 8faa09327..b39d4df75 100644
--- a/app/assets/javascripts/models/user.js
+++ b/app/assets/javascripts/models/user.js
@@ -1,27 +1,29 @@
-const User = Backbone.Model.extend({
-  defaults: {},
+const User = Backbone.Model.extend(
+  {
+    defaults: {},
 
-  name: 'user',
+    name: 'user',
 
-  url: function() {
-    return `/users/${this.id}`;
-  }
-}, {
-  getCurrent: function(callback) {
-    const options = {
-      type: 'GET',
-      dataType: 'json',
-      url: '/users/current'
-    };
+    url: function () {
+      return `/users/${this.id}`;
+    },
+  },
+  {
+    getCurrent: function (callback) {
+      const options = {
+        type: 'GET',
+        dataType: 'json',
+        url: '/users/current',
+      };
 
-    return $.ajax(options)
-      .then(function(data) {
+      return $.ajax(options).then(function (data) {
         const user = new User(data);
 
         user.attributes.tour_steps = JSON.parse(user.attributes.tour_steps);
         return user;
       });
+    },
   }
-});
+);
 
 export default User;
diff --git a/app/assets/javascripts/pusherSockets.js b/app/assets/javascripts/pusherSockets.js
index e288c708d..43545fb05 100644
--- a/app/assets/javascripts/pusherSockets.js
+++ b/app/assets/javascripts/pusherSockets.js
@@ -7,11 +7,7 @@ const matchPusherUrl = url => {
 
 export const subscribeToProjectChanges = (project, callback) => {
   const pusherUrl = import.meta.env.VITE_PUSHER_SOCKET_URL || '';
-  const [
-    _,
-    pusherCluster,
-    pusherApiKey
-  ] = matchPusherUrl(pusherUrl) || [];
+  const [_, pusherCluster, pusherApiKey] = matchPusherUrl(pusherUrl) || [];
 
   if (!pusherApiKey || !pusherCluster) {
     setInterval(callback, 10 * 1000); // every 10 seconds
@@ -31,18 +27,18 @@ export const subscribeToProjectChanges = (project, callback) => {
 
 const getProjectSocket = (apiKey, apiCluster) => {
   try {
-    return (window._railsEnv === "production")
+    return window._railsEnv === 'production'
       ? new Pusher(apiKey, {
-        cluster: apiCluster,
-        encrypted: true
-      })
-      : new Pusher(apiKey,{
-        cluster: apiCluster,
-        wsHost: import.meta.env.VITE_PUSHER_WS_HOST,
-        wsPort: import.meta.env.VITE_PUSHER_WS_PORT,
-        encrypted: false,
-        disableStats: true
-      })
+          cluster: apiCluster,
+          encrypted: true,
+        })
+      : new Pusher(apiKey, {
+          cluster: apiCluster,
+          wsHost: import.meta.env.VITE_PUSHER_WS_HOST,
+          wsPort: import.meta.env.VITE_PUSHER_WS_PORT,
+          encrypted: false,
+          disableStats: true,
+        });
   } catch (error) {
     console.error(error);
     return;
diff --git a/app/assets/javascripts/reducers/history.js b/app/assets/javascripts/reducers/history.js
index 1afe2f382..c494e4627 100644
--- a/app/assets/javascripts/reducers/history.js
+++ b/app/assets/javascripts/reducers/history.js
@@ -4,23 +4,30 @@ import { historyStatus } from '../libs/beta/constants';
 const initialState = {
   status: historyStatus.DISABLED,
   activities: null,
-  storyTitle: null
+  storyTitle: null,
 };
 
 const historyReducer = (state = initialState, action) => {
   switch (action.type) {
     case actionTypes.CLOSE_HISTORY:
-      return initialState
+      return initialState;
     case actionTypes.LOAD_HISTORY:
-      return { ...state, storyTitle: action.title, status: historyStatus.LOADING }
+      return {
+        ...state,
+        storyTitle: action.title,
+        status: historyStatus.LOADING,
+      };
     case actionTypes.RECEIVE_HISTORY_ERROR:
-      return { ...state, status: historyStatus.FAILED }
+      return { ...state, status: historyStatus.FAILED };
     case actionTypes.RECEIVE_HISTORY:
-      return { ...state, activities: action.activities, status: historyStatus.LOADED }
+      return {
+        ...state,
+        activities: action.activities,
+        status: historyStatus.LOADED,
+      };
     default:
       return state;
   }
 };
 
 export default historyReducer;
-
diff --git a/app/assets/javascripts/reducers/notifications.js b/app/assets/javascripts/reducers/notifications.js
index 2c1cad8f6..40d2e96b8 100644
--- a/app/assets/javascripts/reducers/notifications.js
+++ b/app/assets/javascripts/reducers/notifications.js
@@ -11,7 +11,7 @@ const notificationsReducer = (state = initialState, action) => {
       return Notification.removeNotification(state, action.id);
     default:
       return state;
-  };
+  }
 };
 
 export default notificationsReducer;
diff --git a/app/assets/javascripts/reducers/pastIterations.js b/app/assets/javascripts/reducers/pastIterations.js
index 2496e76bc..dea876852 100644
--- a/app/assets/javascripts/reducers/pastIterations.js
+++ b/app/assets/javascripts/reducers/pastIterations.js
@@ -1,4 +1,4 @@
-import actionTypes from "actions/actionTypes";
+import actionTypes from 'actions/actionTypes';
 
 const initialState = {};
 
@@ -6,7 +6,7 @@ const pastIterationsReducer = (state = initialState, action) => {
   switch (action.type) {
     case actionTypes.RECEIVE_PAST_ITERATIONS:
       return normalizePastIterations(
-        action.data.map((iteration) => {
+        action.data.map(iteration => {
           const currentState =
             state.pastIterations?.byId[iteration.iterationNumber];
 
@@ -55,7 +55,7 @@ const pastIterationsReducer = (state = initialState, action) => {
               ...state.pastIterations.byId[action.iterationNumber],
               fetched: true,
               isFetching: false,
-              storyIds: action.stories.map((story) => story.id),
+              storyIds: action.stories.map(story => story.id),
             },
           },
         },
@@ -81,7 +81,7 @@ const pastIterationsReducer = (state = initialState, action) => {
   }
 };
 
-const normalizePastIterations = (pastIterations) => {
+const normalizePastIterations = pastIterations => {
   return pastIterations.reduce(
     (acc, pastIteration) => {
       const pastIterationId = pastIteration.iterationNumber;
@@ -100,7 +100,7 @@ const normalizePastIterations = (pastIterations) => {
   );
 };
 
-export const denormalizePastIterations = (pastIterations) => {
+export const denormalizePastIterations = pastIterations => {
   const normalizedPastIterations = pastIterations?.pastIterations;
 
   if (
@@ -111,7 +111,7 @@ export const denormalizePastIterations = (pastIterations) => {
   }
 
   const denormalizedPastIterations = normalizedPastIterations.allIds.map(
-    (iterationId) => {
+    iterationId => {
       return normalizedPastIterations.byId[iterationId];
     }
   );
diff --git a/app/assets/javascripts/reducers/project.js b/app/assets/javascripts/reducers/project.js
index ad654ee0c..bf7b9d358 100644
--- a/app/assets/javascripts/reducers/project.js
+++ b/app/assets/javascripts/reducers/project.js
@@ -10,12 +10,18 @@ const projectReducer = (state = initialState, action) => {
     case actionTypes.ADD_LABEL_TO_PROJECT:
       return Project.addLabel(state, action.label);
     case actionTypes.REVERT_TO_CALCULATED_VELOCITY:
-      return  {...state, currentSprintVelocity: state.calculatedSprintVelocity};
+      return {
+        ...state,
+        currentSprintVelocity: state.calculatedSprintVelocity,
+      };
     case actionTypes.SIMULATE_SPRINT_VELOCITY:
-      return  {...state, currentSprintVelocity: action.simulatedSprintVelocity};
+      return {
+        ...state,
+        currentSprintVelocity: action.simulatedSprintVelocity,
+      };
     default:
       return state;
-  };
+  }
 };
 
 export default projectReducer;
diff --git a/app/assets/javascripts/reducers/projectBoard.js b/app/assets/javascripts/reducers/projectBoard.js
index e093e80cf..d53d0a460 100644
--- a/app/assets/javascripts/reducers/projectBoard.js
+++ b/app/assets/javascripts/reducers/projectBoard.js
@@ -5,76 +5,76 @@ const initialState = {
   isInitialLoading: true,
   error: null,
   search: {
-    loading: false
+    loading: false,
   },
   reverse: false,
   visibleColumns: {
     chillyBin: true,
     backlog: true,
     done: true,
-  }
+  },
 };
 
 const projectBoardReducer = (state = initialState, action) => {
-  switch(action.type) {
-  case actionTypes.REQUEST_PROJECT_BOARD:
-    return {
-      ...state,
-      isFetched: false,
-      isInitialLoading: state.isInitialLoading,
-      error: null
-    };
-  case actionTypes.RECEIVE_PROJECT_BOARD:
-    return {
-      ...state,
-      projectId: action.data,
-      isFetched: true,
-      isInitialLoading: false
-    };
-  case actionTypes.ERROR_REQUEST_PROJECT_BOARD:
-    return {
-      ...state,
-      error: action.error
-    };
-  case actionTypes.SEARCH_STORIES_SUCCESS:
-    return {
-      ...state,
-      search: {
-        ...state.search,
-        keyWord: action.keyWord
-      }
-    }
-  case actionTypes.CLOSE_SEARCH:
-    return {
-      ...state,
-      search: {
-        ...state.search,
-        keyWord: ''
-      },
-    }
-  case actionTypes.LOADING_SEARCH:
-    return {
-      ...state,
-      search: {
-        ...state.search,
-        loading: action.loading
-      }
-    }
-  case actionTypes.REVERSE_COLUMNS:
-    return {
-      ...state,
-      reverse: !state.reverse
-    }
-  case actionTypes.TOGGLE_COLUMN_VISIBILITY:
-    return {
-      ...state,
-      visibleColumns: {
-        ...state.visibleColumns,
-        [action.column]: !state.visibleColumns[action.column]
-      }
-    }
-  default:
-    return state;
+  switch (action.type) {
+    case actionTypes.REQUEST_PROJECT_BOARD:
+      return {
+        ...state,
+        isFetched: false,
+        isInitialLoading: state.isInitialLoading,
+        error: null,
+      };
+    case actionTypes.RECEIVE_PROJECT_BOARD:
+      return {
+        ...state,
+        projectId: action.data,
+        isFetched: true,
+        isInitialLoading: false,
+      };
+    case actionTypes.ERROR_REQUEST_PROJECT_BOARD:
+      return {
+        ...state,
+        error: action.error,
+      };
+    case actionTypes.SEARCH_STORIES_SUCCESS:
+      return {
+        ...state,
+        search: {
+          ...state.search,
+          keyWord: action.keyWord,
+        },
+      };
+    case actionTypes.CLOSE_SEARCH:
+      return {
+        ...state,
+        search: {
+          ...state.search,
+          keyWord: '',
+        },
+      };
+    case actionTypes.LOADING_SEARCH:
+      return {
+        ...state,
+        search: {
+          ...state.search,
+          loading: action.loading,
+        },
+      };
+    case actionTypes.REVERSE_COLUMNS:
+      return {
+        ...state,
+        reverse: !state.reverse,
+      };
+    case actionTypes.TOGGLE_COLUMN_VISIBILITY:
+      return {
+        ...state,
+        visibleColumns: {
+          ...state.visibleColumns,
+          [action.column]: !state.visibleColumns[action.column],
+        },
+      };
+    default:
+      return state;
   }
 };
 
diff --git a/app/assets/javascripts/reducers/stories.js b/app/assets/javascripts/reducers/stories.js
index 9c8d3e280..1bc69ccf4 100644
--- a/app/assets/javascripts/reducers/stories.js
+++ b/app/assets/javascripts/reducers/stories.js
@@ -1,4 +1,4 @@
-import actionTypes from "actions/actionTypes";
+import actionTypes from 'actions/actionTypes';
 import {
   toggleStory,
   editStory,
@@ -10,13 +10,13 @@ import {
   withoutNewStory,
   createNewStory,
   replaceOrAddNewStory,
-} from "models/beta/story";
-import * as Note from "models/beta/note";
-import * as Task from "models/beta/task";
-import * as Label from "models/beta/label";
-import { updateIfSameId } from "../services/updateIfSameId";
-import { storyScopes } from "./../libs/beta/constants";
-import { isEpic, isSearch, isNew } from "../models/beta/story";
+} from 'models/beta/story';
+import * as Note from 'models/beta/note';
+import * as Task from 'models/beta/task';
+import * as Label from 'models/beta/label';
+import { updateIfSameId } from '../services/updateIfSameId';
+import { storyScopes } from './../libs/beta/constants';
+import { isEpic, isSearch, isNew } from '../models/beta/story';
 
 const initialState = {
   [storyScopes.ALL]: {},
@@ -114,7 +114,7 @@ const storiesReducer = (state = initialState, action) => {
         ...state,
         [action.from]: normalizeStories(
           denormalizedStories.map(
-            updateIfSameId(action.id, (story) => {
+            updateIfSameId(action.id, story => {
               return editStory(story, action.newAttributes);
             })
           )
@@ -122,9 +122,9 @@ const storiesReducer = (state = initialState, action) => {
       };
     case actionTypes.UPDATE_STORY_SUCCESS:
       return normalizeAllScopes(
-        allScopes(state, action.story.id, (stories) => {
+        allScopes(state, action.story.id, stories => {
           return stories.map(
-            updateIfSameId(action.story.id, (story) =>
+            updateIfSameId(action.story.id, story =>
               addNewAttributes(story, {
                 ...action.story,
                 needsToSave: false,
@@ -136,10 +136,10 @@ const storiesReducer = (state = initialState, action) => {
       );
     case actionTypes.SORT_STORIES_SUCCESS:
       return normalizeAllScopes(
-        allScopes(state, null, (stories) => {
-          return stories.map((story) => {
+        allScopes(state, null, stories => {
+          return stories.map(story => {
             const editingStory = action.stories.find(
-              (incomingStory) => story.id === incomingStory.id
+              incomingStory => story.id === incomingStory.id
             );
 
             return editingStory
@@ -154,9 +154,9 @@ const storiesReducer = (state = initialState, action) => {
       );
     case actionTypes.OPTIMISTICALLY_UPDATE:
       return normalizeAllScopes(
-        allScopes(state, action.story.id, (stories) => {
+        allScopes(state, action.story.id, stories => {
           return stories.map(
-            updateIfSameId(action.story.id, (story) => {
+            updateIfSameId(action.story.id, story => {
               const newStory = setLoadingValue(action.story, true);
               return addNewAttributes(story, {
                 ...newStory,
@@ -171,7 +171,7 @@ const storiesReducer = (state = initialState, action) => {
         ...state,
         [action.from]: normalizeStories(
           denormalizedStories.map(
-            updateIfSameId(action.id, (story) => {
+            updateIfSameId(action.id, story => {
               return storyFailure(story, action.error);
             })
           )
@@ -189,7 +189,7 @@ const storiesReducer = (state = initialState, action) => {
         ...state,
         [action.from]: normalizeStories(
           denormalizedStories.map(
-            updateIfSameId(action.storyId, (story) => {
+            updateIfSameId(action.storyId, story => {
               return Task.addTask(story, action.task);
             })
           )
@@ -200,7 +200,7 @@ const storiesReducer = (state = initialState, action) => {
         ...state,
         [action.from]: normalizeStories(
           denormalizedStories.map(
-            updateIfSameId(action.storyId, (story) => {
+            updateIfSameId(action.storyId, story => {
               return Task.deleteTask(action.task, story);
             })
           )
@@ -211,7 +211,7 @@ const storiesReducer = (state = initialState, action) => {
         ...state,
         [action.from]: normalizeStories(
           denormalizedStories.map(
-            updateIfSameId(action.story.id, (story) => {
+            updateIfSameId(action.story.id, story => {
               return Task.toggleTask(story, action.task);
             })
           )
@@ -219,8 +219,8 @@ const storiesReducer = (state = initialState, action) => {
       };
     case actionTypes.DELETE_STORY_SUCCESS:
       return normalizeAllScopes(
-        allScopes(state, action.id, (stories) => {
-          return stories.filter((story) => story.id !== action.id);
+        allScopes(state, action.id, stories => {
+          return stories.filter(story => story.id !== action.id);
         })
       );
     case actionTypes.ADD_NOTE:
@@ -228,7 +228,7 @@ const storiesReducer = (state = initialState, action) => {
         ...state,
         [action.from]: normalizeStories(
           denormalizedStories.map(
-            updateIfSameId(action.storyId, (story) => {
+            updateIfSameId(action.storyId, story => {
               return Note.addNote(story, action.note);
             })
           )
@@ -238,7 +238,7 @@ const storiesReducer = (state = initialState, action) => {
       return {
         ...state,
         [action.from]: normalizeStories(
-          denormalizedStories.map((story) => {
+          denormalizedStories.map(story => {
             return story.id === action.storyId
               ? { ...story, highlighted: action.highlighted }
               : story;
@@ -250,7 +250,7 @@ const storiesReducer = (state = initialState, action) => {
         ...state,
         [action.from]: normalizeStories(
           denormalizedStories.map(
-            updateIfSameId(action.storyId, (story) => {
+            updateIfSameId(action.storyId, story => {
               return Note.deleteNote(story, action.noteId);
             })
           )
@@ -261,7 +261,7 @@ const storiesReducer = (state = initialState, action) => {
         ...state,
         [action.from]: normalizeStories(
           denormalizedStories.map(
-            updateIfSameId(action.storyId, (story) => ({
+            updateIfSameId(action.storyId, story => ({
               ...story,
               _editing: {
                 ...story._editing,
@@ -277,7 +277,7 @@ const storiesReducer = (state = initialState, action) => {
         ...state,
         [action.from]: normalizeStories(
           denormalizedStories.map(
-            updateIfSameId(action.storyId, (story) => ({
+            updateIfSameId(action.storyId, story => ({
               ...story,
               _editing: {
                 ...story._editing,
@@ -301,7 +301,7 @@ const storiesReducer = (state = initialState, action) => {
   }
 };
 
-const withScope = (reducer) => (state, action) => {
+const withScope = reducer => (state, action) => {
   const from = action.from || storyScopes.ALL;
   action = { ...action, from };
 
@@ -379,15 +379,15 @@ const mergeWithFetchedStories = (currentStories, fetchedStories) => {
 
 const filterAndRemoveStories = (mergedStories, fetchedStories) => {
   const serverBasedIds = Object.values(mergedStories.stories.byId)
-    .filter((story) => story.serverBased)
-    .map((story) => story.id);
+    .filter(story => story.serverBased)
+    .map(story => story.id);
 
   const storiesToRemove = serverBasedIds.filter(
-    (id) => !fetchedStories.stories.allIds.includes(id)
+    id => !fetchedStories.stories.allIds.includes(id)
   );
 
   const updatedStoriesAllIds = mergedStories.stories.allIds.filter(
-    (storyId) => !storiesToRemove.includes(storyId)
+    storyId => !storiesToRemove.includes(storyId)
   );
 
   const updatedStoriesById = storiesToRemove.reduce(
@@ -411,7 +411,7 @@ const filterAndRemoveStories = (mergedStories, fetchedStories) => {
   return updatedMergedStories;
 };
 
-const normalizeStories = (stories) => {
+const normalizeStories = stories => {
   return stories.reduce(
     (acc, story) => {
       const storyId = story.id;
@@ -430,14 +430,14 @@ const normalizeStories = (stories) => {
   );
 };
 
-const denormalizeStories = (stories) => {
+const denormalizeStories = stories => {
   const normalizedStories = stories.stories;
 
   if (!normalizedStories || normalizedStories.allIds.length === 0) {
     return [];
   }
 
-  const denormalizedStories = normalizedStories.allIds.map((storyId) => {
+  const denormalizedStories = normalizedStories.allIds.map(storyId => {
     return normalizedStories.byId[storyId];
   });
 
@@ -449,13 +449,13 @@ export const storiesWithScope = (state, scope) => {
   return denormalizeStories(stories);
 };
 
-export const denormalizeAllScopes = (state) => ({
+export const denormalizeAllScopes = state => ({
   epic: storiesWithScope(state, storyScopes.EPIC),
   all: storiesWithScope(state, storyScopes.ALL),
   search: storiesWithScope(state, storyScopes.SEARCH),
 });
 
-const normalizeAllScopes = (state) => ({
+const normalizeAllScopes = state => ({
   epic: normalizeStories(state[storyScopes.EPIC]),
   all: normalizeStories(state[storyScopes.ALL]),
   search: normalizeStories(state[storyScopes.SEARCH]),
diff --git a/app/assets/javascripts/reducers/users.js b/app/assets/javascripts/reducers/users.js
index 8d3d4fdb7..a54840f3e 100644
--- a/app/assets/javascripts/reducers/users.js
+++ b/app/assets/javascripts/reducers/users.js
@@ -3,11 +3,11 @@ import actionTypes from 'actions/actionTypes';
 const initialState = [];
 
 const usersReducer = (state = initialState, action) => {
-  switch(action.type) {
-  case actionTypes.RECEIVE_USERS:
-    return action.data;
-  default:
-    return state;
+  switch (action.type) {
+    case actionTypes.RECEIVE_USERS:
+      return action.data;
+    default:
+      return state;
   }
 };
 
diff --git a/app/assets/javascripts/selectors/backlog.js b/app/assets/javascripts/selectors/backlog.js
index bcf3c51ef..1acfd6410 100644
--- a/app/assets/javascripts/selectors/backlog.js
+++ b/app/assets/javascripts/selectors/backlog.js
@@ -1,7 +1,7 @@
-import * as Story from "../models/beta/story";
-import { status } from "libs/beta/constants";
-import _ from "underscore";
-import * as Iteration from "models/beta/iteration";
+import * as Story from '../models/beta/story';
+import { status } from 'libs/beta/constants';
+import _ from 'underscore';
+import * as Iteration from 'models/beta/iteration';
 
 export const orderByState = stories => {
   const ordered = [...stories];
@@ -20,7 +20,7 @@ export const orderByState = stories => {
     ...rejectedStories,
     ...finishedStories,
     ...startedStories,
-    ...unstartedStories
+    ...unstartedStories,
   ];
 };
 
@@ -28,31 +28,26 @@ const filterByState = state => story => {
   return story.state === state;
 };
 
-const sortAcceptedStories = (stories) => {
-  return stories.filter(filterByState(status.ACCEPTED))
+const sortAcceptedStories = stories => {
+  return stories
+    .filter(filterByState(status.ACCEPTED))
     .sort(Story.compareAcceptedAt);
-}
+};
 
-const sortDeliveredStories = (stories) => {
-  return stories.filter(filterByState(status.DELIVERED))
+const sortDeliveredStories = stories => {
+  return stories
+    .filter(filterByState(status.DELIVERED))
     .sort(Story.compareDeliveredAt);
-}
+};
 
-const sortStartedStories = (stories) => {
-  return stories.filter(filterByState(status.STARTED))
+const sortStartedStories = stories => {
+  return stories
+    .filter(filterByState(status.STARTED))
     .sort(Story.compareStartedAt);
-}
+};
 
 export const groupStoriesInSprints = (stories, project, initialSprintNumber) =>
-  Iteration.groupBySprints(
-    stories,
-    project,
-    initialSprintNumber,
-  );
-
-export const getSprintVelocity = (project, pastIterations) => 
-  Iteration.sprintVelocity(
-    project,
-    pastIterations
-);
+  Iteration.groupBySprints(stories, project, initialSprintNumber);
 
+export const getSprintVelocity = (project, pastIterations) =>
+  Iteration.sprintVelocity(project, pastIterations);
diff --git a/app/assets/javascripts/selectors/columns.js b/app/assets/javascripts/selectors/columns.js
index 53d366b47..3cc4e5a63 100644
--- a/app/assets/javascripts/selectors/columns.js
+++ b/app/assets/javascripts/selectors/columns.js
@@ -1,16 +1,16 @@
-import { createSelector } from "reselect";
-import { orderByState, groupStoriesInSprints } from "./backlog";
-import { mountPastIterations } from "./done";
-import * as Column from "../models/beta/column";
-import { comparePosition } from "../models/beta/story";
-import { property, last } from "underscore";
-import { denormalizePastIterations } from "../reducers/pastIterations";
-import { storiesWithScope } from "../reducers/stories";
+import { createSelector } from 'reselect';
+import { orderByState, groupStoriesInSprints } from './backlog';
+import { mountPastIterations } from './done';
+import * as Column from '../models/beta/column';
+import { comparePosition } from '../models/beta/story';
+import { property, last } from 'underscore';
+import { denormalizePastIterations } from '../reducers/pastIterations';
+import { storiesWithScope } from '../reducers/stories';
 
-const getStories = property("stories");
-const getColumn = property("column");
-const getProject = property("project");
-const getPastIterations = property("pastIterations");
+const getStories = property('stories');
+const getColumn = property('column');
+const getProject = property('project');
+const getPastIterations = property('pastIterations');
 
 export const getColumns = createSelector(
   [getColumn, getStories, getProject, getPastIterations],
@@ -22,7 +22,7 @@ export const getColumns = createSelector(
           .sort(comparePosition);
       case Column.BACKLOG:
         const orderedStories = orderByState(
-          storiesWithScope(stories).filter((story) =>
+          storiesWithScope(stories).filter(story =>
             Column.isBacklog(story, project)
           )
         );
diff --git a/app/assets/javascripts/selectors/done.js b/app/assets/javascripts/selectors/done.js
index 582e3aa8d..c2af88fc9 100644
--- a/app/assets/javascripts/selectors/done.js
+++ b/app/assets/javascripts/selectors/done.js
@@ -1,9 +1,11 @@
 export const mountPastIterations = (pastIterations, stories) =>
-  pastIterations.map(sprint => ({
-    ...sprint,
-    number: sprint.iterationNumber,
-    startDate: sprint.startDate,
-    endDate: sprint.endDate,
-    stories: stories.filter(story => sprint.storyIds.includes(story.id)),
-    isDropDisabled: true
-  })).reverse();
+  pastIterations
+    .map(sprint => ({
+      ...sprint,
+      number: sprint.iterationNumber,
+      startDate: sprint.startDate,
+      endDate: sprint.endDate,
+      stories: stories.filter(story => sprint.storyIds.includes(story.id)),
+      isDropDisabled: true,
+    }))
+    .reverse();
diff --git a/app/assets/javascripts/selectors/project.js b/app/assets/javascripts/selectors/project.js
index 972fdbbef..f6a06cc25 100644
--- a/app/assets/javascripts/selectors/project.js
+++ b/app/assets/javascripts/selectors/project.js
@@ -1 +1 @@
-export const getProject = (state) => state.project;
+export const getProject = state => state.project;
diff --git a/app/assets/javascripts/selectors/projectBoard.js b/app/assets/javascripts/selectors/projectBoard.js
index 8cac2d13e..b2d2d0823 100644
--- a/app/assets/javascripts/selectors/projectBoard.js
+++ b/app/assets/javascripts/selectors/projectBoard.js
@@ -1 +1 @@
-export const getProjectBoard = (state) => state.projectBoard;
+export const getProjectBoard = state => state.projectBoard;
diff --git a/app/assets/javascripts/selectors/stories.js b/app/assets/javascripts/selectors/stories.js
index 5825d2b6a..b54fb1509 100644
--- a/app/assets/javascripts/selectors/stories.js
+++ b/app/assets/javascripts/selectors/stories.js
@@ -1,6 +1,6 @@
-import { denormalizeAllScopes, storiesWithScope } from "../reducers/stories";
+import { denormalizeAllScopes, storiesWithScope } from '../reducers/stories';
 
-export const getStories = (state) => denormalizeAllScopes(state.stories);
+export const getStories = state => denormalizeAllScopes(state.stories);
 
 export const getStoriesWithScope = (state, scope) => {
   const stories = getStories(state);
diff --git a/app/assets/javascripts/services/httpService.js b/app/assets/javascripts/services/httpService.js
index d73c9435b..601eb952d 100644
--- a/app/assets/javascripts/services/httpService.js
+++ b/app/assets/javascripts/services/httpService.js
@@ -3,8 +3,8 @@ import axios from 'axios';
 const httpService = axios.create({
   headers: {
     Accept: 'application/json, text/javascript',
-    'X-CSRF-Token': $('[name=csrf-token]').attr('content')
-  }
+    'X-CSRF-Token': $('[name=csrf-token]').attr('content'),
+  },
 });
 
 export default httpService;
diff --git a/app/assets/javascripts/services/promises.js b/app/assets/javascripts/services/promises.js
index 8d84e03ec..21b885f5a 100644
--- a/app/assets/javascripts/services/promises.js
+++ b/app/assets/javascripts/services/promises.js
@@ -1,4 +1,4 @@
-
-export const wait = (time) => new Promise((resolve) => {
-  setTimeout(resolve, time)
-})
+export const wait = time =>
+  new Promise(resolve => {
+    setTimeout(resolve, time);
+  });
diff --git a/app/assets/javascripts/services/updateIfSameId.js b/app/assets/javascripts/services/updateIfSameId.js
index 7fe5ff72c..eb359a887 100644
--- a/app/assets/javascripts/services/updateIfSameId.js
+++ b/app/assets/javascripts/services/updateIfSameId.js
@@ -1,8 +1,8 @@
 export const updateIfSameId = (id, update) => {
-  return (model) => {
+  return model => {
     if (model.id !== id) {
       return model;
-    };
+    }
     return update(model);
   };
 };
diff --git a/app/assets/javascripts/services/urlService.js b/app/assets/javascripts/services/urlService.js
index 9a12fbe10..fd31b203a 100644
--- a/app/assets/javascripts/services/urlService.js
+++ b/app/assets/javascripts/services/urlService.js
@@ -7,6 +7,6 @@ const getHash = word => {
   }
 
   return null;
-}
+};
 
-export { getHash }
+export { getHash };
diff --git a/app/assets/javascripts/store/index.js b/app/assets/javascripts/store/index.js
index afc56799b..6687664cd 100644
--- a/app/assets/javascripts/store/index.js
+++ b/app/assets/javascripts/store/index.js
@@ -9,7 +9,7 @@ import history from 'reducers/history';
 import pastIterations from 'reducers/pastIterations';
 import notifications from 'reducers/notifications';
 import * as Story from '../models/beta/story';
-import * as Task from '../models/beta/task'
+import * as Task from '../models/beta/task';
 import * as Search from '../models/beta/search';
 import * as ProjectBoard from '../models/beta/projectBoard';
 import * as Note from '../models/beta/note';
@@ -25,7 +25,7 @@ const dependencies = {
   PastIteration,
   Notification,
   UrlService,
-  Search
+  Search,
 };
 
 const reducer = combineReducers({
@@ -35,15 +35,12 @@ const reducer = combineReducers({
   stories,
   history,
   pastIterations,
-  notifications
+  notifications,
 });
 
 const store = createStore(
-  reducer, composeWithDevTools(
-    applyMiddleware(
-      thunk.withExtraArgument(dependencies)
-    )
-  )
+  reducer,
+  composeWithDevTools(applyMiddleware(thunk.withExtraArgument(dependencies)))
 );
 
 export default store;
diff --git a/app/assets/javascripts/views/column_view.js b/app/assets/javascripts/views/column_view.js
index ff1c2ed42..bef7c197b 100644
--- a/app/assets/javascripts/views/column_view.js
+++ b/app/assets/javascripts/views/column_view.js
@@ -5,66 +5,67 @@ const ColumnView = Backbone.View.extend({
 
   events: {
     'click a.toggle-title': 'toggleAll',
-    'click a.toggle-column': 'toggle'
+    'click a.toggle-column': 'toggle',
   },
 
-  initialize: function() {
+  initialize: function () {
     var $el = this.$el;
 
     this.data = $el.data();
-    this.id  = this.data.columnView;
+    this.id = this.data.columnView;
     this.name = I18n.t('projects.show.' + this.data.columnView);
-    this.hideable = this.data.hideable === undefined ? true : this.data.hideable;
+    this.hideable =
+      this.data.hideable === undefined ? true : this.data.hideable;
     this.sortable = this.data.connect !== undefined;
 
     $el.addClass(this.data.columnView + '_column');
   },
 
-  render: function() {
-    this.$el.html(this.template({id: this.id, name: this.name}));
+  render: function () {
+    this.$el.html(this.template({ id: this.id, name: this.name }));
     if (this.sortable) this.setSortable();
     return this;
   },
 
-  toggleAll: function() {
+  toggleAll: function () {
     var stories = this.$('.story');
-    _.each(stories, function(item) {
+    _.each(stories, function (item) {
       $(item).toggle();
     });
   },
 
-  toggle: function() {
+  toggle: function () {
     this.$el.toggle();
     this.trigger('visibilityChanged');
   },
 
   // Returns the child div containing the story and iteration elements.
-  storyColumn: function() {
+  storyColumn: function () {
     return this.$('.story_column');
   },
 
   // Append a Backbone.View to this column
-  appendView: function(view) {
+  appendView: function (view) {
     this.storyColumn().append(view.el);
   },
 
   // Adds the sortable behaviour to the column.
-  setSortable: function() {
+  setSortable: function () {
     this.storyColumn().sortable({
       opacity: 0.6,
-      items: ".story:not(.accepted)",
-      cancel: ".story-description, .note, .form-control",
+      items: '.story:not(.accepted)',
+      cancel: '.story-description, .note, .form-control',
       connectWith: this.data.connect,
-      update: function(ev, ui) {
-        ui.item.trigger("sortupdate", ev, ui);
-      }
+      update: function (ev, ui) {
+        ui.item.trigger('sortupdate', ev, ui);
+      },
     });
   },
 
   // Returns the current visibility state of the column.
-  hidden: function() {
+  hidden: function () {
     return this.$el.is(':hidden');
-  }
+  },
 });
 
 export default ColumnView;
diff --git a/app/assets/javascripts/views/column_visibility_button_view.jsx b/app/assets/javascripts/views/column_visibility_button_view.jsx
index fd16e78b6..947eabdfc 100644
--- a/app/assets/javascripts/views/column_visibility_button_view.jsx
+++ b/app/assets/javascripts/views/column_visibility_button_view.jsx
@@ -1,39 +1,38 @@
 const ColumnsVisibilityButtonView = Backbone.View.extend({
-
   events: {
-    'click': 'toggle'
+    click: 'toggle',
   },
 
   tagName: 'a',
 
   attributes: {
-    href: '#'
+    href: '#',
   },
 
-  initialize: function() {
+  initialize: function () {
     _.bindAll(this, 'setClassName');
-    this.$el.attr('class','sidebar-link hide_'+this.options.columnView.id );
+    this.$el.attr('class', 'sidebar-link hide_' + this.options.columnView.id);
     this.options.columnView.on('visibilityChanged', this.setClassName, this);
   },
 
-  render: function() {
-    var icon = "";
-    switch(this.options.columnView.id) {
-    case 'done' :
-      icon = '<i class="mi md-18 sidebar-icon">done</i> ';
-      break;
-    case 'in_progress' :
-      icon = '<i class="mi md-18 sidebar-icon">inbox</i> ';
-      break;
-    case 'backlog' :
-      icon = '<i class="mi md-18 sidebar-icon">list</i> ';
-      break;
-    case 'chilly_bin' :
-      icon = '<i class="mi md-18 sidebar-icon">ac_unit</i> ';
-      break;
-    case 'search_results' :
-      icon = '<i class="mi md-18 sidebar-icon">search</i> ';
-      break;
+  render: function () {
+    var icon = '';
+    switch (this.options.columnView.id) {
+      case 'done':
+        icon = '<i class="mi md-18 sidebar-icon">done</i> ';
+        break;
+      case 'in_progress':
+        icon = '<i class="mi md-18 sidebar-icon">inbox</i> ';
+        break;
+      case 'backlog':
+        icon = '<i class="mi md-18 sidebar-icon">list</i> ';
+        break;
+      case 'chilly_bin':
+        icon = '<i class="mi md-18 sidebar-icon">ac_unit</i> ';
+        break;
+      case 'search_results':
+        icon = '<i class="mi md-18 sidebar-icon">search</i> ';
+        break;
     }
     this.$el.html(icon + this.options.columnView.name);
     this.setClassName();
@@ -41,17 +40,17 @@ const ColumnsVisibilityButtonView = Backbone.View.extend({
   },
 
   // Delegates to toggle() on the associated ColumnView
-  toggle: function() {
+  toggle: function () {
     this.options.columnView.toggle();
   },
 
-  setClassName: function() {
+  setClassName: function () {
     if (this.options.columnView.hidden()) {
       this.$el.addClass('pressed');
     } else {
       this.$el.removeClass('pressed');
     }
-  }
+  },
 });
 
 export default ColumnsVisibilityButtonView;
diff --git a/app/assets/javascripts/views/epic_bar_view.js b/app/assets/javascripts/views/epic_bar_view.js
index 476f48244..7452b0781 100644
--- a/app/assets/javascripts/views/epic_bar_view.js
+++ b/app/assets/javascripts/views/epic_bar_view.js
@@ -5,48 +5,58 @@ const EpicBarView = Backbone.View.extend({
 
   className: 'iteration',
 
-  render: function() {
-    this.$el.html(this.template({points: this.points(), done: this.donePoints(), remaining: this.remainingPoints()}));
+  render: function () {
+    this.$el.html(
+      this.template({
+        points: this.points(),
+        done: this.donePoints(),
+        remaining: this.remainingPoints(),
+      })
+    );
     return this;
   },
 
-  points: function() {
-    var estimates = this.model.search.pluck('estimate')
+  points: function () {
+    var estimates = this.model.search.pluck('estimate');
 
     return this.sumPoints(estimates);
   },
 
-  donePoints: function() {
-    var estimates = _.map(this.done(), function(e) { return e.get('estimate') })
+  donePoints: function () {
+    var estimates = _.map(this.done(), function (e) {
+      return e.get('estimate');
+    });
 
     return this.sumPoints(estimates);
   },
 
-  remainingPoints: function(){
-    var estimates = _.map(this.remaining(), function(e) { return e.get('estimate') })
+  remainingPoints: function () {
+    var estimates = _.map(this.remaining(), function (e) {
+      return e.get('estimate');
+    });
 
     return this.sumPoints(estimates);
   },
 
-  done: function() {
-    return _.select(this.model.search.models, function(story) {
-      return (story.get('state') === 'accepted');
+  done: function () {
+    return _.select(this.model.search.models, function (story) {
+      return story.get('state') === 'accepted';
     });
   },
 
-  remaining: function(){
-    return _.select(this.model.search.models, function(story) {
-      return (story.get('state') !== 'accepted');
+  remaining: function () {
+    return _.select(this.model.search.models, function (story) {
+      return story.get('state') !== 'accepted';
     });
   },
 
-  sumPoints: function(estimates) {
-    var sum = _.reduce(estimates, function(total, estimate) {
+  sumPoints: function (estimates) {
+    var sum = _.reduce(estimates, function (total, estimate) {
       return total + estimate;
-    })
+    });
 
     return sum;
-  }
+  },
 });
 
 export default EpicBarView;
diff --git a/app/assets/javascripts/views/epic_view.js b/app/assets/javascripts/views/epic_view.js
index 5f9ccb0e9..2bc1562e9 100644
--- a/app/assets/javascripts/views/epic_view.js
+++ b/app/assets/javascripts/views/epic_view.js
@@ -2,38 +2,37 @@ import EpicBarView from './epic_bar_view';
 import StoryView from './story_view';
 
 const EpicView = Backbone.View.extend({
-
-  initialize: function(options) {
+  initialize: function (options) {
     this.options = options;
     this.$('td.epic_column').css('display', 'table-cell');
     this.doSearch();
   },
 
-  addBar: function(column) {
-    var view = new EpicBarView({model: this.model}).render();
+  addBar: function (column) {
+    var view = new EpicBarView({ model: this.model }).render();
     this.appendViewToColumn(view, column);
   },
 
-  addStory: function(story, column) {
-    var view = new StoryView({model: story, isSearchResult: true}).render();
+  addStory: function (story, column) {
+    var view = new StoryView({ model: story, isSearchResult: true }).render();
     this.appendViewToColumn(view, column);
     view.setFocus();
   },
 
-  appendViewToColumn: function(view, columnName) {
+  appendViewToColumn: function (view, columnName) {
     $(columnName).append(view.el);
   },
 
-  addAll: function() {
+  addAll: function () {
     var that = this;
-    that.$ = $
-    that.$('#epic').html("");
+    that.$ = $;
+    that.$('#epic').html('');
     that.$('td.epic_column').show();
     this.addBar('#epic');
 
-    var search_results_ids = this.model.search.pluck("id");
+    var search_results_ids = this.model.search.pluck('id');
     var stories = this.model.projectBoard.stories;
-    _.each(search_results_ids, function(id) {
+    _.each(search_results_ids, function (id) {
       var story = stories.get(id);
       if (!_.isUndefined(story)) {
         that.addStory(story, '#epic');
@@ -46,23 +45,23 @@ const EpicView = Backbone.View.extend({
     this.$('.loading-spin').removeClass('show');
   },
 
-  doSearch: function(e) {
+  doSearch: function (e) {
     this.$('.loading-spin').addClass('show');
     var that = this;
     this.model.search.fetch({
       reset: true,
       data: {
-        label: this.options.label
+        label: this.options.label,
       },
-      success: function() {
+      success: function () {
         that.addAll();
       },
-      error: function(e) {
+      error: function (e) {
         window.projectView.notice({
           title: 'Search Error',
-          text: e
+          text: e,
         });
-      }
+      },
     });
   },
 });
diff --git a/app/assets/javascripts/views/form_view.js b/app/assets/javascripts/views/form_view.js
index f26b268c4..0b95c344e 100644
--- a/app/assets/javascripts/views/form_view.js
+++ b/app/assets/javascripts/views/form_view.js
@@ -1,57 +1,65 @@
 const FormView = Backbone.View.extend({
   tagName: 'form',
 
-  label: function(elem_id, value) {
+  label: function (elem_id, value) {
     value = value || this.model.humanAttributeName(elem_id);
-    return this.make('label', {'for': elem_id}, value);
+    return this.make('label', { for: elem_id }, value);
   },
 
-  textField: function(name, extra_opts) {
-    var defaults = {type: "text", name: name, value: this.model.get(name)}
+  textField: function (name, extra_opts) {
+    var defaults = { type: 'text', name: name, value: this.model.get(name) };
     this.mergeAttrs(defaults, extra_opts);
     var el = this.make('input', defaults);
-    this.bindElementToAttribute(el, name, "keyup");
+    this.bindElementToAttribute(el, name, 'keyup');
     return el;
   },
 
-  hiddenField: function(name) {
-    var el = this.make('input', {type: "hidden", name: name, value: this.model.get(name)});
+  hiddenField: function (name) {
+    var el = this.make('input', {
+      type: 'hidden',
+      name: name,
+      value: this.model.get(name),
+    });
     this.bindElementToAttribute(el, name);
     return el;
   },
 
-  textArea: function(name) {
-    var el = this.make('textarea', {name: name, class: `form-control ${name}-textarea` }, this.model.get(name));
+  textArea: function (name) {
+    var el = this.make(
+      'textarea',
+      { name: name, class: `form-control ${name}-textarea` },
+      this.model.get(name)
+    );
     $(el).attr('style', 'min-height:100px;');
     $(el).on('input', function () {
       this.style.height = 'auto';
-      this.style.height = (this.scrollHeight) + 'px';
+      this.style.height = this.scrollHeight + 'px';
     });
 
     this.bindElementToAttribute(el, name);
     return el;
   },
 
-  select: function(name, select_options, options) {
+  select: function (name, select_options, options) {
     if (typeof options === 'undefined') {
       options = {};
     }
 
     options = _.defaults(options, { attrs: { class: [] } });
 
-    options.attrs.class = 'form-control input-sm ' +options.attrs.class.join(' ');
+    options.attrs.class =
+      'form-control input-sm ' + options.attrs.class.join(' ');
 
-    var select = this.make('select', _.extend({name: name}, options.attrs));
+    var select = this.make('select', _.extend({ name: name }, options.attrs));
 
     var view = this;
     var model = this.model;
 
-
     if (options.blank) {
-      $(select).append(this.make('option', {value: ''}, options.blank));
+      $(select).append(this.make('option', { value: '' }, options.blank));
     }
 
-    _.each(select_options, function(option) {
+    _.each(select_options, function (option) {
       var option_name, option_value;
 
       if (option instanceof Array) {
@@ -60,7 +68,7 @@ const FormView = Backbone.View.extend({
       } else {
         option_name = option_value = option + '';
       }
-      var attr = {value: option_value};
+      var attr = { value: option_value };
       if (model.get(name) === option_value) {
         attr.selected = true;
       }
@@ -70,20 +78,25 @@ const FormView = Backbone.View.extend({
     return select;
   },
 
-  checkBox: function(name) {
-    var attr = {type: "checkbox", name: name, value: 1};
+  checkBox: function (name) {
+    var attr = { type: 'checkbox', name: name, value: 1 };
     if (this.model.get(name)) {
-      attr.checked = "checked";
+      attr.checked = 'checked';
     }
     var el = this.make('input', attr);
     this.bindElementToAttribute(el, name);
     return el;
   },
 
-  bindElementToAttribute: function(el, name, eventType, { silent = true } = {}) {
+  bindElementToAttribute: function (
+    el,
+    name,
+    eventType,
+    { silent = true } = {}
+  ) {
     var that = this;
-    eventType = typeof(eventType) !== 'undefined' ? eventType : 'change';
-    $(el).on(eventType, function() {
+    eventType = typeof eventType !== 'undefined' ? eventType : 'change';
+    $(el).on(eventType, function () {
       var obj = {};
       obj[name] = $(el).val();
       that.model.set(obj, { silent });
@@ -91,9 +104,9 @@ const FormView = Backbone.View.extend({
     });
   },
 
-  mergeAttrs: function(defaults, opts) {
+  mergeAttrs: function (defaults, opts) {
     return jQuery.extend(defaults, opts);
-  }
+  },
 });
 
 export default FormView;
diff --git a/app/assets/javascripts/views/history_view.js b/app/assets/javascripts/views/history_view.js
index e04bf6544..10d13ad46 100644
--- a/app/assets/javascripts/views/history_view.js
+++ b/app/assets/javascripts/views/history_view.js
@@ -5,14 +5,16 @@ const HistoryView = Backbone.View.extend({
   template: columnTemplate,
   activityTemplate: activityTemplate,
 
-  initialize: function() {
+  initialize: function () {
     _.bindAll(this, 'addActivities', 'connectionError');
 
-    this.$el.html(this.template({
-      id: 'history',
-      className: 'activity_column',
-      name: I18n.t('projects.show.history')
-    }));
+    this.$el.html(
+      this.template({
+        id: 'history',
+        className: 'activity_column',
+        name: I18n.t('projects.show.history'),
+      })
+    );
     this.$el.addClass('history_column');
     this.$column = this.$('#history');
     this.$loadingSpin = this.$('.loading-spin');
@@ -20,38 +22,40 @@ const HistoryView = Backbone.View.extend({
 
   events: {
     'change:currentStory': 'handleStoryChange',
-    'click a.toggle-column': 'toggle'
+    'click a.toggle-column': 'toggle',
   },
 
-  toggle: function() {
+  toggle: function () {
     this.$el.toggle();
     this.stopListening(this.currentStory, 'sync');
   },
 
-  handleStoryChange: function(event) {
+  handleStoryChange: function (event) {
     event.stopPropagation();
-    this.setHistoryTitle(event)
-    this.fetchActivities(event)
+    this.setHistoryTitle(event);
+    this.fetchActivities(event);
   },
 
-  addActivities: function(activities) {
+  addActivities: function (activities) {
     this.$column.html('');
-    activities.models.map((item) => this.addActivity(item.attributes));
+    activities.models.map(item => this.addActivity(item.attributes));
 
     this.$loadingSpin.hide();
     this.$el.show();
   },
 
-  addActivity: function(activity) {
-    this.$column.append(this.activityTemplate({
-      action: activity.action,
-      changes: activity.subject_changes,
-      date: activity.date,
-      user: this.options.users.get(activity.user_id).get('name')
-    }));
+  addActivity: function (activity) {
+    this.$column.append(
+      this.activityTemplate({
+        action: activity.action,
+        changes: activity.subject_changes,
+        date: activity.date,
+        user: this.options.users.get(activity.user_id).get('name'),
+      })
+    );
   },
 
-  setStory: function(newStory) {
+  setStory: function (newStory) {
     if (this.isCurrentStory(newStory)) {
       if (this.currentStory) {
         this.stopListening(this.currentStory, 'sync');
@@ -64,34 +68,34 @@ const HistoryView = Backbone.View.extend({
     this.$el.trigger('change:currentStory');
   },
 
-  isCurrentStory: function(story) {
-    return (!this.currentStory || story.get('id') !== this.currentStory.get('id'))
+  isCurrentStory: function (story) {
+    return (
+      !this.currentStory || story.get('id') !== this.currentStory.get('id')
+    );
   },
 
-  fetchActivities: function() {
+  fetchActivities: function () {
     this.currentStory.history.fetch({
       success: this.addActivities,
-      error: this.connectionError
+      error: this.connectionError,
     });
   },
 
-  connectionError: function(res) {
+  connectionError: function (res) {
     this.$loadingSpin.hide();
   },
 
-  setHistoryTitle: function() {
+  setHistoryTitle: function () {
     const $header = this.$el.find('.toggle-title');
-    let title     = this.currentStory.get('title');
+    let title = this.currentStory.get('title');
 
     title = this.ellipses(title);
     $header.text(`${I18n.t('projects.show.history')} '${title}'`);
   },
 
-  ellipses: function(str, maxlen = 32, suspension = '...') {
-    return str.length > maxlen
-      ? str.substring(0, maxlen) + suspension
-      : str;
-  }
+  ellipses: function (str, maxlen = 32, suspension = '...') {
+    return str.length > maxlen ? str.substring(0, maxlen) + suspension : str;
+  },
 });
 
 export default HistoryView;
diff --git a/app/assets/javascripts/views/iteration_view.jsx b/app/assets/javascripts/views/iteration_view.jsx
index dfc33060b..2cb48e279 100644
--- a/app/assets/javascripts/views/iteration_view.jsx
+++ b/app/assets/javascripts/views/iteration_view.jsx
@@ -3,25 +3,23 @@ import ReactDOM from 'react-dom';
 import Iteration from 'components/stories/Iteration';
 
 const IterationView = Backbone.View.extend({
-
-
   className: 'iteration',
 
   events: {
-    "click": "toggleStories",
+    click: 'toggleStories',
   },
 
-  toggleStories: function() {
-    if(this.model.needsLoad) {
+  toggleStories: function () {
+    if (this.model.needsLoad) {
       this.model.fetch();
     } else {
       this.model.stories().forEach(story => {
         story.set('isVisible', !story.get('isVisible'));
-      })
+      });
     }
   },
 
-  render: function() {
+  render: function () {
     ReactDOM.render(
       <Iteration
         number={this.model.get('number')}
@@ -36,14 +34,13 @@ const IterationView = Backbone.View.extend({
 
   // Returns the number of points in the iteration, unless the iteration is
   // the current iteration, in which case returns 'accepted/total' points.
-  points: function() {
+  points: function () {
     if (this.model.get('column') === '#in_progress') {
       return this.model.acceptedPoints() + '/' + this.model.points();
     } else {
       return this.model.points();
     }
-  }
-
+  },
 });
 
 export default IterationView;
diff --git a/app/assets/javascripts/views/keycut_view.js b/app/assets/javascripts/views/keycut_view.js
index 854be1b2a..334d10402 100644
--- a/app/assets/javascripts/views/keycut_view.js
+++ b/app/assets/javascripts/views/keycut_view.js
@@ -5,24 +5,22 @@ const KeycutView = Backbone.View.extend({
   tagName: 'div',
   id: 'keycut-help',
 
-  events:  {
-    'click a.close' : 'closeWindow'
+  events: {
+    'click a.close': 'closeWindow',
   },
 
-  render: function() {
+  render: function () {
     var that = this;
     that.$ = $;
     that.$('#main').append($(this.el).html(this.template));
     return this;
   },
 
-  closeWindow: function() {
-    $('#' + this.id).fadeOut(
-      function() {
-        $('#'+this.id).remove();
-      }
-    );
-  }
+  closeWindow: function () {
+    $('#' + this.id).fadeOut(function () {
+      $('#' + this.id).remove();
+    });
+  },
 });
 
 export default KeycutView;
diff --git a/app/assets/javascripts/views/note_view.js b/app/assets/javascripts/views/note_view.js
index d12dafd7c..e758aa5f5 100644
--- a/app/assets/javascripts/views/note_view.js
+++ b/app/assets/javascripts/views/note_view.js
@@ -1,7 +1,6 @@
 import noteTemplate from 'templates/note.ejs';
 
 const NoteView = Backbone.View.extend({
-
   template: noteTemplate,
 
   tagName: 'div',
@@ -9,19 +8,19 @@ const NoteView = Backbone.View.extend({
   className: 'note',
 
   events: {
-    "click a.delete-note": "deleteNote"
+    'click a.delete-note': 'deleteNote',
   },
 
-  render: function() {
-    this.$el.html(this.template({note: this.model}));
+  render: function () {
+    this.$el.html(this.template({ note: this.model }));
     return this;
   },
 
-  deleteNote: function() {
+  deleteNote: function () {
     this.model.destroy();
     this.$el.remove();
     return false;
-  }
+  },
 });
 
 export default NoteView;
diff --git a/app/assets/javascripts/views/project_search_view.js b/app/assets/javascripts/views/project_search_view.js
index 536ef9851..dacec928c 100644
--- a/app/assets/javascripts/views/project_search_view.js
+++ b/app/assets/javascripts/views/project_search_view.js
@@ -1,9 +1,9 @@
-import Operands from "../mixins/contextual_serach_operands";
-import React from "react";
-import ReactDOMServer from "react-dom/server";
-import SearchTootip from "../components/search/SearchTooltip";
-import SearchResultsBarView from "./search_results_bar_view";
-import StoryView from "./story_view";
+import Operands from '../mixins/contextual_serach_operands';
+import React from 'react';
+import ReactDOMServer from 'react-dom/server';
+import SearchTootip from '../components/search/SearchTooltip';
+import SearchResultsBarView from './search_results_bar_view';
+import StoryView from './story_view';
 
 const ProjectSearchView = Backbone.View.extend({
   initialize: function () {
@@ -11,7 +11,7 @@ const ProjectSearchView = Backbone.View.extend({
   },
 
   events: {
-    submit: "doSearch",
+    submit: 'doSearch',
   },
 
   addBar: function (column) {
@@ -30,13 +30,13 @@ const ProjectSearchView = Backbone.View.extend({
   },
 
   appendSearchTooltip() {
-    this.$el.find(".drop-target").popover({
+    this.$el.find('.drop-target').popover({
       delay: 200, // A small delay to stop the popovers triggering whenever the mouse is moving around
       html: true,
-      container: "body",
-      trigger: "hover",
+      container: 'body',
+      trigger: 'hover',
       content: () => ReactDOMServer.renderToString(<SearchTootip />),
-      placement: "bottom",
+      placement: 'bottom',
     });
   },
 
@@ -44,20 +44,20 @@ const ProjectSearchView = Backbone.View.extend({
     const operandsArray = Object.keys(Operands);
     let query = this.handleTranslations(input.toLowerCase());
 
-    operandsArray.forEach((operand) => {
-      query = query.replace(new RegExp(operand + ":", "g"), Operands[operand]);
+    operandsArray.forEach(operand => {
+      query = query.replace(new RegExp(operand + ':', 'g'), Operands[operand]);
     });
     return query;
   },
 
   handleTranslations(query, locale = I18n.defaultLocale) {
-    const queries = query.split(",");
+    const queries = query.split(',');
     const currentLocale = I18n.currentLocale();
 
     I18n.missingTranslation = () => false;
 
     if (currentLocale !== locale) {
-      queries.forEach((entry) => {
+      queries.forEach(entry => {
         const operand = entry.match(/\w+/);
         const key = entry.match(/[^:]*$/)[0].trim();
 
@@ -77,27 +77,27 @@ const ProjectSearchView = Backbone.View.extend({
   },
 
   addAll: function () {
-    this.$(".loading-spin").addClass("show");
+    this.$('.loading-spin').addClass('show');
     var that = this;
-    var searchedTerm = this.$el.find("input[type=text]").val();
+    var searchedTerm = this.$el.find('input[type=text]').val();
     that.$ = $;
-    that.$("#search_results").html("");
-    that.$(".search_results_column").show();
+    that.$('#search_results').html('');
+    that.$('.search_results_column').show();
     that
-      .$(".search_results_column")
-      .find(".toggle-title")
+      .$('.search_results_column')
+      .find('.toggle-title')
       .text(`\"${searchedTerm}\"`);
 
-    this.addBar("#search_results");
+    this.addBar('#search_results');
 
     const stories = this.model.projectBoard.stories;
     this.model.search.forEach(function (searchResult) {
-      const actualStory = stories.get(searchResult.get("id"));
+      const actualStory = stories.get(searchResult.get('id'));
 
-      that.addStory(actualStory || searchResult, "#search_results");
+      that.addStory(actualStory || searchResult, '#search_results');
     });
 
-    this.$(".loading-spin").removeClass("show");
+    this.$('.loading-spin').removeClass('show');
   },
 
   doSearch: function (e) {
@@ -105,7 +105,7 @@ const ProjectSearchView = Backbone.View.extend({
     var that = this;
     this.model.search.fetch({
       data: {
-        q: this.parseOperands(this.$el.find("input[type=text]").val()),
+        q: this.parseOperands(this.$el.find('input[type=text]').val()),
       },
       reset: true,
       success: function () {
@@ -113,7 +113,7 @@ const ProjectSearchView = Backbone.View.extend({
       },
       error: function (e) {
         window.projectView.notice({
-          title: "Search Error",
+          title: 'Search Error',
           text: e,
         });
       },
diff --git a/app/assets/javascripts/views/project_velocity_override_view.js b/app/assets/javascripts/views/project_velocity_override_view.js
index 4409e97f7..6b35c7f0f 100644
--- a/app/assets/javascripts/views/project_velocity_override_view.js
+++ b/app/assets/javascripts/views/project_velocity_override_view.js
@@ -1,62 +1,65 @@
 import projectVelocityOverrideTemplate from 'templates/project_velocity_override.ejs';
 
 const ProjectVelocityOverrideView = Backbone.View.extend({
-
   className: 'velocity_override_container',
 
   events: {
-    "click button[name=apply]": "changeVelocity",
-    "click button[name=revert]": "revertVelocity",
-    "keydown input[name=override]": "keyCapture"
+    'click button[name=apply]': 'changeVelocity',
+    'click button[name=revert]': 'revertVelocity',
+    'keydown input[name=override]': 'keyCapture',
   },
 
   template: projectVelocityOverrideTemplate,
 
-  render: function() {
-    this.$el.html(this.template({project: this.model}));
+  render: function () {
+    this.$el.html(this.template({ project: this.model }));
     this.delegateEvents();
     this.clickOverlayOn();
     return this;
   },
 
-  changeVelocity: function() {
+  changeVelocity: function () {
     this.model.velocity(this.requestedVelocityValue());
     this.clickOverlayOff();
     return false;
   },
 
-  revertVelocity: function() {
+  revertVelocity: function () {
     this.model.revertVelocity();
     this.clickOverlayOff();
     return false;
   },
 
-  requestedVelocityValue: function() {
-    return parseInt(this.$("input[name=override]").val(), 10);
+  requestedVelocityValue: function () {
+    return parseInt(this.$('input[name=override]').val(), 10);
   },
 
-  keyCapture: function(e) {
-    if(e.keyCode === '13') {
+  keyCapture: function (e) {
+    if (e.keyCode === '13') {
       this.changeVelocity();
     }
   },
 
-  clickOverlayOn: function() {
+  clickOverlayOn: function () {
     var that = this;
-    var clickOverlay = this.$('.click-overlay')
+    var clickOverlay = this.$('.click-overlay');
     this.$('#velocity').css('z-index', 2000);
-    clickOverlay.on('click', function() {
-      that.clickOverlayOff();
-    }, this);
+    clickOverlay.on(
+      'click',
+      function () {
+        that.clickOverlayOff();
+      },
+      this
+    );
     clickOverlay.show();
   },
 
-  clickOverlayOff: function() {
-    var clickOverlay = this.$('.click-overlay')
+  clickOverlayOff: function () {
+    var clickOverlay = this.$('.click-overlay');
     clickOverlay.off('click');
     this.$el.remove();
     clickOverlay.hide();
-  }
+  },
 });
 
 export default ProjectVelocityOverrideView;
diff --git a/app/assets/javascripts/views/project_velocity_view.js b/app/assets/javascripts/views/project_velocity_view.js
index 253deae6a..b3241e6af 100644
--- a/app/assets/javascripts/views/project_velocity_view.js
+++ b/app/assets/javascripts/views/project_velocity_view.js
@@ -2,39 +2,38 @@ import ProjectVelocityOverrideView from './project_velocity_override_view';
 import projectVelocityTemplate from 'templates/project_velocity.ejs';
 
 const ProjectVelocityView = Backbone.View.extend({
-
   className: 'velocity',
 
-  initialize: function() {
+  initialize: function () {
     _.bindAll(this, 'setFakeClass', 'render');
-    this.override_view = new ProjectVelocityOverrideView({model: this.model});
+    this.override_view = new ProjectVelocityOverrideView({ model: this.model });
     this.listenTo(this.model, 'change:userVelocity', this.setFakeClass);
     this.listenTo(this.model, 'rebuilt-iterations', this.render);
   },
 
   events: {
-    "click #velocity_value": "editVelocityOverride"
+    'click #velocity_value': 'editVelocityOverride',
   },
 
   template: projectVelocityTemplate,
 
-  render: function() {
-    this.$el.html(this.template({project: this.model}));
+  render: function () {
+    this.$el.html(this.template({ project: this.model }));
     this.setFakeClass(this.model);
     return this;
   },
 
-  editVelocityOverride: function() {
+  editVelocityOverride: function () {
     this.$el.append(this.override_view.render().el);
   },
 
-  setFakeClass: function(model) {
+  setFakeClass: function (model) {
     if (model.velocityIsFake()) {
       this.$el.addClass('fake');
     } else {
       this.$el.removeClass('fake');
     }
-  }
+  },
 });
 
 export default ProjectVelocityView;
diff --git a/app/assets/javascripts/views/project_view.jsx b/app/assets/javascripts/views/project_view.jsx
index 28ccd5195..9a32f1fe7 100644
--- a/app/assets/javascripts/views/project_view.jsx
+++ b/app/assets/javascripts/views/project_view.jsx
@@ -9,7 +9,7 @@ const ProjectView = Backbone.View.extend({
   template: projectViewTemplate,
   columns: {},
 
-  initialize: function() {
+  initialize: function () {
     _.bindAll(this, 'addStory', 'addAll', 'render', 'noticeSaveError');
 
     this.$loadingSpin = this.$('.loading-spin');
@@ -26,36 +26,48 @@ const ProjectView = Backbone.View.extend({
     this.model.projectBoard.fetch().then(this.addAll);
   },
 
-  prepareColumns: function() {
+  prepareColumns: function () {
     // reset columns & columns toggle
     this.columns = {};
     this.$columnToggles.html('');
-    this.$el.html(this.template({
-      current_flow: this.model.get('current_flow'),
-      default_flow: this.model.get('default_flow')
-    }));
-
-    this.historyView = new HistoryView({el: this.$('[data-history-view]'), users: this.model.users});
-
-    _.each(this.$('[data-column-view]'), function(el) {
-      var columnView = this.createColumnView($(el));
-      this.columns[columnView.id] = columnView;
-
-      if (columnView.hideable) {
-        this.$columnToggles.append(
-          $('<li class="sidebar-item"/>')
-            .append(new ColumnVisibilityButtonView({columnView: columnView}).render().$el)
-        );
-      }
-    }, this);
+    this.$el.html(
+      this.template({
+        current_flow: this.model.get('current_flow'),
+        default_flow: this.model.get('default_flow'),
+      })
+    );
+
+    this.historyView = new HistoryView({
+      el: this.$('[data-history-view]'),
+      users: this.model.users,
+    });
+
+    _.each(
+      this.$('[data-column-view]'),
+      function (el) {
+        var columnView = this.createColumnView($(el));
+        this.columns[columnView.id] = columnView;
+
+        if (columnView.hideable) {
+          this.$columnToggles.append(
+            $('<li class="sidebar-item"/>').append(
+              new ColumnVisibilityButtonView({
+                columnView: columnView,
+              }).render().$el
+            )
+          );
+        }
+      },
+      this
+    );
 
     this.addAll();
     this.scaleToViewport();
   },
 
-  createColumnView: function(el) {
+  createColumnView: function (el) {
     var data = el.data();
-    var column = new ColumnView({el: el});
+    var column = new ColumnView({ el: el });
 
     column.on('visibilityChanged', this.checkColumnViewsVisibility, this);
     column.render();
@@ -64,20 +76,22 @@ const ProjectView = Backbone.View.extend({
   },
 
   // Triggered when the 'Add Story' button is clicked
-  newStory: function() {
+  newStory: function () {
     if ($(window).width() <= 992) {
-      _.each(this.columns, function(column, columnId) {
-        if(columnId !== 'chilly_bin')
-          if(!column.hidden())
-            column.toggle();
+      _.each(this.columns, function (column, columnId) {
+        if (columnId !== 'chilly_bin') if (!column.hidden()) column.toggle();
       });
     }
-    this.model.projectBoard.stories.add([{
-      events: [], files: [], editing: true
-    }]);
+    this.model.projectBoard.stories.add([
+      {
+        events: [],
+        files: [],
+        editing: true,
+      },
+    ]);
   },
 
-  addStory: function(story, column) {
+  addStory: function (story, column) {
     // If column is blank determine it from the story.  When the add event
     // is bound on a collection, the callback sends the collection as the
     // second argument, so also check that column is a string and not an
@@ -93,66 +107,70 @@ const ProjectView = Backbone.View.extend({
     view.setFocus();
   },
 
-  appendViewToColumn: function(view, columnName) {
+  appendViewToColumn: function (view, columnName) {
     if (columnName === '#chilly_bin') return $(columnName).prepend(view.el);
     $(columnName).append(view.el);
   },
 
-  addIteration: function(iteration) {
+  addIteration: function (iteration) {
     var that = this;
     var column = iteration.get('column');
-    var view = new IterationView({model: iteration}).render();
+    var view = new IterationView({ model: iteration }).render();
     this.appendViewToColumn(view, column);
-    _.each(iteration.stories(), function(story) {
+    _.each(iteration.stories(), function (story) {
       that.addStory(story, column);
     });
   },
 
-  addAll: function() {
+  addAll: function () {
     var that = this;
 
-    _.each(this.columns, function(column) {
+    _.each(this.columns, function (column) {
       if (
-         column.$el.hasClass('search_results_column') ||
-         column.$el.hasClass('epic_column')
-         ) return;
-      column.$el.find('.story_column').html("");
+        column.$el.hasClass('search_results_column') ||
+        column.$el.hasClass('epic_column')
+      )
+        return;
+      column.$el.find('.story_column').html('');
     });
 
     this.model.rebuildIterations();
 
     // Render each iteration
-    _.each(this.model.iterations, function(iteration) {
+    _.each(this.model.iterations, function (iteration) {
       that.addIteration(iteration);
     });
 
     // Render the chilly bin.  This needs to be rendered separately because
     // the stories don't belong to an iteration.
-    _.each(this.model.projectBoard.stories.column('#chilly_bin'), function(story) {
-      that.addStory(story);
-    });
+    _.each(
+      this.model.projectBoard.stories.column('#chilly_bin'),
+      function (story) {
+        that.addStory(story);
+      }
+    );
 
     this.$loadingSpin.hide();
     this.scrollToStory(window.location.hash || '');
   },
 
-  scrollToStory: function(story_hash) {
-    if ( story_hash.lastIndexOf('#story', 0) === 0 ) {
+  scrollToStory: function (story_hash) {
+    if (story_hash.lastIndexOf('#story', 0) === 0) {
       var story = $(story_hash);
-      if ( story.length > 0 ) {
+      if (story.length > 0) {
         story.click();
         document.getElementById(story_hash.replace('#', '')).scrollIntoView();
         // clean url state so every refresh doesn't reopen the same story over and over
-        if(window.history.pushState) {
-            window.history.pushState('', '/', window.location.pathname)
+        if (window.history.pushState) {
+          window.history.pushState('', '/', window.location.pathname);
         } else {
-            window.location.hash = '';
+          window.location.hash = '';
         }
       }
     }
   },
 
-  scaleToViewport: function() {
+  scaleToViewport: function () {
     var viewSize = this.$('.content-wrapper').height();
     var columnHeaderSize = this.$('.column_header:first').outerHeight();
 
@@ -161,10 +179,8 @@ const ProjectView = Backbone.View.extend({
     this.$('.story_column, .activity_column').css('height', height + 'px');
 
     if ($(window).width() <= 992) {
-      _.each(this.columns, function(column, columnId) {
-        if(columnId !== 'in_progress')
-          if(!column.hidden())
-            column.toggle();
+      _.each(this.columns, function (column, columnId) {
+        if (columnId !== 'in_progress') if (!column.hidden()) column.toggle();
       });
       this.$('#form_search').hide();
     } else {
@@ -172,37 +188,37 @@ const ProjectView = Backbone.View.extend({
     }
   },
 
-  notice: function(message) {
+  notice: function (message) {
     $.gritter.add(message);
   },
 
   // make sure there is at least one column opened
-  checkColumnViewsVisibility: function() {
-    if (window.projectView === undefined)
-      return;
+  checkColumnViewsVisibility: function () {
+    if (window.projectView === undefined) return;
 
-    var filtered = _.filter(window.projectView.columns, function(column) {
-      if(!column.hidden())
-        return true;
+    var filtered = _.filter(window.projectView.columns, function (column) {
+      if (!column.hidden()) return true;
     });
 
-    if(filtered.length === 0) {
+    if (filtered.length === 0) {
       window.projectView.columns['in_progress'].toggle();
     }
   },
 
-  usernames: function() {
+  usernames: function () {
     return this.model.users
-      .map(function(user) { return user.get('username'); })
+      .map(function (user) {
+        return user.get('username');
+      })
       .sort();
   },
 
-  noticeSaveError: function(model) {
+  noticeSaveError: function (model) {
     this.notice({
-      title: I18n.t("save error", {defaultValue: "Save error"}),
-      text: model.errorMessages()
+      title: I18n.t('save error', { defaultValue: 'Save error' }),
+      text: model.errorMessages(),
     });
-  }
+  },
 });
 
 export default ProjectView;
diff --git a/app/assets/javascripts/views/search_results_bar_view.js b/app/assets/javascripts/views/search_results_bar_view.js
index 15b275d8c..c3c066353 100644
--- a/app/assets/javascripts/views/search_results_bar_view.js
+++ b/app/assets/javascripts/views/search_results_bar_view.js
@@ -5,19 +5,23 @@ const SearchResultsBarView = Backbone.View.extend({
 
   className: 'iteration',
 
-  render: function() {
-    this.$el.html(this.template({stories: this.model.search.length, points: this.points()}));
+  render: function () {
+    this.$el.html(
+      this.template({
+        stories: this.model.search.length,
+        points: this.points(),
+      })
+    );
     return this;
   },
 
-  points: function() {
-    var estimates = this.model.search.pluck('estimate')
-    var sum = _.reduce(estimates, function(total, estimate) {
+  points: function () {
+    var estimates = this.model.search.pluck('estimate');
+    var sum = _.reduce(estimates, function (total, estimate) {
       return total + estimate;
-    })
+    });
     return sum;
-  }
-
+  },
 });
 
 export default SearchResultsBarView;
diff --git a/app/assets/javascripts/views/story_view.jsx b/app/assets/javascripts/views/story_view.jsx
index 47ae605d7..98ea5cfb3 100644
--- a/app/assets/javascripts/views/story_view.jsx
+++ b/app/assets/javascripts/views/story_view.jsx
@@ -29,43 +29,61 @@ const StoryView = FormView.extend({
   tagName: 'div',
   linkedStories: {},
 
-  initialize: function(options) {
-    _.extend(this, _.pick(options, "isSearchResult"));
-
-    _.bindAll(this, "render", "highlight", "moveColumn", "setClassName",
-      "transition", "estimate", "disableForm", "renderNotes",
-      "hoverBox", "renderTasks", "handleNoteDelete", "handleSaveError",
-      "addEmptyTask", "handleNoteSubmit", "renderTaskForm", "handleTaskSubmit",
-      "clickSave", "handleTaskUpdate",
-      "handleTaskSaveSuccess", "handleTaskDelete",
-      "toggleControlButtons");
+  initialize: function (options) {
+    _.extend(this, _.pick(options, 'isSearchResult'));
+
+    _.bindAll(
+      this,
+      'render',
+      'highlight',
+      'moveColumn',
+      'setClassName',
+      'transition',
+      'estimate',
+      'disableForm',
+      'renderNotes',
+      'hoverBox',
+      'renderTasks',
+      'handleNoteDelete',
+      'handleSaveError',
+      'addEmptyTask',
+      'handleNoteSubmit',
+      'renderTaskForm',
+      'handleTaskSubmit',
+      'clickSave',
+      'handleTaskUpdate',
+      'handleTaskSaveSuccess',
+      'handleTaskDelete',
+      'toggleControlButtons'
+    );
 
     // Rerender on any relevant change to the views story
-    this.model.on("change", this.render);
+    this.model.on('change', this.render);
 
-    this.model.on("change:title", this.highlight);
-    this.model.on("change:description", this.highlight);
-    this.model.on("change:column", this.highlight);
-    this.model.on("change:state", this.highlight);
-    this.model.on("change:position", this.highlight);
-    this.model.on("change:estimate", this.highlight);
-    this.model.on("change:story_type", this.highlight);
+    this.model.on('change:title', this.highlight);
+    this.model.on('change:description', this.highlight);
+    this.model.on('change:column', this.highlight);
+    this.model.on('change:state', this.highlight);
+    this.model.on('change:position', this.highlight);
+    this.model.on('change:estimate', this.highlight);
+    this.model.on('change:story_type', this.highlight);
 
-    this.model.on("change:column", this.moveColumn);
+    this.model.on('change:column', this.moveColumn);
 
-    this.model.on("change:estimate", this.setClassName);
-    this.model.on("change:state", this.setClassName);
+    this.model.on('change:estimate', this.setClassName);
+    this.model.on('change:state', this.setClassName);
 
-    this.model.on("change:tasks", this.addEmptyTask);
-    this.model.on("change:tasks", this.renderTasksCollection);
+    this.model.on('change:tasks', this.addEmptyTask);
+    this.model.on('change:tasks', this.renderTasksCollection);
 
-    this.model.on("render", this.hoverBox);
+    this.model.on('render', this.hoverBox);
     // Supply the model with a reference to it's own view object, so it can
     // remove itself from the page when destroy() gets called.
     this.model.views.push(this);
 
     if (this.model.id) {
-      this.id = this.el.id = (this.isSearchResult ? 'search-result-' : '') + this.model.id;
+      this.id = this.el.id =
+        (this.isSearchResult ? 'search-result-' : '') + this.model.id;
       this.$el.attr('id', 'story-' + this.id);
       this.$el.data('story-id', this.id);
     }
@@ -74,27 +92,27 @@ const StoryView = FormView.extend({
     this.setClassName();
   },
 
-  isReadonly: function() {
+  isReadonly: function () {
     return this.model.isReadonly;
   },
 
   events: {
-    "click": "startEdit",
-    "click .epic-link": "openEpic",
-    "click .cancel": "cancelEdit",
-    "click .clone-story": "cloneStory",
-    "click .transition": "transition",
-    "change select.story_type": "render",
-    "click .destroy": "clear",
-    "click .description": "editDescription",
-    "click .edit-description": "editDescription",
-    "click .toggle-history": "showHistory",
-    "sortupdate": "sortUpdate",
-    "click #locate": "highlightSearchedStory"
+    click: 'startEdit',
+    'click .epic-link': 'openEpic',
+    'click .cancel': 'cancelEdit',
+    'click .clone-story': 'cloneStory',
+    'click .transition': 'transition',
+    'change select.story_type': 'render',
+    'click .destroy': 'clear',
+    'click .description': 'editDescription',
+    'click .edit-description': 'editDescription',
+    'click .toggle-history': 'showHistory',
+    sortupdate: 'sortUpdate',
+    'click #locate': 'highlightSearchedStory',
   },
 
   // Triggered whenever a story is dropped to a new position
-  sortUpdate: function(ev, ui) {
+  sortUpdate: function (ev, ui) {
     // The target element, i.e. the StoryView.el element
     var target = $(ev.target);
 
@@ -107,10 +125,13 @@ const StoryView = FormView.extend({
 
     // Set the story state if drop column is chilly_bin or backlog
     var column = target.parent().attr('id');
-    if (column === 'backlog' || (column === 'in_progress' && this.model.get('state') === 'unscheduled')) {
-      this.model.set({state: 'unstarted'});
+    if (
+      column === 'backlog' ||
+      (column === 'in_progress' && this.model.get('state') === 'unscheduled')
+    ) {
+      this.model.set({ state: 'unstarted' });
     } else if (column === 'chilly_bin') {
-      this.model.set({state: 'unscheduled'});
+      this.model.set({ state: 'unscheduled' });
       [previous_story_id, next_story_id] = [next_story_id, previous_story_id];
     }
 
@@ -118,12 +139,19 @@ const StoryView = FormView.extend({
     // column, which will be either the backlog or the chilly bin as these
     // are the only columns that can receive drops from other columns.
     if (_.isUndefined(previous_story_id) && _.isUndefined(next_story_id)) {
+      var beforeSearchColumns = this.model.collection.project.columnsBefore(
+        '#' + column
+      );
+      var afterSearchColumns = this.model.collection.project.columnsAfter(
+        '#' + column
+      );
 
-      var beforeSearchColumns = this.model.collection.project.columnsBefore('#' + column);
-      var afterSearchColumns  = this.model.collection.project.columnsAfter('#' + column);
-
-      var previousStory = _.last(this.model.collection.columns(beforeSearchColumns));
-      var nextStory = _.first(this.model.collection.columns(afterSearchColumns));
+      var previousStory = _.last(
+        this.model.collection.columns(beforeSearchColumns)
+      );
+      var nextStory = _.first(
+        this.model.collection.columns(afterSearchColumns)
+      );
 
       if (typeof previousStory !== 'undefined') {
         previous_story_id = previousStory.id;
@@ -143,23 +171,24 @@ const StoryView = FormView.extend({
       // previous or next story.  If this is not the case then something
       // has gone wrong.
       if (this.model.collection.length !== 1) {
-        throw "Unable to determine previous or next story id for dropped story";
+        throw 'Unable to determine previous or next story id for dropped story';
       }
     }
     this.model.save();
   },
 
-  transition: function(ev) {
+  transition: function (ev) {
     // The name of the function that needs to be called on the model is the
     // value of the form button that was clicked.
     var transitionEvent = ev.target.value;
-    _.each(I18n.t('story.events'), function(value, key) {
-      if( value === transitionEvent )
-        transitionEvent = key;
-    })
+    _.each(I18n.t('story.events'), function (value, key) {
+      if (value === transitionEvent) transitionEvent = key;
+    });
 
     if (transitionEvent === 'accept' || transitionEvent === 'reject') {
-      var confirmed = confirm( I18n.t('story.definitive_sure', {action: transitionEvent} ));
+      var confirmed = confirm(
+        I18n.t('story.definitive_sure', { action: transitionEvent })
+      );
 
       if (!confirmed) return;
     }
@@ -167,60 +196,58 @@ const StoryView = FormView.extend({
     this.saveInProgress = true;
     this.render();
 
-    this.model[transitionEvent]({silent:true});
+    this.model[transitionEvent]({ silent: true });
 
     var that = this;
     this.model.save(null, {
-      success: function(model, response) {
+      success: function (model, response) {
         that.saveInProgress = false;
         that.render();
       },
-      error: function(model, response) {
+      error: function (model, response) {
         var json = $.parseJSON(response.responseText);
         window.projectView.notice({
-          title: I18n.t("save error"),
-          text: model.errorMessages()
+          title: I18n.t('save error'),
+          text: model.errorMessages(),
         });
         that.saveInProgress = false;
         that.render();
-      }
+      },
     });
   },
 
-  estimate: function(points) {
+  estimate: function (points) {
     this.saveInProgress = true;
     this.render();
     this.model.set({ estimate: points });
 
     var that = this;
     this.model.save(null, {
-      success: function(model, response) {
+      success: function (model, response) {
         that.saveInProgress = false;
         that.render();
       },
-      error: function(model, response) {
+      error: function (model, response) {
         var json = $.parseJSON(response.responseText);
         window.projectView.notice({
-          title: I18n.t("save error"),
-          text: model.errorMessages()
+          title: I18n.t('save error'),
+          text: model.errorMessages(),
         });
         that.saveInProgress = false;
         that.render();
-      }
+      },
     });
   },
 
-  canEdit: function() {
-    var isEditable              = this.model.get('editing');
+  canEdit: function () {
+    var isEditable = this.model.get('editing');
     var isSearchResultContainer = this.$el.hasClass('searchResult');
-    var clickFromSearchResult   = this.model.get('clickFromSearchResult');
-    if (_.isUndefined(isEditable))
-      isEditable = false;
-    if (_.isUndefined(clickFromSearchResult))
-      clickFromSearchResult = false;
-    if ( clickFromSearchResult && isSearchResultContainer ) {
+    var clickFromSearchResult = this.model.get('clickFromSearchResult');
+    if (_.isUndefined(isEditable)) isEditable = false;
+    if (_.isUndefined(clickFromSearchResult)) clickFromSearchResult = false;
+    if (clickFromSearchResult && isSearchResultContainer) {
       return isEditable;
-    } else if ( !clickFromSearchResult && !isSearchResultContainer ) {
+    } else if (!clickFromSearchResult && !isSearchResultContainer) {
       return isEditable;
     } else {
       return false;
@@ -228,40 +255,44 @@ const StoryView = FormView.extend({
   },
 
   // Move the story to a new column
-  moveColumn: function() {
+  moveColumn: function () {
     this.$el.appendTo(this.model.get('column'));
   },
 
-  startEdit: function(e) {
+  startEdit: function (e) {
     if (this.eventShouldExpandStory(e)) {
-      this.model.set({editing: true, editingDescription: false, clickFromSearchResult: this.$el.hasClass('searchResult')});
+      this.model.set({
+        editing: true,
+        editingDescription: false,
+        clickFromSearchResult: this.$el.hasClass('searchResult'),
+      });
       this.removeHoverbox();
     }
   },
 
-  openEpic: function(e) {
+  openEpic: function (e) {
     e.stopPropagation();
     var label = $(e.target).text();
-    new EpicView({model: this.model.collection.project, label: label});
+    new EpicView({ model: this.model.collection.project, label: label });
   },
 
   // When a story is clicked, this method is used to check whether the
   // corresponding click event should expand the story into its form view.
-  eventShouldExpandStory: function(e) {
+  eventShouldExpandStory: function (e) {
     // Shouldn't expand if it's already expanded.
     if (this.canEdit()) {
       return false;
     }
     // Should expand if the click wasn't on one of the buttons.
-    if ($(e.target).is('input')) return false
-    if ($(e.target).is('.input')) return false
-    if ($(e.target).is('button')) return false
-    if ($(e.target).parent().is('button')) return false
+    if ($(e.target).is('input')) return false;
+    if ($(e.target).is('.input')) return false;
+    if ($(e.target).is('button')) return false;
+    if ($(e.target).parent().is('button')) return false;
     return true;
   },
 
-  cancelEdit: function() {
-    this.model.set({editing: false});
+  cancelEdit: function () {
+    this.model.set({ editing: false });
 
     // If the model was edited, but the edits were deemed invalid by the
     // server, the local copy of the model will still be invalid and have
@@ -279,7 +310,7 @@ const StoryView = FormView.extend({
     }
   },
 
-  saveEdit: function(event, editMode) {
+  saveEdit: function (event, editMode) {
     this.disableForm();
 
     // Call this here to ensure the story gets it's accepted_at date set
@@ -291,47 +322,47 @@ const StoryView = FormView.extend({
     var that = this;
 
     this.model.save(null, {
-      success: function(model, response) {
+      success: function (model, response) {
         that.enableForm();
         that.model.set({ editing: editMode });
         that.toggleControlButtons(false);
         that.highlightStory();
       },
-      error: function(model, response) {
+      error: function (model, response) {
         var json = $.parseJSON(response.responseText);
-        model.set({editing: true, errors: json.story.errors});
+        model.set({ editing: true, errors: json.story.errors });
 
         window.projectView.notice({
-          title: I18n.t("save error"),
-          text: model.errorMessages()
+          title: I18n.t('save error'),
+          text: model.errorMessages(),
         });
 
         that.enableForm();
-      }
+      },
     });
   },
 
   // Delete the story and remove it's view element
-  clear: function() {
-    if (confirm("Are you sure you want to destroy this story?"))
+  clear: function () {
+    if (confirm('Are you sure you want to destroy this story?'))
       this.model.clear();
   },
 
-  editDescription: function(ev) {
+  editDescription: function (ev) {
     const $target = $(ev.target);
     if ($target.hasClass('story-link') || $target.hasClass('story-link-icon'))
       return;
 
-    this.model.set({editingDescription: true});
+    this.model.set({ editingDescription: true });
     this.render();
   },
 
   // Visually highlight the story if an external change happens
-  highlight: function() {
-    if(!this.model.get('editing')) {
+  highlight: function () {
+    if (!this.model.get('editing')) {
       // Workaround for http://bugs.jqueryui.com/ticket/5506
       if (this.$el.is(':visible')) {
-        this.$el.effect("highlight", {}, 3000);
+        this.$el.effect('highlight', {}, 3000);
       }
     }
   },
@@ -349,10 +380,10 @@ const StoryView = FormView.extend({
         },
         error: (model, response) => {
           window.projectView.notice({
-            title: I18n.t("save error"),
+            title: I18n.t('save error'),
             text: model.errorMessages(),
           });
-        }
+        },
       });
     }
   },
@@ -363,7 +394,7 @@ const StoryView = FormView.extend({
       created_at: null,
       updated_at: null,
       position: null,
-      state: "unscheduled",
+      state: 'unscheduled',
     });
     return story;
   },
@@ -375,33 +406,35 @@ const StoryView = FormView.extend({
 
   scrollToStory: function () {
     const storyElement = this.storyElement();
-    $('.content-wrapper').animate({
-      scrollTop: storyElement.offset().top - 15
-    }, 'fast');
+    $('.content-wrapper').animate(
+      {
+        scrollTop: storyElement.offset().top - 15,
+      },
+      'fast'
+    );
   },
 
   highlightStory: function () {
     const element = this.storyElement();
-    element.effect("highlight", {color: 'lightgreen'}, 1500);
+    element.effect('highlight', { color: 'lightgreen' }, 1500);
   },
 
-  storyElement: function ()  {
-    return $(`#story-${ this.model.get('id') }`);
+  storyElement: function () {
+    return $(`#story-${this.model.get('id')}`);
   },
 
-  render: function() {
+  render: function () {
     const storyControlsContainer = this.$('[data-story-controls]').get(0);
     if (storyControlsContainer) {
       ReactDOM.unmountComponentAtNode(storyControlsContainer);
     }
 
-    var isGuest = (
+    var isGuest =
       this.model.collection !== undefined &&
       this.model.collection.project.current_user !== undefined &&
-      this.model.collection.project.current_user.get('guest?')
-    );
+      this.model.collection.project.current_user.get('guest?');
 
-    if(this.canEdit()) {
+    if (this.canEdit()) {
       this.renderExpanded(isGuest);
     } else {
       this.renderCollapsed(isGuest);
@@ -412,7 +445,7 @@ const StoryView = FormView.extend({
     return this;
   },
 
-  renderExpanded: function(isGuest) {
+  renderExpanded: function (isGuest) {
     this.$el.empty();
     this.$el.addClass('editing');
 
@@ -428,52 +461,60 @@ const StoryView = FormView.extend({
     this.$el.append($('<div data-story-task-form></div>'));
     this.$el.append($('<div data-story-notes></div>'));
     this.$el.append($('<div data-story-note-form></div>'));
-    if(this.model.get('story_type') === 'release') {
+    if (this.model.get('story_type') === 'release') {
       this.$el.empty();
       this.$el.append($storyControls);
       this.renderReleaseStory();
     }
     this.renderReactComponents();
 
-    if (isGuest) { this.toggleControlButtons(true, false) }
+    if (isGuest) {
+      this.toggleControlButtons(true, false);
+    }
   },
 
-  appendHistoryLocation: function() {
+  appendHistoryLocation: function () {
     if (this.id !== undefined) {
-      const $storyHistoryLocation = $('<div data-story-history-location></div>');
+      const $storyHistoryLocation = $(
+        '<div data-story-history-location></div>'
+      );
       this.$el.append($storyHistoryLocation);
     }
   },
 
-  appendTitle: function() {
-    this.$el.append(
-      this.makeFormControl(this.makeTitle())
-    );
+  appendTitle: function () {
+    this.$el.append(this.makeFormControl(this.makeTitle()));
   },
 
-  appendEstimateTypeState: function() {
+  appendEstimateTypeState: function () {
     this.$el.append(
-      this.makeFormControl(function(div) {
+      this.makeFormControl(function (div) {
         $(div).addClass('form-inline');
 
-        const $storyEstimate = $('<div class="form-group" data-story-estimate></div>');
+        const $storyEstimate = $(
+          '<div class="form-group" data-story-estimate></div>'
+        );
         $(div).append($storyEstimate);
 
         const $storyType = $('<div class="form-group" data-story-type></div>');
         $(div).append($storyType);
 
-        const $storyState = $('<div class="form-group" data-story-state></div>');
+        const $storyState = $(
+          '<div class="form-group" data-story-state></div>'
+        );
         $(div).append($storyState);
       })
     );
   },
 
-  appendRequestedAndOwnedBy: function() {
+  appendRequestedAndOwnedBy: function () {
     this.$el.append(
-      this.makeFormControl(function(div) {
+      this.makeFormControl(function (div) {
         $(div).addClass('form-inline');
 
-        const $storyRequestedBy = $('<div class="form-group" data-requested-by></div>');
+        const $storyRequestedBy = $(
+          '<div class="form-group" data-requested-by></div>'
+        );
         $(div).append($storyRequestedBy);
 
         const $storyOwnedBy = $('<div class="form-group" data-owned-by></div>');
@@ -482,44 +523,42 @@ const StoryView = FormView.extend({
     );
   },
 
-  appendTags: function() {
+  appendTags: function () {
     this.$el.append(
-      this.makeFormControl(function(div) {
+      this.makeFormControl(function (div) {
         const $storyTags = $('<div class="form-group" data-tags></div>');
         $(div).append($storyTags);
       })
     );
   },
 
-  appendDescription: function() {
+  appendDescription: function () {
     this.$el.append(
-      this.makeFormControl(function(div) {
+      this.makeFormControl(function (div) {
         var $storyDescription = $('<div class="story-description"><div>');
         $(div).append($storyDescription);
       })
     );
   },
 
-  renderCollapsed: function(isGuest) {
-
+  renderCollapsed: function (isGuest) {
     this.$el.removeClass('editing');
-    this.$el.html(this.template({story: this.model, view: this}));
-    this.$el.toggleClass('collapsed-iteration',
-                         !this.model.get('isVisible') &&
-                         !this.isSearchResult);
+    this.$el.html(this.template({ story: this.model, view: this }));
+    this.$el.toggleClass(
+      'collapsed-iteration',
+      !this.model.get('isVisible') && !this.isSearchResult
+    );
 
-    const stateButtons = this.$('[data-story-state-buttons]').get(0)
-    if(stateButtons) {
+    const stateButtons = this.$('[data-story-state-buttons]').get(0);
+    if (stateButtons) {
       ReactDOM.render(
-        <StoryStateButtons
-          events={this.model.events()}
-        />,
+        <StoryStateButtons events={this.model.events()} />,
         stateButtons
       );
     }
 
-    const estimateButtons = this.$('[data-story-estimate-buttons]').get(0)
-    if(estimateButtons) {
+    const estimateButtons = this.$('[data-story-estimate-buttons]').get(0);
+    if (estimateButtons) {
       ReactDOM.render(
         <StoryEstimateButtons
           points={this.model.point_values()}
@@ -529,10 +568,15 @@ const StoryView = FormView.extend({
       );
     }
 
-    if (isGuest) { this.$el.find('.state-actions').find('.transition').prop('disabled', true) }
+    if (isGuest) {
+      this.$el
+        .find('.state-actions')
+        .find('.transition')
+        .prop('disabled', true);
+    }
   },
 
-  renderReactComponents: function() {
+  renderReactComponents: function () {
     this.renderControls();
     this.renderHistoryLocationContainer();
     this.renderDescription();
@@ -542,7 +586,7 @@ const StoryView = FormView.extend({
     this.renderNotes();
   },
 
-  renderControls: function() {
+  renderControls: function () {
     ReactDOM.render(
       <StoryControls
         onClickSave={this.clickSave}
@@ -553,8 +597,10 @@ const StoryView = FormView.extend({
     );
   },
 
-  renderHistoryLocationContainer: function() {
-    const historyLocationContainer = this.$('[data-story-history-location]').get(0);
+  renderHistoryLocationContainer: function () {
+    const historyLocationContainer = this.$(
+      '[data-story-history-location]'
+    ).get(0);
     if (historyLocationContainer) {
       ReactDOM.render(
         <StoryHistoryLocation
@@ -567,21 +613,23 @@ const StoryView = FormView.extend({
     }
   },
 
-  renderDescription: function() {
+  renderDescription: function () {
     const description = this.$('.story-description')[0];
     if (description) {
       ReactDOM.render(
         <StoryDescription
-          name='description'
+          name="description"
           linkedStories={this.linkedStories}
           isReadonly={this.isReadonly()}
           description={this.parseDescription()}
           usernames={window.projectView.usernames()}
           isNew={this.model.isNew()}
           editingDescription={this.model.get('editingDescription')}
-          value={this.model.get("description")}
+          value={this.model.get('description')}
           fileuploadprogressall={this.uploadProgressBar}
-          onChange={ (event) => this.onChangeModel(event.target.value, "description") }
+          onChange={event =>
+            this.onChangeModel(event.target.value, 'description')
+          }
           onClick={this.editDescription}
         />,
         description
@@ -589,16 +637,16 @@ const StoryView = FormView.extend({
     }
   },
 
-  renderTagsInput: function() {
+  renderTagsInput: function () {
     const tagsInput = this.$('[data-tags]')[0];
     if (tagsInput) {
       ReactDOM.render(
         <StoryLabels
-          name='labels'
-          className='labels'
+          name="labels"
+          className="labels"
           value={this.model.get('labels')}
           availableLabels={this.model.collection.labels}
-          onChange={ (event) => this.onChangeModel(event.target.value, "labels") }
+          onChange={event => this.onChangeModel(event.target.value, 'labels')}
           disabled={this.isReadonly()}
         />,
         tagsInput
@@ -606,14 +654,16 @@ const StoryView = FormView.extend({
     }
   },
 
-  renderSelects: function() {
+  renderSelects: function () {
     const $storyEstimateSelect = this.$('[data-story-estimate]');
     if ($storyEstimateSelect.length) {
-      const storyEstimateOptions = this.model.point_values().map(this.createStoryEstimateOptions);
+      const storyEstimateOptions = this.model
+        .point_values()
+        .map(this.createStoryEstimateOptions);
       ReactDOM.render(
         <StorySelect
-          name='estimate'
-          className='story_estimate'
+          name="estimate"
+          className="story_estimate"
           blank={I18n.t('story.no_estimate')}
           options={storyEstimateOptions}
           selected={this.model.get('estimate')}
@@ -622,35 +672,49 @@ const StoryView = FormView.extend({
         $storyEstimateSelect.get(0)
       );
 
-      this.bindElementToAttribute($storyEstimateSelect.find('select[name="estimate"]'), 'estimate');
+      this.bindElementToAttribute(
+        $storyEstimateSelect.find('select[name="estimate"]'),
+        'estimate'
+      );
     }
 
     const $storyTypeSelect = this.$('[data-story-type]');
     if ($storyTypeSelect.length) {
-      const typeOptions = ["feature", "chore", "bug", "release"];
+      const typeOptions = ['feature', 'chore', 'bug', 'release'];
       const storyTypeOptions = typeOptions.map(this.createStoryTypeOptions);
       ReactDOM.render(
         <StorySelect
-          className='story_type'
+          className="story_type"
           options={storyTypeOptions}
-          name='story_type'
+          name="story_type"
           selected={this.model.get('story_type')}
           disabled={this.isReadonly()}
         />,
         $storyTypeSelect.get(0)
       );
 
-      this.bindElementToAttribute($storyTypeSelect.find('select[name="story_type"]'), 'story_type');
+      this.bindElementToAttribute(
+        $storyTypeSelect.find('select[name="story_type"]'),
+        'story_type'
+      );
     }
 
     const $storyStateSelect = this.$('[data-story-state]');
     if ($storyStateSelect.length) {
-      const stateOptions = ["unscheduled", "unstarted", "started", "finished", "delivered", "accepted", "rejected"];
+      const stateOptions = [
+        'unscheduled',
+        'unstarted',
+        'started',
+        'finished',
+        'delivered',
+        'accepted',
+        'rejected',
+      ];
       const storyStateOptions = stateOptions.map(this.createStoryStateOptions);
       ReactDOM.render(
         <StorySelect
-          name='state'
-          className='story_state'
+          name="state"
+          className="story_state"
           options={storyStateOptions}
           selected={this.model.get('state')}
           disabled={this.isReadonly()}
@@ -658,17 +722,21 @@ const StoryView = FormView.extend({
         $storyStateSelect.get(0)
       );
 
-      this.bindElementToAttribute($storyStateSelect.find('select[name="state"]'), 'state');
+      this.bindElementToAttribute(
+        $storyStateSelect.find('select[name="state"]'),
+        'state'
+      );
     }
 
     const $storyRequestedBySelect = this.$('[data-requested-by]');
     if ($storyRequestedBySelect.length) {
-      const storyRequestedByOptions = this.model.collection.project.users.forSelect();
+      const storyRequestedByOptions =
+        this.model.collection.project.users.forSelect();
       ReactDOM.render(
         <StorySelect
-          name='requested_by'
-          blank='---'
-          className='requested_by_id'
+          name="requested_by"
+          blank="---"
+          className="requested_by_id"
           options={storyRequestedByOptions}
           selected={this.model.get('requested_by_id')}
           disabled={this.isReadonly()}
@@ -676,29 +744,36 @@ const StoryView = FormView.extend({
         $storyRequestedBySelect.get(0)
       );
 
-      this.bindElementToAttribute($storyRequestedBySelect.find('select[name="requested_by"]'), 'requested_by_id');
+      this.bindElementToAttribute(
+        $storyRequestedBySelect.find('select[name="requested_by"]'),
+        'requested_by_id'
+      );
     }
 
     const $storyOwnedBySelect = this.$('[data-owned-by]');
     if ($storyOwnedBySelect.length) {
-      const storyOwnedByOptions = this.model.collection.project.users.forSelect();
+      const storyOwnedByOptions =
+        this.model.collection.project.users.forSelect();
       ReactDOM.render(
         <StorySelect
-          name='owned_by'
-          className='owned_by_id'
+          name="owned_by"
+          className="owned_by_id"
           options={storyOwnedByOptions}
-          blank='---'
+          blank="---"
           selected={this.model.get('owned_by_id')}
           disabled={this.isReadonly()}
         />,
         $storyOwnedBySelect.get(0)
       );
 
-      this.bindElementToAttribute($storyOwnedBySelect.find('select[name="owned_by"]'), 'owned_by_id');
+      this.bindElementToAttribute(
+        $storyOwnedBySelect.find('select[name="owned_by"]'),
+        'owned_by_id'
+      );
     }
   },
 
-  renderNotes: function() {
+  renderNotes: function () {
     const $storyNotes = this.$('[data-story-notes]');
     if ($storyNotes.length && !this.model.isNew()) {
       const isReadonly = this.isReadonly();
@@ -706,7 +781,7 @@ const StoryView = FormView.extend({
 
       ReactDOM.render(
         <StoryNotes
-          notes={isReadonly ? notes : notes.slice(0,-1)}
+          notes={isReadonly ? notes : notes.slice(0, -1)}
           disabled={isReadonly}
           onDelete={this.handleNoteDelete}
         />,
@@ -719,7 +794,7 @@ const StoryView = FormView.extend({
     }
   },
 
-  renderNoteForm: function() {
+  renderNoteForm: function () {
     const $noteForm = this.$('[data-story-note-form]');
     if ($noteForm.length) {
       this.addEmptyNote();
@@ -731,17 +806,17 @@ const StoryView = FormView.extend({
         />,
         $noteForm.get(0)
       );
-      const addNoteButton = $noteForm.find('button')
-      const noteTextArea = $noteForm.find('textarea')
+      const addNoteButton = $noteForm.find('button');
+      const noteTextArea = $noteForm.find('textarea');
 
-      addNoteButton.attr('disabled', 'disabled')
+      addNoteButton.attr('disabled', 'disabled');
 
       noteTextArea.atwho({
         at: '@',
-        data: window.projectView.usernames()
+        data: window.projectView.usernames(),
       });
 
-      noteTextArea.keyup(function() {
+      noteTextArea.keyup(function () {
         if ($.trim(noteTextArea.val())) {
           addNoteButton.removeAttr('disabled');
         } else {
@@ -751,20 +826,20 @@ const StoryView = FormView.extend({
     }
   },
 
-  handleNoteDelete: function(note) {
+  handleNoteDelete: function (note) {
     note.destroy();
     this.renderNotes();
   },
 
-  handleNoteSubmit: function({ note, newValue }) {
-    note.set({note: newValue});
+  handleNoteSubmit: function ({ note, newValue }) {
+    note.set({ note: newValue });
     return note.save(null, {
       success: () => window.projectView.model.fetch(),
-      error: this.handleSaveError
+      error: this.handleSaveError,
     });
   },
 
-  renderTasks: function() {
+  renderTasks: function () {
     const $storyTasks = this.$('[data-story-tasks]');
     if ($storyTasks.length && !this.model.isNew()) {
       const isReadonly = this.isReadonly();
@@ -786,7 +861,7 @@ const StoryView = FormView.extend({
     }
   },
 
-  renderTaskForm: function() {
+  renderTaskForm: function () {
     const $taskForm = this.$('[data-story-task-form]');
     if ($taskForm.length) {
       this.addEmptyTask();
@@ -798,12 +873,12 @@ const StoryView = FormView.extend({
         />,
         $taskForm.get(0)
       );
-      const addTaskButton = $taskForm.find('button')
-      const taskTextArea = $taskForm.find('input')
+      const addTaskButton = $taskForm.find('button');
+      const taskTextArea = $taskForm.find('input');
 
-      addTaskButton.attr('disabled', 'disabled')
+      addTaskButton.attr('disabled', 'disabled');
 
-      taskTextArea.keyup(function() {
+      taskTextArea.keyup(function () {
         if ($.trim(taskTextArea.val())) {
           addTaskButton.removeAttr('disabled');
         } else {
@@ -813,84 +888,93 @@ const StoryView = FormView.extend({
     }
   },
 
-  handleTaskSubmit: function({task, taskName}) {
+  handleTaskSubmit: function ({ task, taskName }) {
     task.set('name', taskName);
     return task.save(null, {
       dataType: 'text',
       success: this.handleTaskSaveSuccess,
-      error: this.handleSaveError
+      error: this.handleSaveError,
     });
   },
 
-  handleTaskDelete: function(task) {
+  handleTaskDelete: function (task) {
     task.destroy();
     this.renderTasks();
   },
 
-  handleTaskSaveSuccess: function() {
+  handleTaskSaveSuccess: function () {
     window.projectView.model.fetch();
     this.renderTasks();
   },
 
-  handleTaskUpdate: function({task, done}) {
+  handleTaskUpdate: function ({ task, done }) {
     task.set('done', done);
     task.save(null, {
       dataType: 'text',
       success: this.handleTaskSaveSuccess,
-      error: this.handleSaveError
+      error: this.handleSaveError,
     });
   },
 
-  handleSaveError: function(model, response) {
+  handleSaveError: function (model, response) {
     const json = JSON.parse(response.responseText);
-    model.set({errors: json[model.name].errors});
+    model.set({ errors: json[model.name].errors });
     window.projectView.noticeSaveError(model);
   },
 
-  createStoryEstimateOptions: function(option) {
+  createStoryEstimateOptions: function (option) {
     return [option, option];
   },
 
-  createStoryTypeOptions: function(option) {
+  createStoryTypeOptions: function (option) {
     return [I18n.t('story.type.' + option), option];
   },
 
-  createStoryStateOptions: function(option) {
+  createStoryStateOptions: function (option) {
     return [I18n.t('story.state.' + option), option];
   },
 
-  makeTitle: function() {
-    return function(div) {
-      $(div).append(this.label("title", I18n.t('activerecord.attributes.story.title')));
-      $(div).append(this.textField("title", {
-        'class' : 'title form-control input-sm',
-        'placeholder': I18n.t('story title'),
-        'maxlength': 255,
-        'disabled': this.isReadonly()
-      }));
-    }
+  makeTitle: function () {
+    return function (div) {
+      $(div).append(
+        this.label('title', I18n.t('activerecord.attributes.story.title'))
+      );
+      $(div).append(
+        this.textField('title', {
+          class: 'title form-control input-sm',
+          placeholder: I18n.t('story title'),
+          maxlength: 255,
+          disabled: this.isReadonly(),
+        })
+      );
+    };
   },
 
-  renderReleaseStory: function() {
-    this.$el.append(
-      this.makeFormControl(this.makeTitle())
-    );
+  renderReleaseStory: function () {
+    this.$el.append(this.makeFormControl(this.makeTitle()));
 
-    if(this.model.get('editing')) {
+    if (this.model.get('editing')) {
       this.$el.append(
-        this.makeFormControl(function(div) {
-          const $storyType = $('<div class="form-group" data-story-type></div>');
+        this.makeFormControl(function (div) {
+          const $storyType = $(
+            '<div class="form-group" data-story-type></div>'
+          );
           $(div).append($storyType);
-        }));
+        })
+      );
     }
 
-    const $storyDate = $('<div class="form-group" data-story-datepicker></div>');
+    const $storyDate = $(
+      '<div class="form-group" data-story-datepicker></div>'
+    );
     this.$el.append($storyDate);
 
     ReactDOM.render(
       <StoryDatePicker
         releaseDate={this.model.get('release_date')}
-        onChangeCallback={function() {$('input[name=release_date]').trigger('change')}}
+        onChangeCallback={function () {
+          $('input[name=release_date]').trigger('change');
+        }}
       />,
       $storyDate.get(0)
     );
@@ -899,27 +983,29 @@ const StoryView = FormView.extend({
     this.bindElementToAttribute(dateInput, 'release_date');
 
     this.$el.append(
-      this.makeFormControl(function(div) {
+      this.makeFormControl(function (div) {
         var $description = $('<div class="story-description"><div>');
         $(div).append($description);
       })
     );
   },
 
-  parseDescription: function() {
+  parseDescription: function () {
     const description = this.model.get('description') || '';
     var id, story;
     return description.replace(LOCAL_STORY_REGEXP, story_id => {
       id = story_id.substring(1);
       story = this.model.collection.get(id);
       this.linkedStories[id] = story;
-      return (story) ? `<p data-story-id='${id}'></p>` : story_id;
+      return story ? `<p data-story-id='${id}'></p>` : story_id;
     });
   },
 
-  setClassName: function() {
+  setClassName: function () {
     var className = [
-      'story', this.model.get('story_type'), this.model.get('state')
+      'story',
+      this.model.get('story_type'),
+      this.model.get('state'),
     ].join(' ');
     if (this.model.estimable() && !this.model.estimated()) {
       className += ' unestimated';
@@ -933,21 +1019,27 @@ const StoryView = FormView.extend({
 
   saveInProgress: false,
 
-  disableForm: function() {
+  disableForm: function () {
     this.$el.find('input,select,textarea').attr('disabled', 'disabled');
-    this.$el.find('a.collapse,a.expand').removeClass(/icons-/).addClass('icons-throbber');
+    this.$el
+      .find('a.collapse,a.expand')
+      .removeClass(/icons-/)
+      .addClass('icons-throbber');
   },
 
-  enableForm: function() {
+  enableForm: function () {
     this.$el.find('input,select,textarea').removeAttr('disabled');
-    this.$el.find('a.collapse').removeClass(/icons-/).addClass("icons-collapse");
+    this.$el
+      .find('a.collapse')
+      .removeClass(/icons-/)
+      .addClass('icons-collapse');
   },
 
-  onChangeModel: function(value, element) {
-    this.model.set({ [element]: value }, {silent: true});
+  onChangeModel: function (value, element) {
+    this.model.set({ [element]: value }, { silent: true });
   },
 
-  addEmptyTask: function() {
+  addEmptyTask: function () {
     if (this.model.isNew()) {
       return;
     }
@@ -960,8 +1052,7 @@ const StoryView = FormView.extend({
     this.model.tasks.add({});
   },
 
-  addEmptyNote: function() {
-
+  addEmptyNote: function () {
     // Don't add an empty note if the story is unsaved.
     if (this.model.isNew()) {
       return;
@@ -977,65 +1068,66 @@ const StoryView = FormView.extend({
     // Add a new unsaved note to the collection.  This will be rendered
     // as a form which will allow the user to add a new note to the story.
     this.model.notes.add({});
-    this.$el.find('a.collapse,a.expand').removeClass(/icons-/).addClass('icons-throbber');
+    this.$el
+      .find('a.collapse,a.expand')
+      .removeClass(/icons-/)
+      .addClass('icons-throbber');
   },
 
   // FIXME Move to separate view
-  hoverBox: function() {
+  hoverBox: function () {
     if (!this.model.isNew()) {
       this.$el.find('.popover-activate').popover({
         delay: 200, // A small delay to stop the popovers triggering whenever the mouse is moving around
         html: true,
         trigger: 'hover',
-        title: () => this.model.get("title"),
-        content: () => storyHoverTemplate({
-          story: this.model,
-          noteTemplate: noteTemplate
-        })
+        title: () => this.model.get('title'),
+        content: () =>
+          storyHoverTemplate({
+            story: this.model,
+            noteTemplate: noteTemplate,
+          }),
       });
     }
   },
 
-  removeHoverbox: function() {
+  removeHoverbox: function () {
     $('.popover').remove();
   },
 
-  backLoggedRelease: function() {
+  backLoggedRelease: function () {
     var backlogged = false;
-    const {
-      collection,
-      attributes,
-    } = this.model;
-    if(collection.project.iterations) {
-      collection.project.iterations.forEach((iteration) => {
-        iteration.stories().forEach((story) => {
+    const { collection, attributes } = this.model;
+    if (collection.project.iterations) {
+      collection.project.iterations.forEach(iteration => {
+        iteration.stories().forEach(story => {
           if (story.id === attributes.id && attributes.release_date) {
             var iteration_date = new Date(iteration.startDate());
             var release_date = new Date(attributes.release_date);
             backlogged = iteration_date > release_date;
           }
-        })
+        });
       });
       return backlogged;
     }
   },
 
-  handleBackLoggedRelease: function() {
+  handleBackLoggedRelease: function () {
     this.$el.toggleClass('backlogged-release', this.backLoggedRelease());
-    if(this.backLoggedRelease()){
+    if (this.backLoggedRelease()) {
       this.$el.attr('title', I18n.t('story.warnings.backlogged_release'));
     }
   },
 
-  setFocus: function() {
-    if (this.model.get('editing') === true ) {
+  setFocus: function () {
+    if (this.model.get('editing') === true) {
       this.$('input.title').first().focus();
     }
   },
 
-  makeFormControl: function(content) {
+  makeFormControl: function (content) {
     var div = this.make('div', {
-      class: 'form-group'
+      class: 'form-group',
     });
     if (typeof content === 'function') {
       content.call(this, div);
@@ -1050,43 +1142,49 @@ const StoryView = FormView.extend({
     return div;
   },
 
-  clickSave: function(event) {
+  clickSave: function (event) {
     this.saveEdit(event, false);
   },
 
-  toggleControlButtons: function(isDisabled, changeCancel) {
+  toggleControlButtons: function (isDisabled, changeCancel) {
     var $storyControls = this.$el.find('.story-controls');
     $storyControls.find('.submit, .destroy').prop('disabled', isDisabled);
 
-    if (changeCancel === undefined) { changeCancel = true }
-    if (changeCancel) { $storyControls.find('.cancel').prop('disabled', isDisabled); }
+    if (changeCancel === undefined) {
+      changeCancel = true;
+    }
+    if (changeCancel) {
+      $storyControls.find('.cancel').prop('disabled', isDisabled);
+    }
   },
 
-  getLocation: function() {
+  getLocation: function () {
     var location = window.location.href;
     var hashIndex = location.indexOf('#');
     var endIndex = hashIndex > 0 ? hashIndex : location.length;
     return location.substring(0, endIndex);
   },
 
-  showHistory: function() {
+  showHistory: function () {
     this.model.showHistory();
   },
 
-  isLoaded: function() {
+  isLoaded: function () {
     const projectStories = this.model.collection.project.projectBoard.stories;
-    const isLoaded = !!projectStories.get(this.model.get('id')) || !this.model.get('id');
+    const isLoaded =
+      !!projectStories.get(this.model.get('id')) || !this.model.get('id');
     return isLoaded;
   },
 
-  disabledChanges: function() {
-    const disabledChanges = !this.isLoaded() || this.model.get('state') === 'accepted';
+  disabledChanges: function () {
+    const disabledChanges =
+      !this.isLoaded() || this.model.get('state') === 'accepted';
     return disabledChanges;
   },
 
-  isLoadedSearchResult: function() {
+  isLoadedSearchResult: function () {
     return this.isSearchResult && this.isLoaded();
-  }
+  },
 });
 
 export default StoryView;
diff --git a/app/assets/javascripts/views/task_form.js b/app/assets/javascripts/views/task_form.js
index d7cdf9422..5ae39c1dc 100644
--- a/app/assets/javascripts/views/task_form.js
+++ b/app/assets/javascripts/views/task_form.js
@@ -1,23 +1,24 @@
 import FormView from './form_view';
 
 const TaskForm = FormView.extend({
-
   tagName: 'div',
 
   className: 'task_form',
 
   events: {
-    "click input[type=button]": "saveTask"
+    'click input[type=button]': 'saveTask',
   },
 
-  render: function() {
+  render: function () {
     var div = this.make('div', { class: 'clearfix' });
 
-    $(div).append(this.textField("name", {class: 'form-control input-sm'}));
+    $(div).append(this.textField('name', { class: 'form-control input-sm' }));
 
     var submit = this.make('input', {
-      id: 'task_submit', type: 'button',
-      value: I18n.t('add task'), class: 'add-task btn btn-default btn-xs'
+      id: 'task_submit',
+      type: 'button',
+      value: I18n.t('add task'),
+      class: 'add-task btn btn-default btn-xs',
     });
 
     $(div).append(submit);
@@ -27,41 +28,39 @@ const TaskForm = FormView.extend({
     return this;
   },
 
-  saveTask: function() {
+  saveTask: function () {
     this.disableForm();
 
     var view = this;
 
     this.model.save(null, {
-      success: function(model, response) {
-      },
+      success: function (model, response) {},
 
-      error: function(model, response) {
-        if(!response.responseText.trim()) return;
+      error: function (model, response) {
+        if (!response.responseText.trim()) return;
 
         var json = $.parseJSON(response.responseText);
         view.enableForm();
-        model.set({errors: json.task.errors});
+        model.set({ errors: json.task.errors });
         window.projectView.notice({
-          title: I18n.t("save error", {defaultValue: "Save error"}),
-          text: model.errorMessages()
+          title: I18n.t('save error', { defaultValue: 'Save error' }),
+          text: model.errorMessages(),
         });
-      }
+      },
     });
   },
 
   // Makes the note for uneditable during save
-  disableForm: function() {
+  disableForm: function () {
     this.$('input,text').attr('disabled', 'disabled');
     this.$('input[type="button"]').addClass('saving');
   },
 
   // Re-enables the note form once save is complete
-  enableForm: function() {
+  enableForm: function () {
     this.$('input,text').removeAttr('disabled');
     this.$('input[type="button"]').removeClass('saving');
-  }
-
+  },
 });
 
 export default TaskForm;
diff --git a/app/assets/javascripts/views/task_view.js b/app/assets/javascripts/views/task_view.js
index 981c8ceb0..fb5c996a8 100644
--- a/app/assets/javascripts/views/task_view.js
+++ b/app/assets/javascripts/views/task_view.js
@@ -9,32 +9,31 @@ const TaskView = FormView.extend({
   className: 'task',
 
   events: {
-    "click a.delete-task": "removeTask",
-    "change input": "updateTask"
+    'click a.delete-task': 'removeTask',
+    'change input': 'updateTask',
   },
 
-  render: function() {
+  render: function () {
     var div = this.make('div');
 
-    $(div).append(this.checkBox("done"));
-    $(div).append( this.template({task: this.model}) );
+    $(div).append(this.checkBox('done'));
+    $(div).append(this.template({ task: this.model }));
     this.$el.html(div);
 
     return this;
   },
 
-  removeTask: function() {
+  removeTask: function () {
     this.model.destroy();
     this.$el.remove();
     return false;
   },
 
-  updateTask: function() {
-    var done = this.$el.find("input").is(":checked");
+  updateTask: function () {
+    var done = this.$el.find('input').is(':checked');
     this.model.set('done', done);
     this.model.save(null);
-  }
-
+  },
 });
 
 export default TaskView;