src/wolnelektury/static/js/book_text/menu.js

   1 (function($){$(function(){
   2
   3
   4 function hide_menu_boxes() {
   5     /* Closes any open menu boxes. */
   6     $("#menu .active").each(function() {
   7         $(this).removeClass("active");
   8         $("#" + $(this).attr("data-box")).hide();
   9         if ($(this).hasClass('dropdown')) {
  10             $($(this).attr('href')).slideUp('fast');
  11         }
  12     });
  13     $("#box-underlay").hide();
  14 }
  15
  16 function release_menu() {
  17     /* Exits the menu. It only really disappears on small screens. */
  18     hide_menu_boxes();
  19     $("body").removeClass("menu-showed");
  20 }
  21
  22 /* Show menu */
  23 $('#menu-toggle-on').click(function(e) {
  24     e.preventDefault();
  25     var body = $("body");
  26     /* Just stop hiding the menu. This way, after narrowing the browser,
  27      * menu will still disappear normally. */
  28     body.removeClass("menu-hidden");
  29     /* Menu still not visible? Really open it then. */
  30     if (!$("#menu").is(":visible")) {
  31         body.addClass("menu-showed");
  32     }
  33 });
  34
  35 /* Hide menu */
  36 $('#menu-toggle-off').click(function(e) {
  37     e.preventDefault();
  38     /* Just release the menu. This way, after widening the browser,
  39      * menu will still appear normally. */
  40     release_menu();
  41     /* Menu still visible after releasing it? Really hide it then. */
  42     if ($("#menu").is(":visible")) {
  43         $("body").addClass("menu-hidden");
  44     }
  45 });
  46
  47
  48 /* Exit menu by clicking anywhere else. */
  49 $("#box-underlay").click(release_menu);
  50
  51
  52 /* Toggle hidden box on click. */
  53 $("#menu a").each(function() {
  54     var boxid = $(this).attr("data-box");
  55     if (boxid) {
  56         $("#" + $(this).attr("data-box")).hide();
  57
  58         $(this).click(function(e) {
  59             e.preventDefault();
  60             var showing = $(this).hasClass("active");
  61             hide_menu_boxes();
  62             if (!showing) {
  63                 $("body").addClass("menu-showed");
  64                 $(this).addClass("active");
  65                 $("#box-underlay").show();
  66                 $("#" + $(this).attr("data-box")).show();
  67             }
  68         });
  69     }
  70     else if ($(this).hasClass('dropdown')) {
  71         $(this).click(function(e) {
  72             e.preventDefault();
  73             var showing = $(this).hasClass("active");
  74             hide_menu_boxes();
  75             if (!showing) {
  76                 $("body").addClass("menu-showed");
  77                 $("#sponsors:not(:hidden)").fadeOut();
  78                 $(this).addClass("active");
  79                 $($(this).attr('href')).slideDown('fast');
  80             }
  81         });
  82     }
  83     else if (!$(this).hasClass('button')) {
  84         $(this).click(release_menu);
  85     }
  86 });
  87
  88
  89 /* Show menu item for other versions of text.
  90  * It's only present if there are any. */
  91 $("#menu-other").show();
  92
  93
  94 /* Load other version of text. */
  95 $(".display-other").click(function(e) {
  96     e.preventDefault();
  97     release_menu();
  98
  99     $("#other-text").show();
 100     $("body").addClass('with-other-text');
 101
 102     $.ajax($(this).attr('data-other'), {
 103         success: function(text) {
 104             $("#other-text-body").html(text);
 105             $("#other-text-waiter").hide();
 106             $("#other-text-body").show();
 107             loaded_text($("#other-text-body"));
 108         }
 109     });
 110 });
 111
 112
 113 /* Remove other version of text. */
 114 $(".other-text-close").click(function(e) {
 115     release_menu();
 116     e.preventDefault();
 117     $("#other-text").hide();
 118     $("body").removeClass('with-other-text');
 119     $("#other-text-body").html("");
 120 });
 121
 122
 123 /* Release menu after clicking inside TOC. */
 124 $("#toc a").click(release_menu);
 125
 126
 127 if ($('#nota_red').length > 0) {
 128     $("#menu-nota_red").show();
 129 }
 130
 131 /* Show themes menu item, if there are any. */
 132 if ($('#themes li').length > 0) {
 133     $("#menu-themes").show();
 134 }
 135
 136 function loaded_text(text) {
 137     /* Attach events to elements inside book texts here.
 138      * This way they'll work for the other text when it's loaded. */
 139
 140     $(".theme-begin", text).click(function(e) {
 141         e.preventDefault();
 142         if ($(this).css("overflow") == "hidden" || $(this).hasClass('showing')) {
 143             $(this).toggleClass("showing");
 144         }
 145     });
 146
 147 }
 148 loaded_text("#book-text");
 149
 150
 151 })})(jQuery);