crojsdoc/themes/default/resources/group-examples.js

A documentation generator for JavaScript and CoffeeScript

(function () {
  var languages = {};

  function buildTab(index) {
    var lang = $(this).find('code').attr('class')
    var displayName = lang.replace('language-', '');
    if (displayName==='javascript') {
      displayName = 'JavaScript';
    } else if (displayName==='coffeescript') {
      displayName = 'CoffeeScript';
    } else if (displayName==='typescript') {
      displayName = 'TypeScript';
    }
    languages[displayName] = 1;
    var $li = $("<li><a data-examples-group='" + lang + "'>" + displayName + "</a></li>");
    if (index==0) {
      $li.addClass('active');
    }
    return $li;
  }

  function groupOne() {
    var $codes = $(this).nextUntil(':not(pre:has(code))').addBack();
    var $tabs = $("<ul class='nav nav-tabs'></ul>");
    $codes.map(buildTab).each(function () {
      $tabs.append(this);
    });
    $tabs.append("<li><a data-examples-group='@all'>Show all</a></li>");
    var $panes = $codes.wrap("<div class='tab-pane'></div>").parent().wrapAll("<div class='tab-content'></div>");
    $panes.first().addClass('active').parent().wrapAll("<div class='examples-group panel panel-default'><div class='panel-body'></div></div>").parent().prepend($tabs);
  }

  function isFirstOfConsecutiveCodes() {
    return $(this).next('pre:has(code)').length > 0 && $(this).prev('pre:has(code)').length===0;
  }

  function groupExamples() {
    $('pre:has(code)').filter(isFirstOfConsecutiveCodes).each(groupOne);
  }

  function selectLanguage(lang) {
    if (!lang) {
      return;
    }
    localStorage.setItem('lastLang', lang);

    $('.examples-group').find('li').removeClass('active');
    $('.examples-group').find("a[data-examples-group='" + lang + "']").closest('li').addClass('active');

    if (lang==='@all') {
      var count = Object.keys(languages).length;
      $('.examples-group').find('.tab-pane').addClass('active').css({float: 'left', width: Math.floor(100/count)+'%', 'padding-left': '5px', 'padding-right': '5px'});
    } else {
      $('.examples-group').find('.tab-pane').removeClass('active').css({float: '', width: '', 'padding-left': '', 'padding-right': ''});
      $('.examples-group').find("code." + lang).closest('.tab-pane').addClass('active');
    }
  }

  groupExamples();
  selectLanguage(localStorage.getItem('lastLang'));
  $('[data-examples-group]').click(function (event) {
    event.preventDefault();
    selectLanguage($(event.target).attr('data-examples-group'));
  });
})();