From e0f483f7e3086a58de571df908a07a06bfa9b743 Mon Sep 17 00:00:00 2001
From: Matthieu Lalonde <matth_web_git@lalonde.me>
Date: Fri, 9 Nov 2012 09:59:24 -0500
Subject: [PATCH] Moved App layout to template

---
 index.html                          |  8 --------
 resources/js/views/app.js           | 28 +++++++++++++++++++++++-----
 resources/templates/app/layout.html |  7 +++++++
 3 files changed, 30 insertions(+), 13 deletions(-)
 create mode 100644 resources/templates/app/layout.html
diff --git a/index.html b/index.html
index 2bec20d..082ffec 100644
--- a/index.html
+++ b/index.html
@@ -27,14 +27,6 @@
 	<script data-main="/resources/js/main" src="/resources/vendors/require/require.min.js">/**/</script>
 </head>
 <body>
-	<div class="ui-layout-north" id="wrapperPlayer"></div>
-
-	<div class="ui-layout-west"></div>
-
-	<div class="ui-layout-center" class="loading"></div>
-
-	<div class="ui-layout-south row-fluid"></div>
-
 	<ul id="listItemContextMenu" class="context-menu dropdown-menu">
 		<li><a href="javascript:void(0);" data-target="listItemDetails"><i class="icon-info-sign"></i>&nbsp;Details...</a></li>
 		<li><a href="javascript:void(0);" data-target="permalink"><i class="icon-bookmark"></i>&nbsp;Direct link</a></li>
diff --git a/resources/js/views/app.js b/resources/js/views/app.js
index 6f58692..89f6929 100644
--- a/resources/js/views/app.js
+++ b/resources/js/views/app.js
@@ -9,14 +9,22 @@ define([
 	"underscore"
 	, "jquery"
 	, "backbone"
-	, "jquery-layout"
 
+	, "text!../../templates/app/layout.html"
+
+	, "jquery-layout"
 	, "jquery-ui"
 ]
-, function (_, $, Backbone) {
+, function (
+_
+, $
+, Backbone
+
+, tmplAppLayout
+) {
 	"use strict";
 
-	return Backbone.View.extend({
+	var App		= Backbone.View.extend({
 		el:				$("body")
 
 		, Layout:		null
@@ -26,9 +34,16 @@ define([
 		}
 
 		, initialize: function() {
-			_.bindAll(this, "toggleSideBar");
+			_.bindAll(this
+				, "toggleSideBar"
+			);
+
+			var that	= this
+			;
 
-			var that	= this;
+			App.__super__.initialize.apply(that);
+console.log(tmplAppLayout);
+			that.$el.html(tmplAppLayout);
 
 			that.Layout	= that.$el.layout({
 				//applyDefaultStyles:		true
@@ -59,10 +74,13 @@ define([
 					size:				30
 				}
 			});
+
+			return that;
 		}
 
 		, toggleSideBar:	function () {
 			this.Layout.toggle("west");
 		}
 	});
+	return App;
 });
\ No newline at end of file
diff --git a/resources/templates/app/layout.html b/resources/templates/app/layout.html
new file mode 100644
index 0000000..295baea
--- /dev/null
+++ b/resources/templates/app/layout.html
@@ -0,0 +1,7 @@
+<div class="ui-layout-north" id="wrapperPlayer"></div>
+
+<div class="ui-layout-west"></div>
+
+<div class="ui-layout-center"></div>
+
+<div class="ui-layout-south row-fluid"></div>
\ No newline at end of file
