set and unset window title for details

fixes #42
weaveworks · May 29, 2015 · 215a1b4 · 215a1b4
1 parent d82edf4
commit 215a1b4
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 0 deletions.
diff --git a/client/app/scripts/components/node-details.js b/client/app/scripts/components/node-details.js
@@ -2,13 +2,22 @@ const React = require('react');
 
 const NodeDetailsTable = require('./node-details-table');
 const NodeColorMixin = require('../mixins/node-color-mixin');
+const TitleUtils = require('../utils/title-utils');
 
 const NodeDetails = React.createClass({
 
   mixins: [
     NodeColorMixin
   ],
 
+  componentDidMount: function() {
+    this.updateTitle();
+  },
+
+  componentWillUnmount: function() {
+    TitleUtils.resetTitle();
+  },
+
   render: function() {
     const node = this.props.details;
 
@@ -36,6 +45,14 @@ const NodeDetails = React.createClass({
         </div>
       </div>
     );
+  },
+
+  componentDidUpdate: function() {
+    this.updateTitle();
+  },
+
+  updateTitle: function() {
+    TitleUtils.setTitle(this.props.details && this.props.details.label_major);
   }
 
 });

diff --git a/client/app/scripts/utils/title-utils.js b/client/app/scripts/utils/title-utils.js
@@ -0,0 +1,20 @@
+
+const PREFIX = 'Weave Scope';
+const SEPARATOR = ' - ';
+
+function setDocumentTitle(title) {
+  if (title) {
+    document.title = [PREFIX, title].join(SEPARATOR);
+  } else {
+    document.title = PREFIX;
+  }
+}
+
+function resetDocumentTitle() {
+  setDocumentTitle(null);
+}
+
+module.exports = {
+  resetTitle: resetDocumentTitle,
+  setTitle: setDocumentTitle
+};