render widgets upon ajaxify - this widget feetorez iz completified!

public/src/ajaxify.js

@@ -93,7 +93,7 @@ var ajaxify = {};
 
 			translator.load(tpl_url);
 
-			jQuery('#footer, #content').removeClass('hide').addClass('ajaxifying');
+			$('#footer, #content').removeClass('hide').addClass('ajaxifying');
 
 			templates.flush();
 			templates.load_template(function () {
@@ -110,11 +110,27 @@ var ajaxify = {};
 
 				app.processPage();
 
-				jQuery('#content, #footer').stop(true, true).removeClass('ajaxifying');
+				var widgetLocations = [];
+
+				require(['vendor/async'], function(async) {
+					$('#content [widget-area]').each(function() {
+						widgetLocations.push(this.getAttribute('widget-area'));
+					});
+
+					async.each(widgetLocations, function(location, next) {
+						var area = $('#content [widget-area="' + location + '"]');
+
+						socket.emit('widgets.render', {template: tpl_url + '.tpl', location: location}, function(err, renderedWidgets) {
+							area.html(templates.prepare(area.html()).parse({widgets: renderedWidgets})).removeClass('hidden');
+						});
+					});
+
+					$('#content, #footer').stop(true, true).removeClass('ajaxifying');
 					ajaxify.initialLoad = false;
 
 					app.refreshTitle(url);
 					$(window).trigger('action:ajaxify.end', { url: url });
+				});
 			}, url);
 
 			return true;

public/templates/home.tpl

@@ -2,6 +2,14 @@
 	{motd}
 </div>
 
+<div widget-area="motd" class="hidden">
+	<!-- BEGIN widgets -->
+	<div class="well">
+		{widgets.html}
+	</div>
+	<!-- END widgets -->
+</div>
+
 <div class="row home" itemscope itemtype="http://www.schema.org/ItemList">
 	<!-- BEGIN categories -->
 	<div class="{categories.class}">