home: load qualification pane asynchronously

welco/static/js/welco.js

@@ -4,5 +4,12 @@ $(function() {
                     window.location.protocol + '//' + window.location.host);
     $(this).parent().find('li').removeClass('active');
     $(this).addClass('active');
+    $.ajax({url: $('.cell.qualif').data('zone-url'),
+          async: true,
+          dataType: 'html',
+          success: function(data) { $('.cell.qualif > div').replaceWith(data); },
+          error: function(error) { console.log(':(', error); }
+    });
+
   });
 });

welco/templates/welco/home.html

@@ -67,8 +67,9 @@
 				</div>
 			</form>
 		</div>
-		<div class="cell qualif">
-			{{ qualification.render }}
+		<div class="cell qualif" data-zone-url="{% url 'qualification' %}">
+			<h2>{% trans 'Qualification' %}</h2>
+			<div></div>
 		</div>
 	</div>
 

welco/templates/welco/qualification.html

@@ -1,5 +1,5 @@
 {% load i18n %}
-<h2>{% trans 'Qualification' %}</h2>
+<div>
 <form>
 	<div>
 	{{form.as_p}}
@@ -16,3 +16,4 @@
 	</div>
 	<button class="done">{% trans 'Done' %}</button>
 </form>
+</div>

welco/urls.py

@@ -22,7 +22,7 @@ from . import apps
 
 urlpatterns = patterns('',
     url(r'^$', 'welco.views.home', name='home'),
-    url(r'^ajax/qualification$', 'welco.views.qualification'),
+    url(r'^ajax/qualification$', 'welco.views.qualification', name='qualification'),
     url(r'^admin/', include(admin.site.urls)),
     url(r'^logout/$', 'welco.views.logout', name='auth_logout'),
     url(r'^login/$', 'welco.views.login', name='auth_login'),

welco/views.py

@@ -50,15 +50,15 @@ def logout(request, next_page=None):
     return HttpResponseRedirect(next_page)
 
 
-class Qualification(object):
-    def __init__(self, request):
-        self.request = request
+class Qualification(TemplateView):
+    template_name = 'welco/qualification.html'
 
-    def render(self):
-        context = RequestContext(self.request)
+    def get_context_data(self, **kwargs):
+        context = super(Qualification, self).get_context_data(**kwargs)
         context['form'] = QualificationForm()
-        tmpl = template.loader.get_template('welco/qualification.html')
-        return tmpl.render(context)
+        return context
+
+qualification = Qualification.as_view()
 
 
 class Home(TemplateView):
@@ -67,7 +67,6 @@ class Home(TemplateView):
     def get_context_data(self, **kwargs):
         context = super(Home, self).get_context_data(**kwargs)
         context['source'] = MailHome(self.request)
-        context['qualification'] = Qualification(self.request)
         return context
 
 home = Home.as_view()