/** * Show BGP attributes as a modal dialog * * @author Matthias Hannig */ import React from 'react' import {connect} from 'react-redux' import Modal, {Header, Body, Footer} from 'components/modals/modal' import {hideBgpAttributesModal} from './bgp-attributes-modal-actions' class BgpAttributesModal extends React.Component { closeModal() { this.props.dispatch( hideBgpAttributesModal() ); } render() { let attrs = this.props.bgpAttributes; if (!attrs.bgp) { return null; } let communities = []; if (attrs.bgp.communities) { communities = attrs.bgp.communities.map((c) => c.join(':')); } let large_communities = []; if (attrs.bgp.large_communities) { large_communities = attrs.bgp.large_communities.map((c) => c.join(':')); } return ( this.closeModal()}>

this.closeModal()}>

BGP Attributes for Network:

{attrs.network}

{attrs.bgp && attrs.bgp.as_path && } {large_communities.length > 0 && }

Origin:	{attrs.bgp.origin}
Local Pref:	{attrs.bgp.local_pref}
Next Hop:	{attrs.bgp.next_hop}
MED	{attrs.bgp.med}
AS Path:	{attrs.bgp.as_path.join(' ')}
Communities:	{communities.join(' ')}
Large Communities:	{large_communities.join(' ')}

); } } export default connect( (state) => { return { show: state.modals.bgpAttributes.show, bgpAttributes: state.modals.bgpAttributes.bgpAttributes } } )(BgpAttributesModal);