Merge pull request #589 from callmehiphop/gh-pages

Updated Enyo/Backbone lab to not remove the Learn sidebar.
tastejs · Jun 4, 2013 · f15ab3f · f15ab3f
2 parents 3aab99f + 00dcae1
commit f15ab3f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/labs/dependency-examples/enyo_backbone/index.html b/labs/dependency-examples/enyo_backbone/index.html
@@ -1,15 +1,17 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" data-framework="enyo">
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 	<title>Enyo & Backbone.js • TodoMVC</title>
 	<link rel="stylesheet" href="bower_components/todomvc-common/base.css">
 </head>
-<body class="enyo-unselectable">
-	<!-- Enyo comes with a build and deploy process that will minify and concatenate your files into 2 js files. One for enyo, and one for app code. For the purpose of demonstration, I used the debug loading library to handle the dependency management. The loader nagivates directories for package.js files and injects files they list into the DOM. -->
-	<script src="bower_components/todomvc-common/base.js"></script>
-	<script src="enyo/enyo.js"></script>
-	<script src="js/package.js"></script>
+<body>
+	<div id="todo-container" class="enyo-unselectable">
+		<!-- Enyo comes with a build and deploy process that will minify and concatenate your files into 2 js files. One for enyo, and one for app code. For the purpose of demonstration, I used the debug loading library to handle the dependency management. The loader nagivates directories for package.js files and injects files they list into the DOM. -->
+		<script src="bower_components/todomvc-common/base.js"></script>
+		<script src="enyo/enyo.js"></script>
+		<script src="js/package.js"></script>
+	</div>
 </body>
 </html>
diff --git a/labs/dependency-examples/enyo_backbone/js/start.js b/labs/dependency-examples/enyo_backbone/js/start.js
@@ -2,6 +2,9 @@
 /*global enyo:false, ToDo:false */
 // Once everything is loaded through enyo's dependency management, start the app
 enyo.ready(function () {
+	var container = document.getElementById('todo-container');
+
 	window.app = new ToDo.Application();
-	window.app.render();
+	// add extra container to prevent enyo from blowing out the learn side bar
+	window.app.renderInto(container);
 });