From edcc2f1b465c90d3887bd73e7f3ed19f82dbd46c Mon Sep 17 00:00:00 2001
From: Adam Coldrick <adam.coldrick@codethink.co.uk>
Date: Wed, 12 Aug 2015 15:55:15 +0000
Subject: [PATCH] Change the page title when different things are being viewed

It's useful to have some information in the page title about what is
being viewed on that page. For example, the story title should be in
the page title for a story detail page.

See https://storyboard.openstack.org/#!/story/2000178.

Change-Id: If4f63e90a03ca92f3a92c11c27011233797eb4dd
---
 bower.json                                 | 3 ++-
 src/app/admin/template/project_group.html  | 1 +
 src/app/admin/template/team.html           | 1 +
 src/app/admin/template/user.html           | 1 +
 src/app/dashboard/template/dashboard.html  | 2 +-
 src/app/profile/template/preferences.html  | 1 +
 src/app/profile/template/tokens.html       | 1 +
 src/app/project_group/template/detail.html | 1 +
 src/app/project_group/template/list.html   | 1 +
 src/app/projects/template/detail.html      | 2 +-
 src/app/projects/template/list.html        | 1 +
 src/app/search/template/index.html         | 2 +-
 src/app/stories/template/detail.html       | 2 +-
 src/app/stories/template/list.html         | 1 +
 src/app/storyboard/module.js               | 2 +-
 src/index.html                             | 3 ++-
 16 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/bower.json b/bower.json
index 9682d558..2ba5993e 100644
--- a/bower.json
+++ b/bower.json
@@ -12,7 +12,8 @@
     "angular-local-storage": "0.1.5",
     "angular-elastic": "2.4.2",
     "angular-moment": "0.9.0",
-    "angular-cache": "3.2.5"
+    "angular-cache": "3.2.5",
+    "angularjs-viewhead": "0.0.1"
   },
   "devDependencies": {
     "angular-mocks": "1.3.10",
diff --git a/src/app/admin/template/project_group.html b/src/app/admin/template/project_group.html
index c3fa0d9b..1bf69460 100644
--- a/src/app/admin/template/project_group.html
+++ b/src/app/admin/template/project_group.html
@@ -18,6 +18,7 @@
 
     <div class="row">
         <div class="col-xs-12">
+            <view-title>Project Group Admin</view-title>
             <button class="btn btn-primary btn-sm pull-bottom-right"
                     ng-click="addProjectGroup()">
                 <i class="fa fa-plus"></i>
diff --git a/src/app/admin/template/team.html b/src/app/admin/template/team.html
index f0476d4d..162b2765 100644
--- a/src/app/admin/template/team.html
+++ b/src/app/admin/template/team.html
@@ -17,6 +17,7 @@
 <div class="container">
     <div class="row">
         <div class="col-xs-12">
+            <view-title>Teams</view-title>
             <h1><i class="fa fa-sb-team"></i> Teams</h1>
         </div>
     </div>
diff --git a/src/app/admin/template/user.html b/src/app/admin/template/user.html
index 89507123..327b2545 100644
--- a/src/app/admin/template/user.html
+++ b/src/app/admin/template/user.html
@@ -18,6 +18,7 @@
 
     <div class="row">
         <div class="col-xs-12">
+            <view-title>Users</view-title>
             <button class="btn btn-primary btn-sm pull-bottom-right"
                     ng-click="addUser()">
                 <i class="fa fa-plus"></i>
diff --git a/src/app/dashboard/template/dashboard.html b/src/app/dashboard/template/dashboard.html
index b01d9ca1..b9470c65 100644
--- a/src/app/dashboard/template/dashboard.html
+++ b/src/app/dashboard/template/dashboard.html
@@ -1,7 +1,7 @@
 <div class="container">
     <div class="row">
         <div class="col-sm-12">
-            <h1>Dashboard</h1>
+            <h1 view-title>Dashboard</h1>
         </div>
     </div>
     <div class="row">
diff --git a/src/app/profile/template/preferences.html b/src/app/profile/template/preferences.html
index d157e3d6..73808cce 100644
--- a/src/app/profile/template/preferences.html
+++ b/src/app/profile/template/preferences.html
@@ -17,6 +17,7 @@
 <div class="container" ng-hide="isLoading">
     <div class="row">
         <div class="col-xs-12">
+            <view-title>Preferences</view-title>
             <h1><i class="fa fa-sb-profile-preferences"
                    ng-if="!saving"></i>
                 <i class="fa fa-spin fa-sb-profile-preferences"
diff --git a/src/app/profile/template/tokens.html b/src/app/profile/template/tokens.html
index 2ede3410..8e745839 100644
--- a/src/app/profile/template/tokens.html
+++ b/src/app/profile/template/tokens.html
@@ -17,6 +17,7 @@
 <div class="container" ng-hide="isLoading">
     <div class="row">
         <div class="col-xs-12">
+            <view-title>Authentication Tokens</view-title>
             <h1><i class="fa fa-sb-profile-tokens"></i> Authentication
                 Tokens</h1>
         </div>
diff --git a/src/app/project_group/template/detail.html b/src/app/project_group/template/detail.html
index 871eb858..a40b06cd 100644
--- a/src/app/project_group/template/detail.html
+++ b/src/app/project_group/template/detail.html
@@ -1,6 +1,7 @@
 <div class="container">
     <div class="row">
         <div class="col-xs-12">
+            <view-title>{{projectGroup.title}}</view-title>
             <h1>
                 <i class="fa fa-sb-project-group"></i>
                 {{projectGroup.title}}
diff --git a/src/app/project_group/template/list.html b/src/app/project_group/template/list.html
index f84caaa4..34d9d0ee 100644
--- a/src/app/project_group/template/list.html
+++ b/src/app/project_group/template/list.html
@@ -22,6 +22,7 @@
      search-without-criteria="true">
     <div class="row">
         <div class="col-xs-12">
+            <view-title>Project Groups</view-title>
             <h1 class="no-border no-margin-bottom">
                 <i class="fa fa-sb-project"></i> Project Groups
             </h1>
diff --git a/src/app/projects/template/detail.html b/src/app/projects/template/detail.html
index 199727bf..87668b6e 100644
--- a/src/app/projects/template/detail.html
+++ b/src/app/projects/template/detail.html
@@ -33,7 +33,7 @@
 <!-- Template for the header and description -->
 <script type="text/ng-template" id="/inline/project_detail.html">
     <h1>
-        <span ng-show="project.name">
+        <span ng-show="project.name" view-title>
             {{project.name}}
         </span>
         <em ng-hide="project.name" class="text-muted">
diff --git a/src/app/projects/template/list.html b/src/app/projects/template/list.html
index 67f441f5..1825da64 100644
--- a/src/app/projects/template/list.html
+++ b/src/app/projects/template/list.html
@@ -22,6 +22,7 @@
      search-without-criteria="true">
     <div class="row">
         <div class="col-xs-12">
+            <view-title>Projects</view-title>
             <a class="btn btn-primary btn-sm pull-bottom-right"
                permission="is_superuser"
                href="#!/project/new">
diff --git a/src/app/search/template/index.html b/src/app/search/template/index.html
index deda0b5d..ab3863ac 100644
--- a/src/app/search/template/index.html
+++ b/src/app/search/template/index.html
@@ -17,7 +17,7 @@
      ng-init="init(resourceTypes, defaultCriteria)">
     <div class="row">
         <div class="col-xs-12">
-            <h1>Search</h1>
+            <h1 view-title>Search</h1>
         </div>
     </div>
     <div class="row">
diff --git a/src/app/stories/template/detail.html b/src/app/stories/template/detail.html
index 7ccd09dd..18b6fa13 100644
--- a/src/app/stories/template/detail.html
+++ b/src/app/stories/template/detail.html
@@ -39,7 +39,7 @@
 <script type="text/ng-template" id="/inline/story_detail.html">
     <h1>
 
-        <span ng-show="story.title">
+        <span ng-show="story.title" view-title>
             {{story.title}}
         </span>
         <em ng-hide="story.title" class="text-muted">
diff --git a/src/app/stories/template/list.html b/src/app/stories/template/list.html
index e1f827ec..865e4e95 100644
--- a/src/app/stories/template/list.html
+++ b/src/app/stories/template/list.html
@@ -23,6 +23,7 @@
      search-sort-direction="sortDirection">
     <div class="row">
         <div class="col-xs-12">
+            <view-title>Stories</view-title>
             <button class="btn btn-primary btn-sm pull-bottom-right"
                     ng-click="newStory()">
                 <i class="fa fa-plus"></i>
diff --git a/src/app/storyboard/module.js b/src/app/storyboard/module.js
index 4bdc7978..32406b4a 100644
--- a/src/app/storyboard/module.js
+++ b/src/app/storyboard/module.js
@@ -27,7 +27,7 @@ angular.module('storyboard',
         'sb.auth', 'sb.story', 'sb.profile', 'sb.notification', 'sb.search',
         'sb.admin', 'sb.subscription', 'sb.project_group', 'ui.router',
         'ui.bootstrap', 'monospaced.elastic', 'angularMoment',
-        'angular-data.DSCacheFactory'])
+        'angular-data.DSCacheFactory', 'viewhead'])
     .constant('angularMomentConfig', {
         preprocess: 'utc',
         timezone: 'UTC'
diff --git a/src/index.html b/src/index.html
index e6c663fd..3b3c5db9 100644
--- a/src/index.html
+++ b/src/index.html
@@ -19,7 +19,7 @@
     <meta charset="utf-8">
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width">
-    <title>StoryBoard</title>
+    <title ng-bind-template="{{viewTitle ? viewTitle + ' | ' : ''}} StoryBoard">StoryBoard</title>
 
     <!-- Google's Ajax Crawling: https://developers.google.com/webmasters/ajax-crawling -->
     <meta name="fragment" content="!">
@@ -38,6 +38,7 @@
     <script src="angular-cache/dist/angular-cache.js"></script>
     <script src="moment/moment.js"></script>
     <script src="angular-moment/angular-moment.js"></script>
+    <script src="angularjs-viewhead/angularjs-viewhead.js"></script>
     <!-- endbuild -->
 
     <link rel="stylesheet" href="styles/main.css">