From 62896e333804c9558d6cadd27c61c3a1e722e70f Mon Sep 17 00:00:00 2001
From: Kai Reinhard <K.Reinhard@micromata.de>
Date: Mon, 21 Jan 2019 00:28:47 +0000
Subject: [PATCH] Radio button and hidden FormGroups.

---
 borgbutler-webapp/src/components/general/forms/FormComponents.jsx |   11 +++++++++--
 1 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/borgbutler-webapp/src/components/general/forms/FormComponents.jsx b/borgbutler-webapp/src/components/general/forms/FormComponents.jsx
index 62b578b..32a84ff 100644
--- a/borgbutler-webapp/src/components/general/forms/FormComponents.jsx
+++ b/borgbutler-webapp/src/components/general/forms/FormComponents.jsx
@@ -3,8 +3,9 @@
 import classNames from 'classnames';
 import {FormFeedback, Input, UncontrolledTooltip} from 'reactstrap';
 import {FormCheckbox} from "./FormCheckbox";
+import {FormRadioButton} from "./FormRadioButton";
 import {FormButton} from "./FormButton";
-import {FormSelect, FormOption} from "./FormSelect";
+import {FormOption, FormSelect} from "./FormSelect";
 import {revisedRandId} from "../../../utilities/global";
 import I18n from "../translation/I18n";
 
@@ -163,7 +164,7 @@
 const FormLabelField = (props) => {
     const forId = props.children.props.id || props.children.props.name || props.htmlFor || revisedRandId();
     return (
-        <FormGroup>
+        <FormGroup className={props.className}>
             <FormLabel length={props.labelLength} htmlFor={forId}>
                 {props.label}
             </FormLabel>
@@ -176,6 +177,7 @@
 
 FormLabelField.propTypes = {
     id: PropTypes.string,
+    className: PropTypes.string,
     htmlFor: PropTypes.string,
     validationMessage: PropTypes.string,
     labelLength: PropTypes.number,
@@ -187,6 +189,7 @@
 
 FormLabelField.defaultProps = {
     id: null,
+    className: null,
     htmlFor: null,
     validationMessage: null,
     labelLength: 2,
@@ -205,6 +208,7 @@
             label={props.label}
             hint={props.hint}
             validationState={props.validationState}
+            className={props.className}
         >
             <FormInput
                 id={props.id}
@@ -227,6 +231,7 @@
 FormLabelInputField.propTypes = {
     id: PropTypes.string,
     label: PropTypes.node,
+    className: PropTypes.node,
     labelLength: PropTypes.number,
     fieldLength: PropTypes.number,
     hint: PropTypes.string,
@@ -244,6 +249,7 @@
 
 FormLabelInputField.defaultProps = {
     id: null,
+    className: null,
     label: '',
     labelLength: 2,
     fieldLength: 10,
@@ -294,6 +300,7 @@
     FormSelect,
     FormOption,
     FormCheckbox,
+    FormRadioButton,
     FormLabelInputField,
     FormFieldset,
     FormButton,

--
Gitblit v1.10.0