update for backlog page

config/config.js

@@ -25,6 +25,32 @@ const deleteableElements = [
   '.remaininghours'
 ];
 
+const customStories = [
+  {
+    subject: 'Tech Work',
+    type: 3,
+    storyPoints: '1.0'
+  },
+  {
+    subject: 'Chapter work',
+    type: 3
+  },
+  {
+    subject: 'Gold Card',
+    type: 10,
+    storyPoints: '1.0'
+  },
+  {
+    subject: 'Retro Action',
+    type: 11,
+    storyPoints: '1.0'
+  },
+  {
+    subject: 'Who is doing the next retro?',
+    type: 11
+  }
+]
+
 const customButtons = [
   {
     button: '👍',

content.css

@@ -24,6 +24,16 @@
   cursor: pointer;
 }
 
+.add-stories-button {
+  margin: 0 0 10px;
+  background: linear-gradient(#EEE, #EDD5EE);
+  border: 0;
+  cursor: pointer;
+  border-radius: 3px;
+  padding: 5px;
+  font-size: 1.1em;
+}
+
 .has-warning:after {
   content: ' ⚠️';
 }

content.js

@@ -12,7 +12,6 @@ function init() {
   // Redirect to taskboard from issues
   if(config.options.redirectIssues &&
      window.location.href.match(/.*\/(.*)$/)[1] === 'issues') {
-
     window.location.replace(config.getPath('taskboard'));
   }
 
@@ -25,6 +24,50 @@ function init() {
     addElements('issue', addDeleteButton);
     checkDateTickets();
   }, 5000);
+
+  if(window.location.href.indexOf('master_backlog') > -1) {
+    window.setTimeout(initBacklogPage, 1000);
+  }
+}
+
+function initBacklogPage() {
+  const backlog = document.getElementById('sprint_backlogs_container');
+  const button = document.createElement('button');
+  button.className = 'add-stories-button';
+  button.innerHTML = `Add stuff`;
+  button.onclick = injectBaseStories;
+
+  backlog.insertBefore(button, backlog.firstChild);
+}
+
+function injectBaseStories() {
+  customStories.forEach(injectBaseStory);
+}
+
+function storyAlreadyThere(subject) {
+  const stories = document.querySelectorAll('#sprint_backlogs_container .story_field[fieldtype="textarea"]');
+  return ![...stories].every(story => story.innerHTML.indexOf(subject) === -1);
+}
+
+function injectBaseStory(story) {
+  const { subject, type, storyPoints } = story;
+
+  if (storyAlreadyThere(subject)) return;
+
+  const newStoryButton = document.querySelector('.add_new_story.project_id_32');
+  const mouseupEvent = new MouseEvent('mouseup', {
+    view: window, cancelable: true, bubbles: true
+  });
+
+  newStoryButton.dispatchEvent(mouseupEvent);
+
+  document.querySelector('textarea[name="subject"]').value = subject;
+  if (type)
+    document.querySelector('select[name="tracker_id"]').value = type;
+  if (storyPoints)
+    document.querySelector('select[name="story_points"]').value = storyPoints;
+
+  document.querySelector('.edit-actions .save').click();
 }
 
 function checkDateTickets() {