blob: ebb1473c0400775203c9f32947b84d4ea8a5d4d2 [file] [log] [blame]
AviZi280f8012017-06-09 02:39:56 +03001/*!
2 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
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 *
8 * http://www.apache.org/licenses/LICENSE-2.0
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,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
13 * or implied. See the License for the specific language governing
14 * permissions and limitations under the License.
15 */
Michael Landoefa037d2017-02-19 12:57:33 +020016/**
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 */
23import React from 'react';
24import i18n from 'nfvo-utils/i18n/i18n.js';
25import Button from 'react-bootstrap/lib/Button.js';
AviZi280f8012017-06-09 02:39:56 +030026import SVGIcon from 'nfvo-components/icon/SVGIcon.jsx';
Michael Landoefa037d2017-02-19 12:57:33 +020027
28class ValidationButtons extends React.Component {
29
30 static propTypes = {
31 labledButtons: React.PropTypes.bool.isRequired,
32 isReadOnlyMode: React.PropTypes.bool
33 };
34
35 state = {
36 isValid: this.props.formValid
37 };
38
39 render() {
AviZi280f8012017-06-09 02:39:56 +030040 var submitBtn = this.props.labledButtons ? i18n('Save') : <SVGIcon className='check' name='check'/>;
41 var closeBtn = this.props.labledButtons ? i18n('Cancel') : <SVGIcon className='close' name='close'/>;
Michael Landoefa037d2017-02-19 12:57:33 +020042 return (
43 <div className='validation-buttons'>
44 {!this.props.isReadOnlyMode ?
45 <div>
46 <Button bsStyle='primary' ref='submitbutton' type='submit' disabled={!this.state.isValid}>{submitBtn}</Button>
47 <Button type='reset'>{closeBtn}</Button>
48 </div>
49 : <Button type='reset'>{i18n('Close')}</Button>
50 }
51 </div>
52 );
53 }
54}
55export default ValidationButtons;