Example RefluxJS Store

CommentStore.js

'use strict';

//External
var Reflux = require('reflux');

//Local
var CommentActions = require('./CommentActions');


var CommentStore = Reflux.createStore({
  listenables: [CommentActions],

  getInitialState() {
    if (typeof document !== 'undefined') {
      var storeElement = document.getElementById('storeUrls');
      this.urls = JSON.parse(document.getElementById('storeUrls').textContent);
      this.loadComments();
    }
  },

  // PUT: api/Analysis/5?addComment=true
  addComment(comment) {

    var xhr = new XMLHttpRequest();
    xhr.open('put', this.urls.addComment + '&addComment=' + 'true' + '&comment=' + comment, true);
    xhr.setRequestHeader('Content-Type','application/json');
    xhr.onload = () => {
      if (xhr.readyState === 4) {
        if (xhr.status === 204) {
          this.loadComments();
        }
        else {
          console.error(xhr.statusText);
        }
      }
    };
    xhr.send();
  },

  loadComments() {
    var xhr = new XMLHttpRequest();
    xhr.open('get', this.urls.fetchComments, true);
    xhr.setRequestHeader('Content-Type','application/json');
    xhr.onload = () => {
      if (xhr.readyState === 4) {
        if (xhr.status === 200) {
          var analysisCommentsResponse = JSON.parse(xhr.responseText);

          this.analysisComments = analysisCommentsResponse;
          this.trigger(analysisCommentsResponse);
        }
        else {
          console.error(xhr.statusText);
        }
      }


    };
    xhr.send();
  }
});


module.exports = CommentStore;