added iron:layout as dependency to pattern-library package

olivermg · Apr 29, 2015 · d484f79 · d484f79
1 parent 4245c72
commit d484f79
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 38 deletions.
diff --git a/client/meteor-skeleton.html b/client/meteor-skeleton.html
@@ -1,42 +1,41 @@
+<body>
 
-<template name="myHeader">
-<div class="ui inverted fixed main menu">
-  <div class="left menu">
-  <a class="active item">
-    <i class="home icon"></i> Home
-  </a>
-  <a class="item">
-    <i class="mail icon"></i> Messages
-  </a>
-  </div>
-  <div class="right menu">
-    <div class="item">
-      <div class="ui transparent icon input">
-        <input type="text" placeholder="Search...">
-        <i class="search link icon"></i>
-      </div>
-    </div>
-  </div>
-</div>
-</template>
+{{# Layout template="gridpage" }}
 
-<template name="myBody">
-<!--div class="ui page grid"-->
-<div class="ui three buttons">
-  <button class="ui active button">One</button>
-  <button class="ui button">Two</button>
-  <button class="ui button">Three</button>
-</div>
-<!--/div-->
-</template>
+	{{# contentFor "header" }}
+		<div class="ui inverted fixed main menu">
+		  <div class="left menu">
+		  <a class="active item">
+		    <i class="home icon"></i> Home
+		  </a>
+		  <a class="item">
+		    <i class="mail icon"></i> Messages
+		  </a>
+		  </div>
+		  <div class="right menu">
+		    <div class="item">
+		      <div class="ui transparent icon input">
+		        <input type="text" placeholder="Search...">
+		        <i class="search link icon"></i>
+		      </div>
+		    </div>
+		  </div>
+		</div>
+	{{/ contentFor }}
 
-<template name="myFooter">
-xxxxxxxxxxxxxxx
-</template>
+	<!--div class="ui page grid"-->
+	<div class="ui three buttons">
+	  <button class="ui active button">One</button>
+	  <button class="ui button">Two</button>
+	  <button class="ui button">Three</button>
+	</div>
+	<!--/div-->
 
-<body>
+	{{# contentFor "footer" }}
+		xxxxxxxxxxxxxxx
+	{{/ contentFor }}
 
-{{> gridpage header="myHeader" body="myBody" footer="myFooter" }}
+{{/ Layout }}
 
 </body>
 
diff --git a/packages/pattern-library/package.js b/packages/pattern-library/package.js
@@ -14,7 +14,7 @@ Package.onUse(function(api) {
   api.versionsFrom('1.1.0.2');
   api.addFiles('pattern-library.js');
 
-  api.use(['templating'], 'client');
+  api.use(['templating', 'iron:layout'], 'client');
   api.addFiles(['pages/gridpage.html'], 'client');
 });
 

diff --git a/packages/pattern-library/pages/gridpage.html b/packages/pattern-library/pages/gridpage.html
@@ -1,9 +1,9 @@
 
 <template name="gridpage">
-	{{> UI.dynamic template=header }}
+	{{> yield "header" }}
 	<div class="ui page grid">
-		{{> UI.dynamic template=body }}
+		{{> yield }}
 	</div>
-	{{> UI.dynamic template=footer }}
+	{{> yield "footer" }}
 </template>