use partial for navigation

app/templates/application-error.hbs

-<nav class="navbar">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      {{#link-to 'home' class="navbar-brand"}}iObserve{{/link-to}}
-    </div>
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        {{#link-to 'home' tagName='li'}}
-            {{#link-to 'home'}}Home{{/link-to}}
-        {{/link-to}}
-        {{#link-to 'deployments' tagName='li'}}
-            {{#link-to 'deployments'}}Systems{{/link-to}}
-        {{/link-to}}
-      </ul>
+{{partial 'partials/navbar'}}
 
-      <ul class="nav navbar-nav navbar-right globalActions">
-        {{outlet 'globalActions'}}
-      </ul>
-    </div><!--/.nav-collapse -->
-  </div>
-</nav>
 <div class="container-fluid">
     <div class="container">
         <div class="alert alert-danger">
             There seems to be a problem loading information from the server.
         </div>
 
-        {{#link-to 'home' class="btn btn-default" activeClass=""}}<i class="glyphicon glyphicon-chevron-left"></i> back home{{/link-to}}
+        {{#link-to 'home' class="btn btn-default" activeClass=""}}
+        <i class="glyphicon glyphicon-chevron-left"></i> back home{{/link-to}}
     </div>
 
     {{outlet body}}

app/templates/application.hbs

@@ -3,33 +3,8 @@
     Loading...
 </div>
 
-<nav class="navbar">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      {{#link-to 'home' class="navbar-brand"}}iObserve{{/link-to}}
-    </div>
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        {{#link-to 'home' tagName='li'}}
-            {{#link-to 'home'}}Home{{/link-to}}
-        {{/link-to}}
-        {{#link-to 'deployments' tagName='li'}}
-            {{#link-to 'deployments'}}Systems{{/link-to}}
-        {{/link-to}}
-      </ul>
+{{partial 'partials/navbar'}}
 
-      <ul class="nav navbar-nav navbar-right globalActions">
-        {{outlet 'globalActions'}}
-      </ul>
-    </div><!--/.nav-collapse -->
-  </div>
-</nav>
 <div class="container-fluid">
     {{#each flashMessages.queue as |flash|}}
       {{flash-message flash=flash}}

app/templates/partials/-navbar.hbs

+<nav class="navbar">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      {{#link-to 'home' class="navbar-brand"}}iObserve{{/link-to}}
+    </div>
+    <div id="navbar" class="navbar-collapse collapse">
+      <ul class="nav navbar-nav">
+        {{#link-to 'home' tagName='li'}}
+            {{#link-to 'home'}}Home{{/link-to}}
+        {{/link-to}}
+        {{#link-to 'deployments' tagName='li'}}
+            {{#link-to 'deployments'}}Systems{{/link-to}}
+        {{/link-to}}
+      </ul>
+
+      <ul class="nav navbar-nav navbar-right globalActions">
+        {{outlet 'globalActions'}}
+      </ul>
+    </div><!--/.nav-collapse -->
+  </div>
+</nav>
\ No newline at end of file