+ client: add clients forms validation and cache findClients function

client/src/install/Setup/Auth.js

@@ -6,7 +6,7 @@ import flow from 'lodash/flow';
 
 import i18n from '../../i18n';
 import Controls from './Controls';
-import renderField from './renderField';
+import { renderInputField } from '../../helpers/form';
 
 const required = (value) => {
     if (value || value === 0) {
@@ -48,7 +48,7 @@ const Auth = (props) => {
                     </label>
                     <Field
                         name="username"
-                        component={renderField}
+                        component={renderInputField}
                         type="text"
                         className="form-control"
                         placeholder={ t('install_auth_username_enter') }
@@ -62,7 +62,7 @@ const Auth = (props) => {
                     </label>
                     <Field
                         name="password"
-                        component={renderField}
+                        component={renderInputField}
                         type="password"
                         className="form-control"
                         placeholder={ t('install_auth_password_enter') }
@@ -76,7 +76,7 @@ const Auth = (props) => {
                     </label>
                     <Field
                         name="confirm_password"
-                        component={renderField}
+                        component={renderInputField}
                         type="password"
                         className="form-control"
                         placeholder={ t('install_auth_confirm') }

client/src/install/Setup/Settings.js

@@ -7,9 +7,9 @@ import flow from 'lodash/flow';
 
 import Controls from './Controls';
 import AddressList from './AddressList';
-import renderField from './renderField';
 import { getInterfaceIp } from '../../helpers/helpers';
 import { ALL_INTERFACES_IP } from '../../helpers/constants';
+import { renderInputField } from '../../helpers/form';
 
 const required = (value) => {
     if (value || value === 0) {
@@ -133,7 +133,7 @@ class Settings extends Component {
                                 </label>
                                 <Field
                                     name="web.port"
-                                    component={renderField}
+                                    component={renderInputField}
                                     type="number"
                                     className="form-control"
                                     placeholder="80"
@@ -201,7 +201,7 @@ class Settings extends Component {
                                 </label>
                                 <Field
                                     name="dns.port"
-                                    component={renderField}
+                                    component={renderInputField}
                                     type="number"
                                     className="form-control"
                                     placeholder="80"

client/src/install/Setup/renderField.js

@@ -1,19 +0,0 @@
-import React, { Fragment } from 'react';
-
-const renderField = ({
-    input, className, placeholder, type, disabled, autoComplete, meta: { touched, error },
-}) => (
-    <Fragment>
-        <input
-            {...input}
-            placeholder={placeholder}
-            type={type}
-            className={className}
-            disabled={disabled}
-            autoComplete={autoComplete}
-        />
-        {!disabled && touched && (error && <span className="form__message form__message--error">{error}</span>)}
-    </Fragment>
-);
-
-export default renderField;