add notes widget

Author: moklick

app/scripts/config/rdb-config.js

@@ -46,19 +46,19 @@ var widgetsB = [
   {
     type: 'barchart',
     properties: {
-      data: getRandomData(50)
+      data: getRandomData(15)
     }
   },
    {
     type: 'linechart',
     properties: {
-      data: getRandomData(100)
+      data: getRandomData(75)
     }
   },
    {
     type: 'barchart',
     properties: {
-      data: getRandomData(78)
+      data: getRandomData(30)
     }
   }
 ];

app/scripts/widgets/notes/index.jsx

@@ -1,6 +1,10 @@
 var React = require('react');
 var BaseWidget = require('BaseWidget');
-   
+
+var Note = require('./note.js');
+var NotesStore = require('./notesStore.js');
+var NotesActions = require('./notesActions.js');
+
 var Widget = React.createClass({
 
   getDefaultProps: function(){
@@ -12,6 +16,20 @@ var Widget = React.createClass({
   propTypes: {
     data: React.PropTypes.array
   },
+  
+  componentDidMount: function(){
+    this.unsubscribe = NotesStore.listen(this.onStatusChange);
+    
+    NotesActions.getNotes();
+  },
+  
+  conponentWillUnmount: function(){
+    this.unsubscribe();
+  },
+  
+  onStatusChange: function(state){
+    this.setState(state);
+  },
 
   render: function() {
 
@@ -20,7 +38,7 @@ var Widget = React.createClass({
           return <Note {...note}/>;
         }),
         widget = (
-          <div className="rdb-widget">
+          <div className="rdb-widget rdb-widget-notes">
             <ul>
               { notes }
             </ul>

app/scripts/widgets/notes/note.jsx

@@ -0,0 +1,20 @@
+var React = require('react/addons');
+var cx = React.addons.classSet;
+
+var Note = React.createClass({
+  
+  render: function(){
+    var classes = cx({
+      'done': this.props.isDone,
+      'rdb-widget-notes-note' : true
+    });
+    
+    return (
+      <div className={classes}>
+        <div><div>
+        { this.props.text }
+      </div>
+    );
+  }
+
+});

app/scripts/widgets/notes/notesAction.js

@@ -0,0 +1,8 @@
+var Reflux = require('reflux');
+
+var NotesActions = Reflux.createActions([
+  'getNotes',
+  'addNote'
+]);
+
+module.exports = NotesActions;

app/scripts/widgets/notes/notesStore.js

@@ -0,0 +1,43 @@
+var Reflux = require('reflux');
+var store = require('store');
+
+var NotesActions = require('./notesActions');
+
+var Store = Reflux.createStore({
+
+  init : function(){
+    this.notes = [];
+
+    this.listenTo(NotesActions.getNotes,this.getNotes);
+    this.listenTo(NotesActions.addNote,this.addNote);
+  },
+
+  getNotes: function(){
+    
+    this.notes = store.get('notes') || [];
+    
+    this.trigger({ 
+      data: this.notes
+    });
+  },
+  
+  addNote: function(note){
+    
+    this.notes = store.get('notes') || [];
+    this.notes.push(note);
+    
+    store.set('notes', this.notes);
+    
+    this.trigger({ 
+      data: this.notes
+    });
+    
+  },
+  
+  removeNote: function(){
+    
+  }
+
+});
+
+module.exports = Store;