Adding compass/sass. Fixing slide # logic. Fixing slide # at bottom off slide. Fixigin prettify logic when it is false

1 files changed, 482 insertions, 0 deletions

diff --git a/js/slides.js b/js/slides.js
new file mode 100644
index 0000000..3cb2852
--- /dev/null
+++ b/js/slides.js
@@ -0,0 +1,482 @@
+/**
+ * @constructor
+ */
+function SlideDeck() {
+  this.curSlide_ = 0;
+  this.slides = [];
+  this.config_ = null;
+
+  this.getCurrentSlideFromHash_();
+
+  document.addEventListener('DOMContentLoaded',
+      this.handleDomLoaded_.bind(this), false);
+}
+
+/**
+ * @const
+ * @private
+ */
+SlideDeck.prototype.SLIDE_CLASSES_ = [
+  'far-past', 'past', 'current', 'next', 'far-next'];
+
+/**
+ * @const
+ * @private
+ */
+SlideDeck.prototype.CSS_DIR_ = 'theme/css/';
+
+/**
+ * @private
+ */
+SlideDeck.prototype.getCurrentSlideFromHash_ = function() {
+  var slideNo = parseInt(document.location.hash.substr(1));
+
+  if (slideNo) {
+    this.curSlide_ = slideNo - 1;
+  } else {
+    this.curSlide_ = 0;
+  }
+};
+
+/**
+ * @private
+ */
+SlideDeck.prototype.handleDomLoaded_ = function() {
+  this.slides_ = document.querySelectorAll('slide:not(.hidden)');
+
+  for (var i = 0, slide; slide = this.slides_[i]; ++i) {
+    slide.dataset.slideNum = i + 1;
+    slide.dataset.totalSlides = this.slides_.length;
+  }
+
+  // Load config
+  this.loadConfig_();
+  this.addEventListeners_();
+  this.updateSlides_();
+};
+
+/**
+ * @private
+ */
+SlideDeck.prototype.addEventListeners_ = function() {
+  document.addEventListener('keydown', this.handleBodyKeyDown_.bind(this),
+                            false);
+  window.addEventListener('popstate', this.handlePopState_.bind(this),
+                          false);
+};
+
+/**
+ * @private
+ * @param {Event} e
+ */
+SlideDeck.prototype.handlePopState_ = function(e) {
+  if (e.state != null) {
+    this.curSlide_ = e.state;
+    this.updateSlides_(true);
+  }
+};
+
+/**
+ * @param {Event} e
+ */
+SlideDeck.prototype.handleBodyKeyDown_ = function(e) {
+  if (/^(input|textarea)$/i.test(e.target.nodeName) ||
+      e.target.isContentEditable) {
+    return;
+  }
+
+  switch (e.keyCode) {
+    case 39: // right arrow
+    case 32: // space
+    case 34: // PgDn
+      this.nextSlide();
+      e.preventDefault();
+      break;
+
+    case 37: // left arrow
+    case 8: // Backspace
+    case 33: // PgUp
+      this.prevSlide();
+      e.preventDefault();
+      break;
+
+    case 40: // down arrow
+      //if (this.isChromeVoxActive()) {
+      //  speakNextItem();
+      //} else {
+        this.nextSlide();
+      //}
+      e.preventDefault();
+      break;
+
+    case 38: // up arrow
+      //if (this.isChromeVoxActive()) {
+      //  speakPrevItem();
+      //} else {
+        this.prevSlide();
+      //}
+      e.preventDefault();
+      break;
+
+    case 78: // N
+      document.body.classList.toggle('with-notes');
+      break;
+
+    case 27: // ESC
+      document.body.classList.remove('with-notes');
+      break;
+
+    //case 13: // Enter
+    case 70: // F
+       // Only respect 'f'/enter on body. Don't want to capture keys from <input>
+      if (e.target == document.body) {
+        if (e.keyCode != 13 && !document.webkitIsFullScreen) {
+          document.body.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
+        } else {
+          document.webkitCancelFullScreen();
+        }
+      }
+      break;
+  }
+};
+
+/**
+ * @private
+ */
+SlideDeck.prototype.loadConfig_ = function() {
+  var configScripts =
+      document.querySelector('script[type="text/slide-config"]');
+  if (configScripts) {
+    eval(configScripts.innerHTML);
+    this.config_ = slideConfig;
+  }
+
+  var settings = this.config_.settings;
+
+  this.loadTheme_(settings.theme || 'default');
+
+  if (settings.favIcon) {
+    this.addFavIcon_(settings.favIcon);
+  }
+
+  if (settings.title) {
+    document.title = settings.title;
+  }
+
+  if (!!!('usePrettify' in settings) || settings.usePrettify) {
+    console.log('Use prettify');
+    //TODO
+  }
+
+  if (settings.analyticsId) {
+    this.loadAnalytics_();
+  }
+
+  if (settings.fonts) {
+    this.addFonts_(settings.fonts);
+  }
+
+  if (settings.useBuilds || true) {
+    this.makeBuildLists_();
+  }
+};
+
+/**
+ * @private
+ * @param {Array.<string>} fonts
+ */
+SlideDeck.prototype.addFonts_ = function(fonts) {
+  var el = document.createElement('link');
+  el.rel = 'stylesheet';
+  el.href = 'http://fonts.googleapis.com/css?family=' + fonts.join('|') + '&v2';
+  document.querySelector('head').appendChild(el);
+
+};
+
+/**
+ * @private
+ */
+SlideDeck.prototype.buildNextItem_ = function() {
+  var slide = this.slides_[this.curSlide_];
+  var toBuild = slide.querySelector('.to-build');
+  var built = slide.querySelector('.build-current');
+
+  if (built) {
+    built.classList.remove('build-current');
+    if (built.classList.contains('fade')) {
+      built.classList.add('build-fade');
+    }
+  }
+
+  if (!toBuild) {
+    var items = slide.querySelectorAll('.build-fade');
+    for (var j = 0, item; item = items[j]; j++) {
+      item.classList.remove('build-fade');
+    }
+    return false;
+  }
+
+  toBuild.classList.remove('to-build');
+  toBuild.classList.add('build-current');
+
+  /*if (isChromeVoxActive()) {
+    speakAndSyncToNode(toBuild);
+  }*/
+
+  return true;
+};
+
+/**
+ * @param {boolean=} opt_dontPush
+ */
+SlideDeck.prototype.prevSlide = function(opt_dontPush) {
+  if (this.curSlide_ > 0) {
+    this.curSlide_--;
+
+    this.updateSlides_(opt_dontPush);
+  }
+};
+
+/**
+ * @param {boolean=} opt_dontPush
+ */
+SlideDeck.prototype.nextSlide = function(opt_dontPush) {
+
+  if (this.buildNextItem_()) {
+    return;
+  }
+
+  if (this.curSlide_ < this.slides_.length - 1) {
+    this.curSlide_++;
+
+    this.updateSlides_(opt_dontPush);
+  }
+};
+
+/**
+ * @private
+ */
+SlideDeck.prototype.updateSlides_ = function(opt_dontPush) {