feat(app): prevent flickr effect for navbar, including it into directive

app/templates/client/directives(auth)/nav-bar/nav-bar.directive.js

@@ -0,0 +1,9 @@
+'use strict';
+
+angular.module('<%= appname %>')
+  .directive('navBar', function () {
+    return {
+      restrict: 'E',
+      templateUrl: 'directives/nav-bar/nav-bar.html'
+    };
+  });

app/templates/client/directives(auth)/nav-bar/nav-bar.html

@@ -0,0 +1,19 @@
+<nav>
+  <ul>
+    <li>
+      <a href="/">home</a>
+    </li>
+    <li ng-if="!Auth.isLogged()">
+      <a href="/signup">signup</a>
+    </li>
+    <li ng-if="!Auth.isLogged()">
+      <a href="/login">login</a>
+    </li>
+    <li ng-if="Auth.isLogged()">
+      <a href="" ng-click="Auth.logout()">logout</a>
+    </li>
+    <li>
+      <pre>logged in: {{ Auth.isLogged() }}</pre>
+    </li>
+  </ul>
+</nav>

app/templates/client/directives(auth)/nav-bar/nav-bar.spec.js

@@ -0,0 +1,19 @@
+'use strict';
+
+describe('Directive: nav-bar', function () {
+
+  beforeEach(module('<%= appname %>', 'templates'));
+
+  var element, scope;
+
+  beforeEach(inject(function ($compile, $rootScope) {
+    scope = $rootScope.$new();
+    element = angular.element('<nav-bar></nav-bar>');
+    element = $compile(element)(scope);
+    scope.$apply();
+  }));
+
+  it('should ...', function () {
+    expect(1).toBe(1);
+  });
+});

app/templates/client/index.html

@@ -24,24 +24,7 @@
 
     <strong><%= appname %></strong><% if (filters.auth) { %>
 
-    <nav>
-      <ul>
-        <li>
-          <a href="/">home</a>
-        </li>
-        <li ng-if="!Auth.isLogged()">
-          <a href="/signup">signup</a>
-        </li>
-        <li ng-if="!Auth.isLogged()">
-          <a href="/login">login</a>
-        </li>
-        <li ng-if="Auth.isLogged()">
-          <a href="" ng-click="Auth.logout()">logout</a>
-        </li>
-      </ul>
-    </nav>
-
-    <pre>logged in: {{ Auth.isLogged() }}</pre><% } %>
+    <nav-bar></nav-bar><% } %>
 
     <div ng-view></div><% if (filters.sockets) { %>