Breadcrumbs attempt 2

docs/site/components/docs/docs-services.js

@@ -37,4 +37,13 @@ angular.module('gcloud.docs')
           return moduleA.title === 'gcloud' ? -1 : moduleA.title > moduleB.title;
         });
     };
+  })
+
+  .factory('getModule', function(pages) {
+    'use strict';
+
+    return function(moduleName) {
+      moduleName = moduleName.toLowerCase();
+      return pages[moduleName];
+    };
   });

docs/site/components/docs/docs.html

@@ -1,5 +1,5 @@
 <script id="docs-header.html" type="text/ng-template">
-  <header header title="Node.js">
+  <header header title="{{pageTitle}}">
     <div class="row row--right">
       <div class="col margin-vertical">
         <a href="https://github.com/GoogleCloudPlatform/gcloud-node/issues/new"

docs/site/components/docs/docs.js

@@ -306,7 +306,7 @@ angular
     });
   })
 
-  .controller('DocsCtrl', function($location, $scope, $routeParams, methods, $http, versions) {
+  .controller('DocsCtrl', function($location, $scope, $routeParams, methods, $http, versions, getModule) {
     'use strict';
 
     $scope.isActiveUrl = function(url) {
@@ -332,7 +332,25 @@ angular
         });
     }
 
-    $scope.pageTitle = 'Node.js';
+    // Set the page title (used in the header).
+    var pageTitle = [];
+
+    var moduleName = $routeParams.module;
+    if (moduleName) {
+      pageTitle.push(getModule($routeParams.module).title);
+    }
+
+    var className = $routeParams.class;
+    if (className) {
+      pageTitle.push(className[0].toUpperCase() + className.substr(1));
+    }
+
+    if (pageTitle.length > 0) {
+      $scope.pageTitle = pageTitle.join(' » ');
+    } else {
+      $scope.pageTitle = 'Node.js';
+    }
+
     $scope.showReference = true;
     $scope.activeUrl = '#' + $location.path();
     $scope.singleMethod = methods.singleMethod;