js: add in-page program week navigation (studioneau)

[panikweb.git] / panikweb / static / js / specifics.js

diff --git a/panikweb/static/js/specifics.js b/panikweb/static/js/specifics.js
index 2294a7436c0f1f40e590631bff1eee46b29a511b..429242849fac45313069504996f88d2e34154ea8 100644 (file)
--- a/panikweb/static/js/specifics.js
+++ b/panikweb/static/js/specifics.js
@@ -289,6 +289,24 @@ $(function() {
                        $(this).addClass('loading');
                        loadPage($(this).attr('action') + '?' + $(this).serialize());
                });
+               // custom loading behaviour for week on homepage
+               // (studioneau-only for now)
+               $('#week .week-arrow a').unbind('click').on('click', function(event) {
+                       $.ajax({
+                               url: $(this).attr('href'),
+                               dataType: 'html',
+                               success: function(html, textStatus, jqXhr) {
+                                       var $new_week = $(html);
+                                       var $new_program_tabs = $new_week.find('.program.tabs');
+                                       var $new_program_content = $new_week.find($new_program_tabs.attr('data-tab-about'));
+                                       var $old_program_content = $($('.program.tabs').attr('data-tab-about'));
+                                       $('.program.tabs').replaceWith($new_program_tabs);
+                                       $old_program_content.replaceWith($new_program_content);
+                                       init();
+                               }
+                       });
+                       return false;
+               });
                $(".tabs").each(function() {
                        var self = $(this);
                        var about= $($(this).attr("data-tab-about"));