Tom-Marble/deck.js/extensions/status/deck.status.js

   1 /*!
   2 Deck JS - deck.status
   3 Copyright (c) 2011-2014 Caleb Troughton
   4 Dual licensed under the MIT license.
   5 https://github.com/imakewebthings/deck.js/blob/master/MIT-license.txt
   6 */
   7
   8 /*
   9 This module adds a (current)/(total) style status indicator to the deck.
  10 */
  11 (function($, undefined) {
  12   var $document = $(document);
  13   var rootCounter;
  14
  15   var updateCurrent = function(event, from, to) {
  16     var options = $.deck('getOptions');
  17     var currentSlideNumber = to + 1;
  18     if (!options.countNested) {
  19       currentSlideNumber = $.deck('getSlide', to).data('rootSlide');
  20     }
  21     $(options.selectors.statusCurrent).text(currentSlideNumber);
  22   };
  23
  24   var markRootSlides = function() {
  25     var options = $.deck('getOptions');
  26     var slideTest = $.map([
  27       options.classes.before,
  28       options.classes.previous,
  29       options.classes.current,
  30       options.classes.next,
  31       options.classes.after
  32     ], function(el, i) {
  33       return '.' + el;
  34     }).join(', ');
  35
  36     rootCounter = 0;
  37     $.each($.deck('getSlides'), function(i, $slide) {
  38       var $parentSlides = $slide.parentsUntil(
  39         options.selectors.container,
  40         slideTest
  41       );
  42
  43       if ($parentSlides.length) {
  44         $slide.data('rootSlide', $parentSlides.last().data('rootSlide'));
  45       }
  46       else {
  47         ++rootCounter;
  48         $slide.data('rootSlide', rootCounter);
  49       }
  50     });
  51   };
  52
  53   var setInitialSlideNumber = function() {
  54     var slides = $.deck('getSlides');
  55     var $currentSlide = $.deck('getSlide');
  56     var index;
  57
  58     $.each(slides, function(i, $slide) {
  59       if ($slide === $currentSlide) {
  60         index = i;
  61         return false;
  62       }
  63     });
  64     updateCurrent(null, index, index);
  65   };
  66
  67   var setTotalSlideNumber = function() {
  68     var options = $.deck('getOptions');
  69     var slides = $.deck('getSlides');
  70
  71     if (options.countNested) {
  72       $(options.selectors.statusTotal).text(slides.length);
  73     }
  74     else {
  75       $(options.selectors.statusTotal).text(rootCounter);
  76     }
  77   };
  78
  79   /*
  80   Extends defaults/options.
  81
  82   options.selectors.statusCurrent
  83     The element matching this selector displays the current slide number.
  84
  85   options.selectors.statusTotal
  86     The element matching this selector displays the total number of slides.
  87
  88   options.countNested
  89     If false, only top level slides will be counted in the current and
  90     total numbers.
  91   */
  92   $.extend(true, $.deck.defaults, {
  93     selectors: {
  94       statusCurrent: '.deck-status-current',
  95       statusTotal: '.deck-status-total'
  96     },
  97
  98     countNested: true
  99   });
 100
 101   $document.bind('deck.init', function() {
 102     markRootSlides();
 103     setInitialSlideNumber();
 104     setTotalSlideNumber();
 105   });
 106   $document.bind('deck.change', updateCurrent);
 107 })(jQuery, 'deck');
 108