presentations/highlight-js/demo/demo.js

(function() {
  'use strict';

  var $window            = $(window),
      $languages         = $('#languages div'),
      $linkTitle         = $('link[title]'),
      $categoryContainer = $('#categories'),
      $styleContainer    = $('#styles');

  function resizeLists() {
    var screenHeight = $window.height()

    $categoryContainer.css('max-height', screenHeight / 4);
    $categoryContainer.perfectScrollbar('update');
    $styleContainer.height(
      screenHeight - $styleContainer.position().top - 20
    );
    $styleContainer.perfectScrollbar('update');
  }

  function selectCategory(category) {
    $languages.each(function(i, language) {
      var $language = $(language);

      if ($language.hasClass(category)) {
        var code = $language.find('code');

        if (!code.hasClass('hljs')) {
          hljs.highlightBlock(code.get(0));
        }

        $language.show();
      } else {
        $language.hide();
      }
    });

    $(document).scrollTop(0);
  }

  function categoryKey(c) {
    return c === 'common' ? '' : c === 'misc' ? 'z' : c === 'all' ? 'zz' : c;
  }

  function initCategories() {
    var $categories, categoryNames;
    var categories = {};

    $languages.each(function(i, div) {
      if (!div.className) {
        div.className += 'misc';
      }
      div.className += ' all';
      div.className.split(' ').forEach(function(c) {
        categories[c] = (categories[c] || 0) + 1;
      });
    });

    categoryNames = Object.keys(categories);

    categoryNames.sort(function(a, b) {
      a = categoryKey(a);
      b = categoryKey(b);
      return a < b ? -1 : a > b ? 1 : 0;
    });

    categoryNames.forEach(function(c) {
      $categoryContainer.append(
        '<li data-category="' + c + '">' + c + ' (' + categories[c] +')</li>'
      );
    });

    $categories = $categoryContainer.find('li');

    $categories.click(function() {
      var $category = $(this);

      $categories.removeClass('current');
      $category.addClass('current');
      selectCategory($category.data('category'));
    });

    $categories.first().click();
    $categoryContainer.perfectScrollbar();
  }

  function selectStyle(style) {
    $linkTitle.each(function(i, link) {
      link.disabled = (link.title !== style);
    });
  }

  function initStyles() {
    var $styles;

    $linkTitle.each(function(i, link) {
      $styleContainer.append('<li>' + link.title + '</li>');
    });

    $styles = $styleContainer.find('li');

    $styles.click(function() {
      var $style = $(this);

      $styles.removeClass('current');
      $style.addClass('current');
      selectStyle($style.text());
    });
    $styles.first().click();
    $styleContainer.perfectScrollbar();
  }

  $(function() {
    initCategories();
    initStyles();
    $window.resize(resizeLists);
    resizeLists();
  });
}).call(this);