Transmogrifying - sequence one initiated.

spa/views.py

@@ -2,7 +2,9 @@ from django.shortcuts import render_to_response
 from django.template.context import RequestContext
 
 def app(request):
-    return render_to_response("inc/app.html", context_instance=RequestContext(request))
+    return render_to_response(
+        "inc/app.html",
+        context_instance=RequestContext(request))
 
 def upload(request):
     return render_to_response("inc/upload.html", context_instance=RequestContext(request))

static/js/app/views/header.js

@@ -19,6 +19,7 @@ window.HeaderView = Backbone.View.extend({
     trackPlaying:function (data) {
         $(this.el).find('#header-play-button-icon').removeClass('icon-play');
         $(this.el).find('#header-play-button-icon').addClass('icon-pause');
+
     },
     trackPaused:function (data) {
         $(this.el).find('#header-play-button-icon').removeClass('icon-pause');

static/js/app/views/mix.js

@@ -66,9 +66,10 @@ window.MixListItemView = Backbone.View.extend({
     },
     pauseMix:function () {
         com.podnoms.player.pause();
-        _eventAggregator.trigger("track_playing");
+        _eventAggregator.trigger("track_paused");
     },
     resume:function () {
+        _eventAggregator.trigger("track_playing");
         com.podnoms.player.resume();
     },
     startMix:function () {
@@ -86,9 +87,10 @@ window.MixListItemView = Backbone.View.extend({
                     url:data.stream_url,
                     success:function () {
                         _eventAggregator.trigger("track_playing");
+                        _eventAggregator.trigger("track_changed", data);
                     },
                     error:function () {
-
+                        alert("Error playing mix. Do please try again.");
                     }
                 });
             }

templates/base.html

@@ -71,8 +71,9 @@
     </div>
     <div class="row-fluid">
         <div class="span8" id="content">
+            <span class="label label-info">Transmogrifying.....</span>
+            <img src="{{ STATIC_URL }}img/transmogrifying.png" class="img-rounded">
             {% block content %}
-
             {% endblock %}
         </div>
         <div class="span3" style="float: right" id="side-content">