src/generic-components/confirmations/ConfirmationModalView.jsx

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