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

---
 index.html                             | 29 +-------------------------
 resources/js/views/footer.js           | 15 ++++++++++++-
 resources/templates/footer/layout.html | 26 +++++++++++++++++++++++
 3 files changed, 41 insertions(+), 29 deletions(-)
 create mode 100644 resources/templates/footer/layout.html

diff --git a/index.html b/index.html
index 6119d42..2bec20d 100644
--- a/index.html
+++ b/index.html
@@ -33,34 +33,7 @@
 
 	<div class="ui-layout-center" class="loading"></div>
 
-	<div class="ui-layout-south row-fluid">
-		<div id="wrapperFooterLeft" class="span4 row-fluid">
-			<div class="span2">
-				<button class="btn btn-mini btn-inverse" type="button" data-target="sidebar"><i class="icon-chevron-left icon-white"></i></button>
-			</div>
-			<button class="btn btn-mini btn-inverse" type="button" data-target="random"><i class="icon-random icon-white"></i></button>
-			<button class="btn btn-mini btn-inverse" type="button" data-target="repeat"><i class="icon-retweet icon-white"></i></button>
-		</div>
-		<div id="wrapperFooterCenter" class="span4">
-			<span class="list-count">0</span>&nbsp;items
-		</div>
-		<div id="wrapperFooterRight" class="span4">
-			<!-- <div class="btn-group">
-				<button class="btn btn-inverse btn-mini"><i class="icon-download-alt icon-white"></i>Download</button>
-				<button class="btn btn-inverse btn-mini dropdown-toggle" data-toggle="dropdown">
-					<span class="caret"></span>
-				</button>
-				<ul class="dropdown-menu pull-up" role="menu" aria-labelledby="dLabel">
-					<li><a tabindex="-1" href="#">Action</a></li>
-					<li><a tabindex="-1" href="#">Another action</a></li>
-					<li><a tabindex="-1" href="#">Something else here</a></li>
-					<li class="divider"></li>
-					<li><a tabindex="-1" href="#">Separated link</a></li>
-				</ul>
-			</div> -->
-			<button class="btn btn-mini btn btn-inverse" type="button" data-target="about"><i class="icon-question-sign icon-white"></i></button>
-		</div>
-	</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>
diff --git a/resources/js/views/footer.js b/resources/js/views/footer.js
index 45f7a8e..3653c74 100644
--- a/resources/js/views/footer.js
+++ b/resources/js/views/footer.js
@@ -9,8 +9,17 @@ define([
 	, "jquery"
 	, "backbone"
 	, "bootstrap"
+
+	, "text!../../templates/player/layout.html"
 ]
-, function (_, $, Backbone, Bootstrap) {
+, function (
+_
+, $
+, Backbone
+, Bootstrap
+
+, tmplFooterLayout
+) {
 	"use strict";
 
 	var Footer = Backbone.View.extend({
@@ -37,6 +46,10 @@ define([
 			;
 
 			Footer.__super__.initialize.apply(that, arguments);
+
+			that.$el.html(tmplFooterLayout);
+
+			return that;
 		}
 
 		, __eventToggleButtonRandom:	function (event) {
diff --git a/resources/templates/footer/layout.html b/resources/templates/footer/layout.html
new file mode 100644
index 0000000..2dd422d
--- /dev/null
+++ b/resources/templates/footer/layout.html
@@ -0,0 +1,26 @@
+<div id="wrapperFooterLeft" class="span4 row-fluid">
+	<div class="span2">
+		<button class="btn btn-mini btn-inverse" type="button" data-target="sidebar"><i class="icon-chevron-left icon-white"></i></button>
+	</div>
+	<button class="btn btn-mini btn-inverse" type="button" data-target="random"><i class="icon-random icon-white"></i></button>
+	<button class="btn btn-mini btn-inverse" type="button" data-target="repeat"><i class="icon-retweet icon-white"></i></button>
+</div>
+<div id="wrapperFooterCenter" class="span4">
+	<span class="list-count">0</span>&nbsp;items
+</div>
+<div id="wrapperFooterRight" class="span4">
+	<!-- <div class="btn-group">
+		<button class="btn btn-inverse btn-mini"><i class="icon-download-alt icon-white"></i>Download</button>
+		<button class="btn btn-inverse btn-mini dropdown-toggle" data-toggle="dropdown">
+			<span class="caret"></span>
+		</button>
+		<ul class="dropdown-menu pull-up" role="menu" aria-labelledby="dLabel">
+			<li><a tabindex="-1" href="#">Action</a></li>
+			<li><a tabindex="-1" href="#">Another action</a></li>
+			<li><a tabindex="-1" href="#">Something else here</a></li>
+			<li class="divider"></li>
+			<li><a tabindex="-1" href="#">Separated link</a></li>
+		</ul>
+	</div> -->
+	<button class="btn btn-mini btn btn-inverse" type="button" data-target="about"><i class="icon-question-sign icon-white"></i></button>
+</div>
\ No newline at end of file