Works!

Vlad Balin · Vlad Balin · commit ee80c4c2f2f4 · 2016-07-12T22:19:20.000-04:00
diff --git a/examples/userslist/app.js b/examples/userslist/app.js
@@ -79,6 +79,10 @@
 	        email: String.has.check(_valuelinkTags.isRequired).check(_valuelinkTags.isEmail),
 	
 	        isActive: true
+	    },
+	
+	    remove: function remove() {
+	        this.collection.remove(this);
 	    }
 	});
 	
@@ -115,13 +119,13 @@
 	            }),
 	            _nestedreact2['default'].createElement(
 	                _reactModal2['default'],
-	                { isOpen: state.adding },
+	                { isOpen: Boolean(state.adding) },
 	                _nestedreact2['default'].createElement(EditUser, { user: state.adding,
 	                    onClose: this.addUser })
 	            ),
 	            _nestedreact2['default'].createElement(
 	                _reactModal2['default'],
-	                { isOpen: state.editing },
+	                { isOpen: Boolean(state.editing) },
 	                _nestedreact2['default'].createElement(EditUser, { user: state.editing,
 	                    onClose: function () {
 	                        return state.editing = null;
@@ -131,12 +135,13 @@
 	    },
 	
 	    addUser: function addUser(user) {
-	        if (user) {
-	            var state = this.state;
+	        var state = this.state;
 	
+	        if (user) {
 	            state.users.add(user);
-	            state.adding = null;
 	        }
+	
+	        state.adding = null;
 	    }
 	});
 	
@@ -238,7 +243,7 @@
 	    },
 	
 	    render: function render() {
-	        var linked = this.state.linkAll('name', 'email', 'isActive');
+	        var linked = this.state.user.linkAll('name', 'email', 'isActive');
 	
 	        return _nestedreact2['default'].createElement(
 	            'form',
diff --git a/examples/userslist/app.js.map b/examples/userslist/app.js.map
diff --git a/examples/userslist/index.html b/examples/userslist/index.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>NestedReact • TodoMVC</title>
+</head>
+<body>
+
+<div id="app-mount-root"></div>
+
+<!-- Scripts here. Don't remove ↓ -->
+<script src="app.js"></script>
+</body>
+</html>
diff --git a/examples/userslist/main.jsx b/examples/userslist/main.jsx
@@ -18,7 +18,9 @@ const User = Model.extend({
                       .check( isEmail ),
 
         isActive : true
-    }
+    },
+
+    remove(){ this.collection.remove( this ); }
 });
 
 export const UsersList = React.createClass( {
@@ -46,12 +48,12 @@ export const UsersList = React.createClass( {
                     />
                 ) )}
 
-                <Modal isOpen={ state.adding }>
+                <Modal isOpen={ Boolean( state.adding ) }>
                     <EditUser user={ state.adding }
                               onClose={ this.addUser }/>
                 </Modal>
 
-                <Modal isOpen={ state.editing }>
+                <Modal isOpen={ Boolean( state.editing ) }>
                     <EditUser user={ state.editing }
                               onClose={ () => state.editing = null }/>
                 </Modal>
@@ -60,11 +62,13 @@ export const UsersList = React.createClass( {
     },
 
     addUser( user ){
+        const { state } = this;
+
         if( user ){
-            const { state } = this;
             state.users.add( user );
-            state.adding = null;
         }
+
+        state.adding = null;
     }
 } );
 
@@ -118,7 +122,7 @@ const EditUser = React.createClass( {
     },
 
     render(){
-        const linked = this.state.linkAll( 'name', 'email', 'isActive' );
+        const linked = this.state.user.linkAll( 'name', 'email', 'isActive' );
 
         return (
             <form onSubmit={ this.onSubmit }>
