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

js/modules/category/category.js

@@ -0,0 +1,54 @@
+define(['jquery', 'underscore', 'backbone','text!modules/category/categoryViewTemplate.html', 'text!modules/category/categoryItemTemplate.html', 'modules/base/baseView'], 
+function($, _, Backbone, categoryViewTemplate, categoryItemTemplate, BaseView){
+
+  var CategoryView = BaseView.extend({
+
+    collection: null,
+    categoryName: null,
+    //initialize template
+    template:_.template(categoryViewTemplate),
+    itemtemplate:_.template(categoryItemTemplate),
+    
+    initialize: function (options) {
+        var self = this;
+        CategoryView.__super__.initialize.call(this);
+        this.collection = options.collection;
+        this.categoryName = options.categoryName;
+        this.collection.fetch({ 
+			success: function(data, textStatus, jqXHR){
+				self.renderItem(); 
+			}
+		//success: function(){ self.renderItem(); } 
+		});      
+    },
+    
+    renderItem: function(){
+        var $ul = $('#allRicette');
+        
+        var items = this.itemtemplate({data:this.collection.toJSON()});
+        
+        $ul.html( items );            
+        $ul.listview( "refresh" );
+        $ul.trigger( "updatelayout");
+        
+        $.mobile.loading( 'hide' );
+        //$( '[data-alpha="true"]' ).alphascroll();
+    },
+    
+    //render the content into div of view 
+    render: function(){
+        //this.header.title = "pippo";
+        CategoryView.__super__.render.call(this);
+        //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.header.$el);
+        this.$el.append(this.template({ categoryName: this.categoryName }));
+        this.$el.append(this.footer.$el);     
+        //return to enable chained calls
+        this.$el.find("#indexBtn").addClass("ui-btn-active");
+        return this;
+    }
+  });
+  return CategoryView;
+});

js/modules/category/categoryItemTemplate.html

@@ -0,0 +1,6 @@
+<% if(data.length == 0){ %>
+    <h1>Nessuna ricetta trovata</h1>
+<%} else { for (var i = 0; i < data.length; i++) { %>
+  <% var item = data[i]; %>
+	<li><a href="#ricetta/<%= item.ricetta_id%>" class="ui-btn ui-btn-icon-right ui-icon-carat-r"><div class='ricettaTitolo'><%= unescape(item.titolo) %></div><div class='ricettaAutore'><%= unescape(item.autore) %></div></a></li>
+<% }} %>

js/modules/category/categoryViewTemplate.html

@@ -0,0 +1,5 @@
+<div id="categoryListContent" data-role="content">	
+	<h1>Indice Ricette<br><%= categoryName %></h1>
+    <ul id="allRicette" data-role="listview" data-autodividers="true" data-alpha="true" data-inset="true">    	
+	</ul>
+</div>