webpackHotUpdate(4,[
/* 0 */
/***/ function(module, exports, __webpack_require__) {

	var React = __webpack_require__(2);
	var ReactDOM = __webpack_require__(158);
	var bootstrap = __webpack_require__(159);

	var centerDiv = {
		textAlign: "center",
		margin: "0 auto"
	};

	var buttonStyle = {
		width: '100%'
	};

	var errorTip = {
		marginTop: '-10px',
		marginBottom: '10px',
		fontSize: '0.8em'
	};

	var navItemStyle = {
		paddingLeft: '0'
	};

	var PeopleBox = React.createClass({displayName: "PeopleBox",
		render: function(){
			return (
				React.createElement("div", null, 
					React.createElement(PeopleHeader, null), 
					React.createElement(PeopleForm, null)
				)
			);
		}
	});

	var PeopleHeader = React.createClass({displayName: "PeopleHeader",
		render: function(){
			return (
				React.createElement(bootstrap.Navbar, null, 
						React.createElement(bootstrap.Nav, {navbar: true, left: true}, 
							React.createElement(bootstrap.NavItem, {href: "/contacts"}, "取消")
						), 
						React.createElement(bootstrap.NavBrand, {bsSize: "xs"}, "G-address"), 
						React.createElement(bootstrap.Nav, {navbar: true, right: true}, 
							React.createElement(bootstrap.NavItem, {href: "#"}, "确定")
						)
				) 
			);
		}
	});

	var PeopleForm = React.createClass({displayName: "PeopleForm",
		getInitialState: function() {
			return {
				name: '',
				backup: '',
				tel: '',
				email: '',
				qq: '',
				address: '',
				telError: '',
				telStyle: '',
				emailError: '',
				emailStyle: '',
				qqError: '',
				qqStyle: ''
			};
		},

		handleName: function(e){
			var name = e.target.value;
			this.setState({name: name});
		},

		handleBackup: function(e){
			var backup = e.target.value;
			this.setState({backup: backup});
		},

		handleTel: function(e){
			var tel = e.target.value;
			var error = '';
			var style = '';
			var reg = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/;

			if(!(reg.test(tel))) {
				error = '请输入正确的手机号码';
				style = 'error';
			}
			else {
				style = 'success';
			}

			this.setState({
				tel: tel,
				telError: error,
				telStyle: style
			});
		},

		handleEmail: function(e){
			var email = e.target.value;
			var error = '';
			var style = '';
			var reg = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;

			if(!(reg.test(email))) {
				error = '请输入正确的email地址';
				style = 'error';
			}
			else {
				style = 'success';
			}
			this.setState({
				email: email,
				emailStyle: style,
				emailError: error
			});
		},

		handleQq: function(e){
			var qq = e.target.value;
			var error = '';
			var style = '';
			var reg = /^\d{5,11}$/;

			if(!(reg.test(qq))) {
				error = '请输入正确的qq号码';
				style = 'error';
			}
			else {
				style = 'success';
			}

			this.setState({
				qq: qq,
				qqError: error,
				qqStyle: style
			});
		},

		handleAddress: function(e){
			var address = e.target.value;
			this.setState({address: address});
		},

		qqState: function() {

		},

		render: function(){
			return (
				React.createElement(bootstrap.Grid, null, 
					React.createElement("form", null, 
						React.createElement(bootstrap.Row, {className: "show-grid"}, 
							React.createElement(bootstrap.Col, {xs: 4, xsOffset: 4, md: 4, mdOffset: 4, lg: 4, lgOffset: 4}, 
								React.createElement(bootstrap.Image, {src: "../../assets/image/avatar.png", thumbnail: true})
							)
						), 
						React.createElement("hr", null), 
						React.createElement(bootstrap.Row, {className: "show-grid"}, 
							React.createElement(bootstrap.Col, {xs: 8, xsOffset: 2, md: 8, mdOffset: 2, lg: 8, lgOffset: 2}, 
								React.createElement(bootstrap.Input, {type: "text", ref: "name", value: this.state.name, name: "name", placeholder: "姓名", onChange: this.handleName, hasFeedback: true, required: true, hasFeedback: true}), 

								React.createElement(bootstrap.Input, {type: "text", name: "backup", placeholder: "备注", value: this.state.backup, onChange: this.handleBackup, hasFeedback: true}), 

								React.createElement(bootstrap.Input, {type: "text", name: "tel", placeholder: "手机", help: this.state.telError, value: this.state.tel, required: true, onChange: this.handleTel, bsStyle: this.state.telStyle, hasFeedback: true}), 
								
								React.createElement(bootstrap.Input, {type: "text", name: "email", placeholder: "邮箱", help: this.state.emailError, value: this.state.email, onChange: this.handleEmail, bsStyle: this.state.emailStyle, hasFeedback: true}), 
								
								React.createElement(bootstrap.Input, {type: "text", name: "qq", placeholder: "QQ", help: this.state.qqError, value: this.state.qq, onChange: this.handleQq, bsStyle: this.state.qqStyle, hasFeedback: true}), 
								
								React.createElement(bootstrap.Input, {type: "text", name: "address", placeholder: "住址", value: this.state.address, onChange: this.handleAddress}), 
								React.createElement(bootstrap.Button, {bsStyle: "primary", style: buttonStyle, type: "submit"}, "添加更多项")
							)	
						)
					)
				)	
			);
		}
	});

	ReactDOM.render(React.createElement(PeopleBox, null), document.getElementById('content'));

/***/ }
])