src/generic-components/confirmations/ConfirmationModalView.jsx

   1 /*
   2  * ============LICENSE_START=======================================================
   3  * org.onap.aai
   4  * ================================================================================
   5  * Copyright © 2017 AT&T Intellectual Property. All rights reserved.
   6  * Copyright © 2017 Amdocs
   7  * ================================================================================
   8  * Licensed under the Apache License, Version 2.0 (the "License");
   9  * you may not use this file except in compliance with the License.
  10  * You may obtain a copy of the License at
  11  *
  12  *       http://www.apache.org/licenses/LICENSE-2.0
  13  *
  14  * Unless required by applicable law or agreed to in writing, software
  15  * distributed under the License is distributed on an "AS IS" BASIS,
  16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17  * See the License for the specific language governing permissions and
  18  * limitations under the License.
  19  * ============LICENSE_END=========================================================
  20  *
  21  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  22  */
  23 import React from 'react';
  24 import Button from 'react-bootstrap/lib/Button.js';
  25
  26 import i18n from 'utils/i18n/i18n.js';
  27 import Modal from 'generic-components/modal/Modal.jsx';
  28
  29 let typeClass = {
  30                 'default': 'primary',
  31                 error: 'danger',
  32                 warning: 'warning',
  33                 success: 'success'
  34 };
  35
  36
  37 class ConfirmationModalView extends React.Component {
  38
  39                 static propTypes = {
  40                                 show: React.PropTypes.bool,
  41                                 type: React.PropTypes.oneOf(['default', 'error', 'warning', 'success']),
  42                                 msg: React.PropTypes.node,
  43                                 title: React.PropTypes.string,
  44                                 confirmationDetails: React.PropTypes.object
  45                 };
  46
  47                 static defaultProps = {
  48                                 show: false,
  49                                 type: 'warning',
  50                                 title: 'Warning',
  51                                 msg: ''
  52                 };
  53
  54                 render() {
  55                                 let {title, type, msg, show} = this.props;
  56
  57                                 return (
  58                                                 <Modal show={show} className={`notification-modal ${typeClass[type]}`}
  59                                                        bsSize='small'>
  60                                                                 <Modal.Header>
  61                                                                                 <Modal.Title>{title}</Modal.Title>
  62                                                                 </Modal.Header>
  63                                                                 <Modal.Body>{msg}</Modal.Body>
  64                                                                 <Modal.Footer>
  65                                                                                 <Button bsStyle={typeClass[type]}
  66                                                                                         onClick={() => this.props.onDeclined(this.props.confirmationDetails)}>{i18n(
  67                                                                                                 'Cancel')}</Button>
  68                                                                                 <Button bsStyle={typeClass[type]}
  69                                                                                         onClick={() => this.props.onConfirmed(this.props.confirmationDetails)}>{i18n(
  70                                                                                                 'Delete')}</Button>
  71                                                                 </Modal.Footer>
  72                                                 </Modal>
  73                                 );
  74                 };
  75 }
  76
  77 export default ConfirmationModalView;