Add SourceIndicator to Configuration and Admin pages (#1439)

* Add SourceIndicator to ManageSources + SourcePage

* Update CHANGELOG

* Add Source Indicator to Admin Page

CHANGELOG.md

@@ -6,6 +6,9 @@
   1. [#1436](https://github.com/influxdata/chronograf/pull/1436): Queries including :dashboardTime: no longer break the query builder
 
 
+### UI Improvements
+  1. [#1439](https://github.com/influxdata/chronograf/pull/1439): Add Source Indicator to Configuration and Admin pages
+
 ## v1.3.0~rc1 [2017-05-08]
 
 ### Bug Fixes

ui/src/admin/containers/AdminPage.js

@@ -25,6 +25,7 @@ import {
 } from 'src/admin/actions'
 
 import AdminTabs from 'src/admin/components/AdminTabs'
+import SourceIndicator from '../../shared/components/SourceIndicator'
 
 import {publishAutoDismissingNotification} from 'shared/dispatchers'
 
@@ -168,6 +169,9 @@ class AdminPage extends Component {
                 Admin
               </h1>
             </div>
+            <div className="page-header__right">
+              <SourceIndicator sourceName={source.name} />
+            </div>
           </div>
         </div>
         <div className="page-contents">

ui/src/sources/containers/ManageSources.js

@@ -9,6 +9,7 @@ import {
   deleteKapacitorAsync,
 } from 'src/shared/actions/sources'
 
+import SourceIndicator from '../../shared/components/SourceIndicator'
 import InfluxTable from '../components/InfluxTable'
 
 class ManageSources extends Component {
@@ -55,6 +56,9 @@ class ManageSources extends Component {
             <div className="page-header__left">
               <h1 className="page-header__title">Configuration</h1>
             </div>
+            <div className="page-header__right">
+              <SourceIndicator sourceName={source.name} />
+            </div>
           </div>
         </div>
         <div className="page-contents">

ui/src/sources/containers/SourcePage.js

@@ -7,7 +7,9 @@ import {
   updateSource as updateSourceAction,
 } from 'shared/actions/sources'
 import {connect} from 'react-redux'
+
 import SourceForm from 'src/sources/components/SourceForm'
+import SourceIndicator from '../../shared/components/SourceIndicator'
 
 const {func, shape, string} = PropTypes
 
@@ -121,6 +123,9 @@ export const SourcePage = React.createClass({
                 {editMode ? 'Edit Source' : 'Add a New Source'}
               </h1>
             </div>
+            <div className="page-header__right">
+              <SourceIndicator sourceName={source.name} />
+            </div>
           </div>
         </div>
         <div className="page-contents">