feat(core): Enhancement page title directive (#1686)

* fix(users): test for usernameOrEmail

* Add comment to remind  change for mongo replicaset connection

* clean comment ..

* Generic pageTitle concept

* Revert "Generic pageTitle concept"

This reverts commit ff00ec950f085ca3b6d1abb564eab1965ab0a56e.

* align on meanjs state

* fix atom beautify newline

* align to mean indent

* pageTitle directive

automatic pageTitle directive

fix loads add ..

clean lodash dependencies

clean code

clean code & indent

clean lodash

* pageTitle directive

automatic pageTitle directive

fix loads add ..

clean lodash dependencies

clean code

clean code & indent

clean lodash

modules/articles/client/config/articles-admin.client.routes.js

@@ -41,7 +41,8 @@
         controller: 'ArticlesAdminController',
         controllerAs: 'vm',
         data: {
-          roles: ['admin']
+          roles: ['admin'],
+          pageTitle: '{{ articleResolve.title }}'
         },
         resolve: {
           articleResolve: getArticle

modules/articles/client/config/articles.client.routes.js

@@ -18,10 +18,7 @@
         url: '',
         templateUrl: '/modules/articles/client/views/list-articles.client.view.html',
         controller: 'ArticlesListController',
-        controllerAs: 'vm',
-        data: {
-          pageTitle: 'Articles List'
-        }
+        controllerAs: 'vm'
       })
       .state('articles.view', {
         url: '/:articleId',
@@ -32,7 +29,7 @@
           articleResolve: getArticle
         },
         data: {
-          pageTitle: 'Article {{ articleResolve.title }}'
+          pageTitle: '{{ articleResolve.title }}'
         }
       });
   }

modules/chat/client/config/chat.client.routes.js

@@ -15,8 +15,7 @@
         controller: 'ChatController',
         controllerAs: 'vm',
         data: {
-          roles: ['user', 'admin'],
-          pageTitle: 'Chat'
+          roles: ['user', 'admin']
         }
       });
   }

modules/core/client/config/core.client.routes.js

@@ -44,8 +44,7 @@
           }
         },
         data: {
-          ignoreState: true,
-          pageTitle: 'Not Found'
+          ignoreState: true
         }
       })
       .state('bad-request', {
@@ -59,16 +58,14 @@
           }
         },
         data: {
-          ignoreState: true,
-          pageTitle: 'Bad Request'
+          ignoreState: true
         }
       })
       .state('forbidden', {
         url: '/forbidden',
         templateUrl: '/modules/core/client/views/403.client.view.html',
         data: {
-          ignoreState: true,
-          pageTitle: 'Forbidden'
+          ignoreState: true
         }
       });
   }

modules/core/client/directives/page-title.client.directive.js

@@ -19,13 +19,17 @@
 
       function listener(event, toState) {
         var applicationCoreTitle = 'MEAN.js',
-          separeteBy = ' - ';
+          separator = ' - ',
+          stateTitle = applicationCoreTitle + separator;
+
+        toState.name.split('.').forEach(function(value, index) {
+          stateTitle = stateTitle + value.charAt(0).toUpperCase() + value.slice(1) + separator;
+        });
         if (toState.data && toState.data.pageTitle) {
-          var stateTitle = $interpolate(toState.data.pageTitle)($state.$current.locals.globals);
-          element.html(applicationCoreTitle + separeteBy + stateTitle);
-        } else {
-          element.html(applicationCoreTitle);
+          stateTitle = $interpolate(stateTitle + toState.data.pageTitle + separator)(($state.$current.locals.globals));
         }
+        stateTitle = stateTitle.slice(0, 0 - separator.length);
+        element.text(stateTitle);
       }
     }
   }

modules/users/client/config/users-admin.client.routes.js

@@ -14,10 +14,7 @@
         url: '/users',
         templateUrl: '/modules/users/client/views/admin/list-users.client.view.html',
         controller: 'UserListController',
-        controllerAs: 'vm',
-        data: {
-          pageTitle: 'Users List'
-        }
+        controllerAs: 'vm'
       })
       .state('admin.user', {
         url: '/users/:userId',
@@ -28,7 +25,7 @@
           userResolve: getUser
         },
         data: {
-          pageTitle: 'Edit {{ userResolve.displayName }}'
+          pageTitle: '{{ userResolve.displayName }}'
         }
       })
       .state('admin.user-edit', {
@@ -40,7 +37,7 @@
           userResolve: getUser
         },
         data: {
-          pageTitle: 'Edit User {{ userResolve.displayName }}'
+          pageTitle: '{{ userResolve.displayName }}'
         }
       });