src/generic-components/InlineMessage/InlineMessage.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, {Component, PropTypes} from 'react';
  24 import FontAwesome from 'react-fontawesome';
  25 import InlineMessageConstatns from './InlineMessageConstants';
  26
  27 import Alert from 'react-bootstrap/lib/Alert';
  28
  29 export default class InlineMessage extends Component {
  30
  31   static propType = {
  32     level: PropTypes.string,
  33     messageTxt: PropTypes.string
  34   };
  35
  36   static defaultProps = {
  37     level: '',
  38     messageTxt: ''
  39   };
  40
  41   render() {
  42     let {level, messageTxt} = this.props;
  43     let fontawesomeClassName;
  44     //Select the font based on the severity level
  45     switch (level) {
  46       case 'success':
  47         fontawesomeClassName = InlineMessageConstatns.SUCCESS_CLASSNAME;
  48         break;
  49       case 'warning':
  50         fontawesomeClassName = InlineMessageConstatns.WARNING_CLASSNAME;
  51         break;
  52       case 'danger':
  53         fontawesomeClassName = InlineMessageConstatns.DANGER_CLASSNAME;
  54         break;
  55       default:
  56         fontawesomeClassName = InlineMessageConstatns.DEFAULT_CLASSNAME;
  57         break;
  58
  59     }
  60
  61     if (messageTxt && messageTxt.length > 0) {
  62       return (
  63         <Alert bsStyle={level}
  64                className={InlineMessageConstatns.ALERT_PANEL_CLASSNAME}>
  65           <div className={InlineMessageConstatns.NOTIFICATION_PANEL_CLASSNAME}>
  66             <div className={InlineMessageConstatns.ICON_PANEL_CLASSNAME}>
  67               <FontAwesome className={fontawesomeClassName}
  68                            name={fontawesomeClassName}/>
  69             </div>
  70             <div className={InlineMessageConstatns.MESSAGE_PANEL_CLASSNAME}>
  71               {messageTxt}
  72             </div>
  73           </div>
  74         </Alert>
  75       );
  76     } else {
  77       return false;
  78     }
  79
  80   }
  81 }