add TodoList demo

Author: lewis617

.idea/.name

@@ -0,0 +1,3 @@
+node_modules/
+prod/css
+prod/js

.idea/misc.xml

@@ -0,0 +1,21 @@
+# TodoList by react & webpack 
+
+[Demo] http://lab.crazycoder.cc/todo
+
+## Usage
+
+First step: install the modules
+# npm install
+
+Second step: install webpack webpack-server
+# npm install -g webpack webpack-dev-server
+
+Third step: You can run a webpack-server and then visit http://localhost:8080
+# npm run dev
+
+If you want to combile the js and css files
+# npm run prod
+
+## License
+
+MIT (http://www.opensource.org/licenses/mit-license.php)

.idea/modules.xml

@@ -0,0 +1,69 @@
+import React from 'react';
+import ClassNames from 'classnames';
+
+/**
+ * '+' UIs 
+ */
+class AddItem extends React.Component {
+
+  closePop() {
+    this.props.hidePop();
+  }
+
+  preventCls(event) {
+    event.stopPropagation();
+  }
+
+  addItem(e) {
+    e.preventDefault();
+    let name = React.findDOMNode(this.refs.name).value.trim(),
+        desc = React.findDOMNode(this.refs.desc).value.trim();
+    
+    if (!name) {
+      alert('task name cannot be empty');
+      React.findDOMNode(this.refs.name).focus();
+      return;
+    }
+
+    if (!desc) {
+      alert('task description cannot be empty');
+      React.findDOMNode(this.refs.desc).focus();
+      return;
+    }
+
+    React.findDOMNode(this.refs.name).value = ''; 
+    React.findDOMNode(this.refs.desc).value = '';
+
+    this.props.addTask(name, desc);
+    this.props.hidePop();
+  }
+
+  render() {
+    let classes = ClassNames({
+      'addpop': true,
+      'show': this.props.needShow
+    });
+
+    return (
+      <div className={classes} onClick={this.closePop.bind(this)}>
+        <div className="add-input" onClick={this.preventCls.bind(this)}>
+          <h3>Add Task</h3>
+          <div className="form-group">
+            <label>name</label>
+            <input type="text" ref="name" />
+          </div>
+          <div className="form-group">
+            <label>desc</label>
+            <textarea ref="desc"></textarea>
+          </div>
+          <div className="form-group">
+            <button onClick={this.addItem.bind(this)}>Submit</button>
+          </div>          
+          <span className="fa fa-close pop-cls" onClick={this.closePop.bind(this)}></span>
+        </div>
+      </div>
+    );
+  }
+}
+
+export default AddItem;

.idea/myReact.iml

@@ -0,0 +1,27 @@
+import React from 'react';
+import {Link} from 'react-router';
+
+class Item extends React.Component {
+  render() {
+    let task = this.props.task;
+    if (task.state === 0) {
+      return (
+        <li>
+          <p className="task-name">{task.name}<span>{task.created}</span></p>
+          <p><i className="fa fa-clock-o unfinished"></i></p>
+          <Link to={`/task/${task.id}`}></Link>
+        </li>
+      );
+    } else {
+      return (
+        <li>
+          <p className="task-name">{task.name}<span>{task.created}</span></p>
+          <p><i className="fa fa-check-square-o finished"></i></p>
+          <Link to={`/task/${task.id}`}></Link>
+        </li>
+      );        
+    }    
+  }
+}
+
+export default Item;