git-svn-id: https://msi/svn/firstRepo/WebClient/trunk@13 0f545695-f87b-41b6-9a03-7f16563b5454

js/controls/footer/footer.js

@@ -0,0 +1,24 @@
+define(['jquery', 'underscore', 'backbone','text!controls/footer/footerTemplate.html'],
+    function($, _, Backbone, footerTemplate){
+
+        var footer = Backbone.View.extend({
+            //initialize template
+            template:_.template(footerTemplate),
+
+            //render the content into div of view
+            render: function(){
+                this.$el.attr('data-role', 'footer');
+                this.$el.attr('data-position', 'fixed');
+                this.$el.attr('class', 'nav-glyphish-example');
+                this.$el.attr('data-tap-toggle', 'false');
+                //this.el is the root element of Backbone.View. By default, it is a div.
+                //$el is cached jQuery object for the view's element.
+                //append the compiled template into view div container
+                this.$el.append(this.template());
+
+                //return to enable chained calls
+                return this;
+            }
+        });
+        return footer;
+    });

js/controls/footer/footerTemplate.html

@@ -0,0 +1,11 @@
+<div data-role="navbar" class="nav-glyphish-example">
+	<ul>
+        <li><a href="#noteView" id="noteBtn" data-icon="custom">Blocco note</a></li>
+		<li><a href="#faqView" id="faqBtn" data-icon="custom">Lo sai che?</a></li>
+        <li><a href="#indexView" id="indexBtn" data-icon="custom">Indice</a></li>
+        <li><a href="#searchView" id="searchBtn" data-icon="custom">Cerca</a></li>
+        <li><a href="#moreView" id="moreBtn" data-icon="custom">Altro</a></li>
+        <!--<li><a href="#aboutView" id="infoBtn" data-icon="custom">About</a></li>
+        <li><a href="#toolsView" id="toolsBtn" data-icon="custom">Tools</a></li>-->
+   	</ul>
+</div>

js/controls/header/header.js

@@ -0,0 +1,30 @@
+define(['jquery', 'underscore', 'backbone','text!controls/header/headerTemplate.html'],
+    function($, _, Backbone, headerTemplate){
+
+        var header = Backbone.View.extend({
+
+            title: "",
+
+            initialize : function (options) {
+                this.title = options.title;
+            },
+
+            //initialize template
+            template:_.template(headerTemplate),
+
+            //render the content into div of view
+            render: function(){
+                this.$el.attr('data-role', 'header');
+                this.$el.attr('data-position', 'fixed');
+                this.$el.attr('data-tap-toggle', 'false');
+                //this.el is the root element of Backbone.View. By default, it is a div.
+                //$el is cached jQuery object for the view's element.
+                //append the compiled template into view div container
+                this.$el.append(this.template( { "title":this.title } ));
+
+                //return to enable chained calls
+                return this;
+            }
+        });
+        return header;
+    });

js/controls/header/headerTemplate.html

@@ -0,0 +1,2 @@
+<a href="#homeView" class="nav-glyphish-example ui-btn ui-icon-myHome ui-btn-icon-notext">Home</a>
+<h4><%= title %></h4>