Merge pull request #82 from PLoecker/feature/rfid-input_add_enable-sc…

…an_prop Feature/rfid input add enable scan prop
TobitSoftware · Jul 6, 2018 · 3c01aaf · 3c01aaf
2 parents ec5e2ea + cbde422
commit 3c01aaf
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/examples/react-chayns-rfid_input/Example.jsx b/examples/react-chayns-rfid_input/Example.jsx
@@ -34,6 +34,7 @@ export default class Example extends React.Component {
                     onConfirm={this.onConfirm}
                     onInput={this.onInput}
                     value={this.state.rfidInput}
+                    enableScan={chayns.env.isApp && chayns.env.isAndroid}
                 />
             </ExampleContainer>
         );

diff --git a/src/react-chayns-rfid_input/README.md b/src/react-chayns-rfid_input/README.md
@@ -37,6 +37,7 @@ The following properties can be set on the RfidInput-Component
 | className    | CSS classes for the RfidInput                             | String         |                   |              |
 | placeholder  | Text that will be shown as placeholder                    | String         | "Kartennummer"    |              |
 | confirmNode  | Element that will be load in the button behind the input  | React-Elements | "OK"              |              |
+| enableScan   | Enable the scan-button fot scan a card                    | Boolean        | false             |              |
 | scanText     | Text that will be shown in the button for scan a card     | String         | "Scannen"         |              |
 | value        | Value for the input                                       | String         |                   | true         |
 | onInput      | Event when the input was change                           | Function       |                   | true         |

diff --git a/src/react-chayns-rfid_input/component/RfidInput.jsx b/src/react-chayns-rfid_input/component/RfidInput.jsx
@@ -14,6 +14,7 @@ export default class RfidInput extends React.Component {
             PropTypes.node,
             PropTypes.arrayOf(PropTypes.node)
         ]),
+        enableScan: PropTypes.bool,
         scanText: PropTypes.string,
         value: PropTypes.string.isRequired,
         onInput: PropTypes.func.isRequired,
@@ -24,6 +25,7 @@ export default class RfidInput extends React.Component {
         className: null,
         placeholder: 'Kartennummer',
         confirmNode: 'OK',
+        enableScan: false,
         scanText: 'Scannen',
     };
 
@@ -78,11 +80,11 @@ export default class RfidInput extends React.Component {
             className,
             placeholder,
             confirmNode,
+            enableScan,
             scanText,
             value,
         } = this.props;
         const { isScanning } = this.state;
-        const canScan = chayns.env.isApp;
         const classNames = classnames(className, 'cc__rfid-input');
         const disabled = !VALID_RFID.test(value);
         return(
@@ -102,7 +104,7 @@ export default class RfidInput extends React.Component {
                         {confirmNode}
                     </ChooseButton>
                 </div>
-                {canScan &&
+                {enableScan &&
                 <div className="cc__rfid-input__control">
                     <ChooseButton
                         onClick={isScanning ? this.endScan : this.startScan}