Página inicial Explorar Ajuda
Registrar Entrar
adelq
/
astroid-web
mirror de https://github.com/adelq/astroid-web.git
1
0
Fork 0
Arquivos Issues 0 Wiki
Ver código fonte

Factor out navigation bar

Adel Qalieh 12 anos atrás
pai
07cf440188
commit
9d66487b3b
2 arquivos alterados com 24 adições e 21 exclusões
Visão dividida Mostrar estatísticas do Diff
  1. 1 21
      client/views/main.html
  2. 23 0
      client/views/ui/navbar.html

+ 1 - 21
client/views/main.html
Ver arquivo 

@@ -10,27 +10,7 @@
 
 	<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.6.0/moment.min.js"></script>
 
 </head>
 
 <body>
 
-<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 
-	<div class="navbar-header">
 
-		<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
 
-			<span class="sr-only">Toggle navigation</span>
 
-			<span class="icon-bar"></span>
 
-			<span class="icon-bar"></span>
 
-			<span class="icon-bar"></span>
 
-		</button>
 
-		<a href="#" class="navbar-brand">Astroid</a>
 
-	</div>
 
-	<div class="navbar-collapse collapse navbar-responsive-collapse">
 
-		<ul class="nav navbar-nav">
 
-			<li class="active"><a href="#">Home</a></li>
 
-			<li><a href="#">About</a></li>
 
-			<li><a href="#">Help</a></li>
 
-		</ul>
 
-		<ul class="nav navbar-nav navbar-right" style="text-align: center;">
 
-			<li><button type="button" class="btn btn-default navbar-btn" id="signin">Sign in</button></li>
 
-		</ul>
 
-	</div>
 
-</div>
 
+{{>navbar}}
 
 <div class="container">
 
 <div class="row">
 
 	<div class="col-lg-9">

+ 23 - 0
client/views/ui/navbar.html
Ver arquivo 

@@ -0,0 +1,23 @@
 
+<template name="navbar">
 
+  <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 
+    <div class="navbar-header">
 
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
 
+        <span class="sr-only">Toggle navigation</span>
 
+        <span class="icon-bar"></span>
 
+        <span class="icon-bar"></span>
 
+        <span class="icon-bar"></span>
 
+      </button>
 
+      <a href="#" class="navbar-brand">Astroid</a>
 
+    </div>
 
+    <div class="navbar-collapse collapse navbar-responsive-collapse">
 
+      <ul class="nav navbar-nav">
 
+        <li class="active"><a href="#">Home</a></li>
 
+        <li><a href="#">About</a></li>
 
+        <li><a href="#">Help</a></li>
 
+      </ul>
 
+      <ul class="nav navbar-nav navbar-right" style="text-align: center;">
 
+        <li><button type="button" class="btn btn-default navbar-btn" id="signin">Sign in</button></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+</template>