From 4225e6a0e2da603209f408ffdc81f3ac150eb82a Mon Sep 17 00:00:00 2001
From: Tim Raymond <tim@timraymond.com>
Date: Fri, 30 Sep 2016 11:47:28 -0700
Subject: [PATCH] Add Active Source to Host Table

---
 ui/src/hosts/components/HostsTable.js    | 8 +++++++-
 ui/src/style/enterprise_style/hosts.scss | 6 ++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/ui/src/hosts/components/HostsTable.js b/ui/src/hosts/components/HostsTable.js
index 61c9a47d69..9b3f612f43 100644
--- a/ui/src/hosts/components/HostsTable.js
+++ b/ui/src/hosts/components/HostsTable.js
@@ -10,6 +10,7 @@ const HostsTable = React.createClass({
     })),
     source: PropTypes.shape({
       id: PropTypes.string.isRequired,
+      name: PropTypes.string.isRequired,
     }).isRequired,
   },
 
@@ -55,7 +56,12 @@ const HostsTable = React.createClass({
 
     return (
       <div>
-        <SearchBar onSearch={_.wrap(this.props.hosts, this.filterHosts)} />
+        <div className="host-table-header">
+          <SearchBar onSearch={_.wrap(this.props.hosts, this.filterHosts)} />
+          <div className="active-source">
+            Source: {source.name}
+          </div>
+        </div>
         <table className="table v-center">
           <thead>
             <tr>
diff --git a/ui/src/style/enterprise_style/hosts.scss b/ui/src/style/enterprise_style/hosts.scss
index 6489c2baf7..39069c3b67 100644
--- a/ui/src/style/enterprise_style/hosts.scss
+++ b/ui/src/style/enterprise_style/hosts.scss
@@ -1,3 +1,9 @@
 .sortable-header {
   cursor: pointer;
 }
+
+.host-table-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}