Feature/refactor get all

.jsbeautifyrc

@@ -0,0 +1,5 @@
+{
+    "js": {
+        "space_around_selector_separator": true
+    }
+}

app/components/App.js

@@ -4,6 +4,8 @@ import getMuiTheme from 'material-ui/lib/styles/getMuiTheme';
 import IconButton from 'material-ui/lib/icon-button';
 import StarIcon from 'material-ui/lib/svg-icons/toggle/star';
 
+
+
 import Viewport from './Viewport';
 
 

app/components/NewTodo.js

@@ -12,7 +12,7 @@ class NewTodo extends React.Component {
         this.styles = {
             spacing: {
                 float: 'left',
-                width: '30%',
+                width '30%',
                 margin: '3%'
             },
             prompt: {

app/components/Todos.js

@@ -52,9 +52,17 @@ class Todos extends React.Component {
   render() {
     const todos = this.state.todos.map(this.create.bind(this));
     return (
-      <List style={this.styles}>
-        {todos}
-      </List>
+      <div>
+        <List style={this.styles}>
+          {todos}
+        </List>
+        <select>
+            <option value="1">Q1. Jan - Mar</option>
+            <option value="2">Q2. Apr - Jun</option>
+            <option value="3">Q3. Jul - Sep</option>
+            <option value="4">Q4. Oct - Dec</option>
+        </select>
+      </div>
     );
   }
 }

server/database.js

@@ -1,12 +1,15 @@
 var fs = require('fs');
 var _ = require('lodash');
+var promise = require('promise');
 
 var DATA = 'data/todos.json';
 var PRETTIFY_WS = 4;
 
-function getAll(resolve) {
-    fs.readFile(DATA, function(err, data) {
-      resolve(JSON.parse(data));
+function getAll() {
+    return new Promise((resolve, reject) => {
+        fs.readFile(DATA, function(err, data) {
+            resolve(JSON.parse(data));
+        });
     });
 }
 

server/server.js

@@ -4,11 +4,9 @@ var _ = require('lodash');
 
 var database = require('./database');
 
-// Create server
 var server = express();
 server.use(bodyParser.json());
 
-// Middleware
 server.use(function (req, res, next) {
   // allow origin for demo purposes
   res.setHeader('Access-Control-Allow-Origin', 'http://localhost:8080');
@@ -18,9 +16,9 @@ server.use(function (req, res, next) {
 });
 
 // Routes
-server.get('/todos', function(req, res, next) {
-  database.getAll(function(todos) {
-    res.send(todos);
+server.get('/todos', function (req, res, next) {
+  database.getAll(function (todos) {
+    res.send(todos); 
     next();
   });
 });

server/typings/index.d.ts

@@ -0,0 +1 @@
+/// <reference path="modules/lodash/index.d.ts" />