From c0d34c68fc9c003ad8340a50922a6d4150c81209 Mon Sep 17 00:00:00 2001
From: Ivan Diaz <ivan@opensupports.com>
Date: Sat, 10 Dec 2016 19:41:21 -0300
Subject: [PATCH] Ivan - Add form [skip ci]

---
 .../app/admin/panel/staff/add-staff-modal.js  |  6 ++---
 .../src/app/admin/panel/staff/staff-editor.js | 25 ++++++++++++++++++-
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/client/src/app/admin/panel/staff/add-staff-modal.js b/client/src/app/admin/panel/staff/add-staff-modal.js
index defd85bd..32d1e396 100644
--- a/client/src/app/admin/panel/staff/add-staff-modal.js
+++ b/client/src/app/admin/panel/staff/add-staff-modal.js
@@ -35,9 +35,9 @@ class AddStaffModal extends React.Component {
                             <FormField name="password" label={i18n('PASSWORD')} fieldProps={{size: 'large', password: true}} validation="PASSWORD" required />
                             <div className="add-staff-modal__level-selector">
                                 <FormField name="level" label={i18n('LEVEL')} field="select" fieldProps={{
-                            items: [{content: i18n('LEVEL_1')}, {content: i18n('LEVEL_2')}, {content: i18n('LEVEL_3')}],
-                            size: 'large'
-                        }} />
+                                    items: [{content: i18n('LEVEL_1')}, {content: i18n('LEVEL_2')}, {content: i18n('LEVEL_3')}],
+                                    size: 'large'
+                                }} />
                             </div>
                         </div>
                         <div className="col-md-5">
diff --git a/client/src/app/admin/panel/staff/staff-editor.js b/client/src/app/admin/panel/staff/staff-editor.js
index c6c4e9ec..a53cf78e 100644
--- a/client/src/app/admin/panel/staff/staff-editor.js
+++ b/client/src/app/admin/panel/staff/staff-editor.js
@@ -2,6 +2,11 @@ import React from 'react';
 import _ from 'lodash';
 
 import i18n from 'lib-app/i18n';
+import API from 'lib-app/api-call';
+
+import Form from 'core-components/form';
+import FormField from 'core-components/form-field';
+import SubmitButton from 'core-components/submit-button';
 
 class StaffEditor extends React.Component {
     static propTypes = {
@@ -51,7 +56,25 @@ class StaffEditor extends React.Component {
                     </div>
                     <div className="col-md-8">
                         <div className="staff-editor__form">
-                            FORM
+                            <Form>
+                                <FormField name="email" validation="EMAIL" required/>
+                                <SubmitButton>{i18n('UPDATE_EMAIL')}</SubmitButton>
+                            </Form>
+                            <span className="staff-editor__separator" />
+                            <Form>
+                                <FormField name="password" validation="EMAIL" required/>
+                                <FormField name="rpassword" validation="EMAIL" required/>
+                                <SubmitButton>{i18n('UPDATE_PASSWORD')}</SubmitButton>
+                            </Form>
+                            <span className="staff-editor__separator" />
+                            <Form>
+                                <FormField name="level" label={i18n('LEVEL')} field="select" fieldProps={{
+                                    items: [{content: i18n('LEVEL_1')}, {content: i18n('LEVEL_2')}, {content: i18n('LEVEL_3')}],
+                                    size: 'large'
+                                }} />
+                                <SubmitButton>{i18n('UPDATE_LEVEL')}</SubmitButton>
+                            </Form>
+                            <span className="staff-editor__separator" />
                         </div>
                     </div>
                 </div>