From 5a7b2a56d989bb6cc66f041b543d39bf321f97bc Mon Sep 17 00:00:00 2001
From: Jochen Schalanda <jochen@graylog.com>
Date: Thu, 16 Jun 2016 12:38:54 +0200
Subject: [PATCH] Move link to API Browser into System menu

Refs #2360
---
 .../src/components/navigation/Navigation.jsx                | 6 +++++-
 .../src/components/nodes/NodeMaintenanceDropdown.jsx        | 4 ----
 .../src/components/nodes/NodesActions.jsx                   | 6 ------
 3 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/graylog2-web-interface/src/components/navigation/Navigation.jsx b/graylog2-web-interface/src/components/navigation/Navigation.jsx
index adff5dd7e540..277ead2e84a4 100644
--- a/graylog2-web-interface/src/components/navigation/Navigation.jsx
+++ b/graylog2-web-interface/src/components/navigation/Navigation.jsx
@@ -6,8 +6,10 @@ import naturalSort from 'javascript-natural-sort';
 
 import PermissionsMixin from 'util/PermissionsMixin';
 import Routes from 'routing/Routes';
-
 import StoreProvider from 'injection/StoreProvider';
+
+import URLUtils from 'util/URLUtils';
+
 const NotificationsStore = StoreProvider.getStore('Notifications');
 
 import { PluginStore } from 'graylog-web-plugin/plugin';
@@ -216,6 +218,8 @@ const Navigation = React.createClass({
               </LinkContainer>
               }
               {pluginSystemNavigations}
+              <MenuItem divider/>
+              <MenuItem href={URLUtils.qualifyUrl('api-browser')} target="_blank">REST API Browser</MenuItem>
             </NavDropdown>
           </Nav>
 
diff --git a/graylog2-web-interface/src/components/nodes/NodeMaintenanceDropdown.jsx b/graylog2-web-interface/src/components/nodes/NodeMaintenanceDropdown.jsx
index 0326549126a8..d96640a5dd92 100644
--- a/graylog2-web-interface/src/components/nodes/NodeMaintenanceDropdown.jsx
+++ b/graylog2-web-interface/src/components/nodes/NodeMaintenanceDropdown.jsx
@@ -29,10 +29,6 @@ const NodeMaintenanceDropdown = React.createClass({
               <MenuItem>Configure internal logging</MenuItem>
             </LinkContainer>
           </IfPermitted>
-
-          <MenuItem href={`${this.props.node.transport_address}api-browser`} target="_blank">
-            API Browser <i className="fa fa-external-link"/>
-          </MenuItem>
         </DropdownButton>
       </ButtonGroup>
     );
diff --git a/graylog2-web-interface/src/components/nodes/NodesActions.jsx b/graylog2-web-interface/src/components/nodes/NodesActions.jsx
index 9f001b5975a2..aecbfc54d309 100644
--- a/graylog2-web-interface/src/components/nodes/NodesActions.jsx
+++ b/graylog2-web-interface/src/components/nodes/NodesActions.jsx
@@ -1,7 +1,6 @@
 import React, {PropTypes} from 'react';
 import { LinkContainer } from 'react-router-bootstrap';
 import { Button, DropdownButton, MenuItem } from 'react-bootstrap';
-import URI from 'urijs';
 
 import { IfPermitted } from 'components/common';
 
@@ -39,7 +38,6 @@ const NodesActions = React.createClass({
     }
   },
   render() {
-    const apiBrowserURI = new URI(`${this.props.node.transport_address}/api-browser`).normalizePathname();
     return (
       <div className="item-actions">
         <LinkContainer to={Routes.SYSTEM.NODES.SHOW(this.props.node.node_id)}>
@@ -50,10 +48,6 @@ const NodesActions = React.createClass({
           <Button bsStyle="info">Metrics</Button>
         </LinkContainer>
 
-        <Button bsStyle="info" href={apiBrowserURI} target="_blank">
-          <i className="fa fa-external-link"/>&nbsp; API browser
-        </Button>
-
         <DropdownButton title="More actions" id={`more-actions-dropdown-${this.props.node.node_id}`} pullRight>
           <IfPermitted permissions="processing:changestate">
             <MenuItem onSelect={this._toggleMessageProcessing}>