Fix zombie views in the mobile UI.

- close views when switching;
- ensure that all render() methods return the view (so that they can be chained)

demo/src/main/webapp/resources/js/app/router/mobile/router.js

@@ -87,15 +87,16 @@ define("router",[
             var eventsView = new EventsView({model:events, el:$("#container")});
             events.bind("reset",
                 function () {
-                    eventsView.render();
+                    var view = eventsView.render();
+                    utilities.viewManager.showView(view);
                 }).fetch();
         },
         venues:function () {
             var venues = new Venues;
             var venuesView = new VenuesView({model:venues, el:$("#container")});
             venues.bind("reset",
                 function () {
-                    venuesView.render();
+                    utilities.viewManager.showView(venuesView.render());
                 }).fetch();
         },
         about:function () {
@@ -121,7 +122,8 @@ define("router",[
             var eventDetailView = new EventDetailView({model:model, el:$("#container")});
             model.bind("change",
                 function () {
-                    eventDetailView.render();
+                    var view = eventDetailView.render();
+                    utilities.viewManager.showView(view);
                     $.mobile.changePage($("#container"), {transition:'slide', changeHash:false});
                 }).fetch();
         },
@@ -130,7 +132,7 @@ define("router",[
             var venueDetailView = new VenueDetailView({model:model, el:$("#container")});
             model.bind("change",
                 function () {
-                    venueDetailView.render();
+                    utilities.viewManager.showView(venueDetailView.render());
                     $.mobile.changePage($("#container"), {transition:'slide', changeHash:false});
                 }).fetch();
         },

demo/src/main/webapp/resources/js/app/views/desktop/bookings.js

@@ -12,6 +12,7 @@ define([
         },
         render:function () {
             utilities.applyTemplate($(this.el), bookingTableTemplate, {model:this.model});
+            return this;
         },
         deleteBooking:function (event) {
             var id = $(event.currentTarget).data("tm-id");

demo/src/main/webapp/resources/js/app/views/desktop/create-booking.js

@@ -93,6 +93,7 @@ define([
                 self.ticketSummaryView.render();
                 $("#sectionSelector").change();
             });
+            return this;
         },
         refreshPrices:function (event) {
             var ticketPrices = _.filter(this.show.ticketPrices, function (item) {

demo/src/main/webapp/resources/js/app/views/desktop/event-detail.js

@@ -40,6 +40,7 @@ define([
                 });
                 $("#venueSelector").removeAttr('disabled')
             })
+            return this;
         },
         beginBooking:function () {
             require("router").navigate('/book/' + $("#venueSelector option:selected").val() + '/' + $("#performanceTimes").val(), true)

demo/src/main/webapp/resources/js/app/views/desktop/events.js

@@ -22,7 +22,7 @@ define([
             $(this.el).find('.item:first').addClass('active');
             $(".collapse").collapse()
             $("a[rel='popover']").popover({trigger:'hover'});
-            return this
+            return this;
         },
         update:function () {
             $("a[rel='popover']").popover('hide')

demo/src/main/webapp/resources/js/app/views/desktop/home.js

@@ -10,6 +10,7 @@ define([
     var HomeView = Backbone.View.extend({
         render:function () {
             utilities.applyTemplate($(this.el),HomeTemplate,{});
+            return this;
         }
     });
 

demo/src/main/webapp/resources/js/app/views/desktop/venue-detail.js

@@ -37,7 +37,8 @@ define([
                     $("#eventSelector").append("<option value='" + show.id + "'>" + show.event.name + "</option>")
                 })
                 $("#eventSelector").removeAttr('disabled')
-            })
+            });
+            return this;
         },
         beginBooking:function () {
             require("router").navigate('/book/' + $("#eventSelector option:selected").val() + '/' + $("#performanceTimes").val(), true)

demo/src/main/webapp/resources/js/app/views/desktop/venues.js

@@ -20,7 +20,7 @@ define([
             $(this.el).find('.item:first').addClass('active');
             $(".collapse").collapse();
             $("a[rel='popover']").popover({trigger:'hover'});
-            return this
+            return this;
         },
         update:function () {
             $("a[rel='popover']").popover('hide')

demo/src/main/webapp/resources/js/app/views/mobile/about.js

@@ -6,6 +6,7 @@ define([
         render:function () {
             $(this.el).empty().append("<section><h1>Welcome to Ticket Monster!</h1>" +
                 "Ticket Monster is a demo application</section>");
+            return this;
         }
     });
 

demo/src/main/webapp/resources/js/app/views/mobile/event-detail.js

@@ -40,6 +40,7 @@ define(['backbone',
             $("#performanceTimes").empty();
             $("#performanceTimes").selectmenu('disable');
             $(this.el).trigger('pagecreate');
+            return this;
         },
         performanceSelected:function () {
             if ($("#performanceTimes").val() != 'Choose a show time ...') {

demo/src/main/webapp/resources/js/app/views/mobile/events.js

@@ -16,7 +16,8 @@ define([
                     return item.id
                 });
             utilities.applyTemplate($(this.el), eventsView,  {categories:categories, model:this.model})
-            $(this.el).trigger('pagecreate')
+            $(this.el).trigger('pagecreate');
+            return this;
         }
     });
 

demo/src/main/webapp/resources/js/app/views/mobile/venue-detail.js

@@ -38,13 +38,14 @@ define([
                 $("#performanceTimes").empty().append("<option data-placeholder='true'>Choose a show time ...</option>")
 
             });
-            $("#dayPicker").empty()
-            $("#dayPicker").selectmenu('disable')
-            $("#performanceTimes").empty()
-            $("#performanceTimes").selectmenu('disable')
+            $("#dayPicker").empty();
+            $("#dayPicker").selectmenu('disable');
+            $("#performanceTimes").empty();
+            $("#performanceTimes").selectmenu('disable');
             $(this.el).trigger('pagecreate');
-            $("#showSelector").selectmenu('refresh', true)
-            $("#performanceTimes").selectmenu('refresh')
+            $("#showSelector").selectmenu('refresh', true);
+            $("#performanceTimes").selectmenu('refresh');
+            return this;
         },
         performanceSelected:function () {
             if ($("#performanceTimes").val() != 'Choose a show time ...') {

demo/src/main/webapp/resources/js/app/views/mobile/venues.js

@@ -14,7 +14,8 @@ define([
                     return model.get('address').city
                 }));
             utilities.applyTemplate($(this.el), venuesView,  {cities:cities, model:this.model})
-            $(this.el).trigger('pagecreate')
+            $(this.el).trigger('pagecreate');
+            return this;
         }
     });