finish register artwork for prize

js/components/ascribe_forms/input_checkbox.js

@@ -2,8 +2,6 @@
 
 import React from 'react';
 
-import { getLangText } from '../../utils/lang_utils';
-
 let InputCheckbox = React.createClass({
     propTypes: {
         required: React.PropTypes.string.isRequired,
@@ -19,12 +17,22 @@ let InputCheckbox = React.createClass({
         };
     },
 
-    handleFocus() {
+    handleFocus(event) {
         this.refs.checkbox.getDOMNode().checked = !this.refs.checkbox.getDOMNode().checked;
+        
+        // This is calling property.js's method handleChange which
+        // expects an event object
+        // Since we don't have a valid one, we'll just manipulate the one we get and send
+        // it to handleChange
+        event.target.value = this.refs.checkbox.getDOMNode().checked;
+        this.props.onChange(event);
+        event.stopPropagation();
+
         this.setState({
             show: this.refs.checkbox.getDOMNode().checked,
             value: this.refs.checkbox.getDOMNode().checked
         });
+        
     },
 
     render() {

js/components/ascribe_forms/property.js

@@ -46,10 +46,19 @@ let Property = React.createClass({
         };
     },
 
-    componentWillReceiveProps(){
+    componentWillReceiveProps() {
+
+        // In order to set this.state.value from another component
+        // the state of value should only be set if its not undefined and
+        // actually references something
+        if(typeof this.refs.input.getDOMNode().value !== 'undefined') {
+            this.setState({
+                value: this.refs.input.getDOMNode().value
+            });
+        }
+
         this.setState({
-            initialValue: this.refs.input.getDOMNode().defaultValue,
-            value: this.refs.input.getDOMNode().value
+            initialValue: this.refs.input.getDOMNode().defaultValue
         });
     },
 
@@ -67,11 +76,13 @@ let Property = React.createClass({
     },
 
     handleChange(event) {
+
         this.props.handleChange(event);
         if ('onChange' in this.props) {
             this.props.onChange(event);
         }
-        this.setState({value: event.target.value});
+
+        this.setState({value: true});
     },
 
     handleFocus() {