itizawa 6 лет назад
Родитель
Сommit
c1b870b229
1 измененных файлов с 19 добавлено и 1 удалено
  1. 19 1
      src/client/js/components/Admin/Users/UserInviteModal.jsx

+ 19 - 1
src/client/js/components/Admin/Users/UserInviteModal.jsx

@@ -15,15 +15,28 @@ class UserInviteModal extends React.Component {
     super(props);
     super(props);
 
 
     this.state = {
     this.state = {
+      email: '',
     };
     };
 
 
     this.handleSubmit = this.handleSubmit.bind(this);
     this.handleSubmit = this.handleSubmit.bind(this);
+    this.handleChange = this.handleChange.bind(this);
   }
   }
 
 
   handleSubmit() {
   handleSubmit() {
     console.log('push submit');
     console.log('push submit');
   }
   }
 
 
+  handleChange(event) {
+    const target = event.target;
+    const value = target.type === 'checkbox' ? target.checked : target.value;
+    const name = target.name;
+
+    this.setState({
+      [name]: value,
+    });
+  }
+
+
   render() {
   render() {
     const { t } = this.props;
     const { t } = this.props;
 
 
@@ -36,8 +49,13 @@ class UserInviteModal extends React.Component {
         </Modal.Header>
         </Modal.Header>
         <Modal.Body>
         <Modal.Body>
           <label> { t('user_management.emails') }</label>
           <label> { t('user_management.emails') }</label>
-          <FormControl
+          <input
+            id="email"
+            name="email"
+            className="form-control"
             placeholder="e.g. user@growi.org"
             placeholder="e.g. user@growi.org"
+            value={this.state.email}
+            onChange={this.handleChange}
           />
           />
         </Modal.Body>
         </Modal.Body>
         <Modal.Footer className="d-flex">
         <Modal.Footer className="d-flex">