Einav Weiss Keidar | 1801b24 | 2018-08-13 16:19:46 +0300 | [diff] [blame^] | 1 | /* |
| 2 | * Copyright © 2016-2018 European Support Limited |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 3 | * |
| 4 | * Licensed under the Apache License, Version 2.0 (the "License"); |
| 5 | * you may not use this file except in compliance with the License. |
| 6 | * You may obtain a copy of the License at |
| 7 | * |
Einav Weiss Keidar | 1801b24 | 2018-08-13 16:19:46 +0300 | [diff] [blame^] | 8 | * http://www.apache.org/licenses/LICENSE-2.0 |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 9 | * |
| 10 | * Unless required by applicable law or agreed to in writing, software |
| 11 | * distributed under the License is distributed on an "AS IS" BASIS, |
Einav Weiss Keidar | 1801b24 | 2018-08-13 16:19:46 +0300 | [diff] [blame^] | 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| 13 | * See the License for the specific language governing permissions and |
| 14 | * limitations under the License. |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 15 | */ |
Michael Lando | efa037d | 2017-02-19 12:57:33 +0200 | [diff] [blame] | 16 | /** |
| 17 | * Holds the buttons for save/reset for forms. |
| 18 | * Used by the ValidationForm that changes the state of the buttons according to its own state. |
| 19 | * |
| 20 | * properties: |
| 21 | * labledButtons - whether or not to use labeled buttons or icons only |
| 22 | */ |
| 23 | import React from 'react'; |
talig | 8e9c065 | 2017-12-20 14:30:43 +0200 | [diff] [blame] | 24 | import PropTypes from 'prop-types'; |
Michael Lando | efa037d | 2017-02-19 12:57:33 +0200 | [diff] [blame] | 25 | import i18n from 'nfvo-utils/i18n/i18n.js'; |
Avi Ziv | b8e2faf | 2017-07-18 19:45:38 +0300 | [diff] [blame] | 26 | import Button from 'sdc-ui/lib/react/Button.js'; |
| 27 | import SVGIcon from 'sdc-ui/lib/react/SVGIcon.js'; |
Michael Lando | efa037d | 2017-02-19 12:57:33 +0200 | [diff] [blame] | 28 | |
| 29 | class ValidationButtons extends React.Component { |
Einav Weiss Keidar | 7fdf733 | 2018-03-20 14:45:40 +0200 | [diff] [blame] | 30 | static propTypes = { |
| 31 | labledButtons: PropTypes.bool.isRequired, |
| 32 | isReadOnlyMode: PropTypes.bool, |
| 33 | submitButtonText: PropTypes.string, |
| 34 | cancelButtonText: PropTypes.string |
| 35 | }; |
Michael Lando | efa037d | 2017-02-19 12:57:33 +0200 | [diff] [blame] | 36 | |
Einav Weiss Keidar | 7fdf733 | 2018-03-20 14:45:40 +0200 | [diff] [blame] | 37 | state = { |
| 38 | isValid: this.props.formValid |
| 39 | }; |
Michael Lando | efa037d | 2017-02-19 12:57:33 +0200 | [diff] [blame] | 40 | |
Einav Weiss Keidar | 7fdf733 | 2018-03-20 14:45:40 +0200 | [diff] [blame] | 41 | render() { |
| 42 | let submitBtn = this.props.labledButtons ? ( |
| 43 | this.props.submitButtonText ? ( |
| 44 | this.props.submitButtonText |
| 45 | ) : ( |
| 46 | i18n('Save') |
| 47 | ) |
| 48 | ) : ( |
| 49 | <SVGIcon className="check" name="check" /> |
| 50 | ); |
| 51 | let closeBtn = this.props.labledButtons ? ( |
| 52 | this.props.cancelButtonText ? ( |
| 53 | this.props.cancelButtonText |
| 54 | ) : ( |
| 55 | i18n('Cancel') |
| 56 | ) |
| 57 | ) : ( |
| 58 | <SVGIcon className="close" name="close" /> |
| 59 | ); |
Einav Weiss Keidar | 1801b24 | 2018-08-13 16:19:46 +0300 | [diff] [blame^] | 60 | let className = 'validation-buttons'; |
| 61 | if (this.props.className) { |
| 62 | className += ' ' + this.props.className; |
| 63 | } |
Einav Weiss Keidar | 7fdf733 | 2018-03-20 14:45:40 +0200 | [diff] [blame] | 64 | return ( |
Einav Weiss Keidar | 1801b24 | 2018-08-13 16:19:46 +0300 | [diff] [blame^] | 65 | <div className={className}> |
Einav Weiss Keidar | 7fdf733 | 2018-03-20 14:45:40 +0200 | [diff] [blame] | 66 | {!this.props.isReadOnlyMode ? ( |
| 67 | <div> |
| 68 | <Button |
| 69 | type="submit" |
svishnev | 04783c4 | 2018-04-17 11:32:22 +0300 | [diff] [blame] | 70 | btnType="primary" |
svishnev | 6553339 | 2018-04-23 10:10:51 +0300 | [diff] [blame] | 71 | size="default" |
Einav Weiss Keidar | 7fdf733 | 2018-03-20 14:45:40 +0200 | [diff] [blame] | 72 | data-test-id="form-submit-button" |
| 73 | disabled={!this.state.isValid}> |
| 74 | {submitBtn} |
| 75 | </Button> |
| 76 | <Button |
svishnev | 04783c4 | 2018-04-17 11:32:22 +0300 | [diff] [blame] | 77 | btnType="secondary" |
Einav Weiss Keidar | 7fdf733 | 2018-03-20 14:45:40 +0200 | [diff] [blame] | 78 | type="reset" |
| 79 | data-test-id="form-close-button"> |
| 80 | {closeBtn} |
| 81 | </Button> |
| 82 | </div> |
| 83 | ) : ( |
| 84 | <Button |
svishnev | 04783c4 | 2018-04-17 11:32:22 +0300 | [diff] [blame] | 85 | btnType="primary" |
Einav Weiss Keidar | 7fdf733 | 2018-03-20 14:45:40 +0200 | [diff] [blame] | 86 | type="reset" |
| 87 | data-test-id="form-close-button"> |
| 88 | {i18n('Close')} |
| 89 | </Button> |
| 90 | )} |
| 91 | </div> |
| 92 | ); |
| 93 | } |
Michael Lando | efa037d | 2017-02-19 12:57:33 +0200 | [diff] [blame] | 94 | } |
| 95 | export default ValidationButtons; |