Created a modal store

1 files changed, 63 insertions, 0 deletions

diff --git a/app/assets/javascripts/boards/stores/modal_store.js.es6 b/app/assets/javascripts/boards/stores/modal_store.js.es6
new file mode 100644
index 00000000000..68f5e57a154
--- /dev/null
+++ b/app/assets/javascripts/boards/stores/modal_store.js.es6
@@ -0,0 +1,63 @@
+(() => {
+  window.gl = window.gl || {};
+  window.gl.issueBoards = window.gl.issueBoards || {};
+
+  class ModalStore {
+    constructor() {
+      this.globalStore = gl.issueBoards.BoardsStore.modal;
+    }
+
+    selectedCount() {
+      return this.globalStore.selectedIssues.length;
+    }
+
+    toggleIssue(issueObj) {
+      const issue = issueObj;
+      issue.selected = !issue.selected;
+
+      if (issue.selected) {
+        this.addSelectedIssue(issue);
+      } else {
+        this.removeSelectedIssue(issue);
+      }
+    }
+
+    toggleAll() {
+      const select = this.selectedCount() !== this.globalStore.issues.length;
+
+      this.globalStore.issues.forEach((issue) => {
+        const issueUpdate = issue;
+
+        if (issueUpdate.selected !== select) {
+          issueUpdate.selected = select;
+
+          if (select) {
+            this.addSelectedIssue(issue);
+          } else {
+            this.removeSelectedIssue(issue);
+          }
+        }
+      });
+    }
+
+    addSelectedIssue(issue) {
+      this.globalStore.selectedIssues.push(issue);
+    }
+
+    removeSelectedIssue(issue) {
+      const index = this.selectedIssueIndex(issue);
+      this.globalStore.selectedIssues.splice(index, 1);
+    }
+
+    selectedIssueIndex(issue) {
+      return this.globalStore.selectedIssues.indexOf(issue);
+    }
+
+    findSelectedIssue(issue) {
+      return this.globalStore.selectedIssues
+        .filter(filteredIssue => filteredIssue.id === issue.id)[0];
+    }
+  }
+
+  gl.issueBoards.ModalStore = new ModalStore();
+})();