lcms-engine 0.1.0

data/app/assets/javascripts/lcms/engine/initializers/loadasync.js

@@ -0,0 +1,30 @@
+// copy-paste from https://bradb.net/blog/promise-based-js-script-loader/
+$(function () {
+    window.loadJSAsync = function(url) {
+      if(Array.isArray(url)) {
+          var self = this, prom = [];
+          url.forEach(function(item) {
+              prom.push(self.script(item));
+          });
+          return Promise.all(prom);
+      }
+
+      return new Promise(function (resolve, reject) {
+          var r = false,
+              t = document.getElementsByTagName("script")[0],
+              s = document.createElement("script");
+
+          s.type = "text/javascript";
+          s.src = url;
+          s.async = true;
+          s.onload = s.onreadystatechange = function () {
+              if (!r && (!this.readyState || this.readyState == "complete")) {
+                  r = true;
+                  resolve(this);
+              }
+          };
+          s.onerror = s.onabort = reject;
+          t.parentNode.insertBefore(s, t);
+      });
+  }
+});

data/app/assets/javascripts/lcms/engine/initializers/pdf_preview.js

@@ -0,0 +1,15 @@
+"use strict";
+
+(function () {
+  window.initializePDFPreview = function () {
+    if (!$('.o-resource__pdf-preview--full').length) return;
+    var options = {
+      pdfOpenParams: {
+        page: 1,
+        view: 'Fit'
+      },
+      PDFJS_URL: Routes.lcms_engine_pdfjs_full_path()
+    };
+    PDFObject.embed(pdfUrl, '.o-resource__pdf-preview--full', options);
+  };
+})();

data/app/assets/javascripts/lcms/engine/initializers/resource_details.js

@@ -0,0 +1,21 @@
+"use strict";
+
+(function () {
+  window.initializeResourceDetails = function () {
+    $('.o-resource-downloads__btn').click(function () {
+      $('.o-resource-downloads__list', $(this).parent()).toggle('fast');
+      $('.o-resource-downloads__btn--more', $(this).parent()).toggle();
+      $('.o-resource-downloads__btn--less', $(this).parent()).toggle();
+    });
+    [].forEach.call(document.querySelectorAll('a.resource-attachment'), function (el) {
+      if (!el.dataset.heapData) return;
+      var data = JSON.parse(el.dataset.heapData);
+
+      if (data) {
+        el.addEventListener('click', function () {
+          heapTrack('Resource download', data);
+        });
+      }
+    });
+  };
+})();

data/app/assets/javascripts/lcms/engine/initializers/sidebar/SideBar.js.jsx

@@ -0,0 +1,86 @@
+const EVENTS = {
+  MENU_COLLAPSE: 1,
+  MOBILE_HIDE: 2,
+  MOBILE_SHOW: 4,
+  MOBILE_SHOW_MENU: 8,
+  SCROLL: 16,
+  UPDATE_MENU: 32
+};
+
+const SCROLLING_THRESHOLD = 15;
+
+// eslint-disable-next-line no-unused-vars
+class SideBar {
+  constructor(observers, opts) {
+    _.assign(this, opts);
+    this.observers = observers;
+    this._clear();
+    this._initSticky();
+    this._initScroll();
+  }
+
+  update(e) {
+    _.forEach(this.observers, o => o.handleUpdate(e));
+  }
+
+  _clear() {
+    this.isScrolling = false;
+    this.lastScrollTop = 0;
+  }
+
+  _initScroll() {
+    $(`.o-page--${this.clsPrefix}, #${this.clsPrefix}-contents-modal, #${this.clsPrefix}-dropdown`)
+      .smoothscrolling(s => this._setScrollingState(s), `#${this.clsPrefix}-sticky-header > .sticky`);
+    $(`#${this.clsPrefix}-page`).off('scrollme.zf.trigger')
+      .on('scrollme.zf.trigger', () => this._handleScroll());
+  }
+
+  _initSticky() {
+    let sidebar = document.getElementById(`${this.clsPrefix}-sidebar`);
+    if (sidebar === null) return;
+    new Foundation.Sticky($(sidebar),
+      {
+        checkEvery: 0,
+        stickyOn: 'small',
+        anchor: `c-${this.clsPrefix}-content`,
+        marginTop: 0
+      });
+    $(window).trigger('load.zf.sticky');
+    $(window).off('sticky.zf.unstuckfrom:top').on('sticky.zf.unstuckfrom:top', () => {
+      this.update(EVENTS.MOBILE_HIDE);
+      this._clear();
+    });
+  }
+
+  _handleMobileScroll() {
+    if (!this.bHandleMobile) return;
+    if (this.isScrolling || !$(`#${this.clsPrefix}-sidebar.is-stuck`).length) return;
+    const st = $(window).scrollTop();
+    if (st < this.lastScrollTop - SCROLLING_THRESHOLD) {
+      this.update(EVENTS.MOBILE_SHOW);
+      $('#cg-sidebar-xs__action').unbind().click((e) => {
+        e.preventDefault();
+        this.update(EVENTS.MOBILE_SHOW_MENU);
+      });
+    }
+    if (st > this.lastScrollTop + SCROLLING_THRESHOLD) this.update(EVENTS.MOBILE_HIDE);
+    this.lastScrollTop = st;
+  }
+
+  _handleScroll() {
+    if (this.isScrolling) return;
+    if (Foundation.MediaQuery.atLeast('ipad')) {
+      this._clear();
+      this.update(EVENTS.UPDATE_MENU);
+    } else {
+      this._handleMobileScroll();
+    }
+    this.update(EVENTS.SCROLL);
+  }
+
+  _setScrollingState(state) {
+    this.isScrolling = state;
+    this.lastScrollTop = $(window).scrollTop();
+    this.isScrolling ? this.update(EVENTS.SCROLLING) : this._handleScroll();
+  }
+}

data/app/assets/javascripts/lcms/engine/initializers/sidebar/SidebarCGMenu.js.jsx

@@ -0,0 +1,37 @@
+/*
+ * TODO: Keep 2 classes for sidebar menu for ld&cg till cg refactoring
+ */
+class SidebarCGMenu {
+  constructor() {
+    this.headings = $.makeArray($('.c-cg-heading'));
+    this._updateMenu();
+  }
+
+  handleUpdate(e) {
+    switch(e) {
+      case EVENTS.MOBILE_SHOW_MENU:
+      case EVENTS.UPDATE_MENU:
+        this._updateMenu();
+        break;
+    }
+  }
+
+  _updateMenu() {
+    const topHeader = $('#cg-sidebar-xs').outerHeight(true);
+    const index = _.findLastIndex(this.headings, function(heading) {
+      return heading.getBoundingClientRect().bottom < (50 + topHeader);
+    });
+    if (index == -1) return;
+    const heading = this.headings[index];
+
+    $('.o-sidebar-nav .active').removeClass('active');
+    $('.o-sidebar-nav__item').removeClass('expanded');
+
+    if (heading) {
+      var $item = $('.o-sidebar-nav__item [href="#' + heading.id + '"]');
+      $item.addClass('active').addClass('expanded');
+      $item.parent('a').addClass('active');
+      $item.parents('.o-sidebar-nav__item').addClass('expanded');
+    }
+  }
+}

data/app/assets/javascripts/lcms/engine/initializers/sidebar/SidebarDocMenu.js.jsx

@@ -0,0 +1,75 @@
+/*
+ * TODO: Keep 2 classes for sidebar menu for ld&cg till cg refactoring
+ */
+class SidebarDocMenu {
+  constructor() {
+    this.headings = $.makeArray($('.c-ld-toc'));
+    this.sidebar = $('#ld-sidebar-menu');
+    this._initToggler();
+    // this._updateMenu();
+  }
+
+  handleUpdate(e) {
+    switch(e) {
+      case EVENTS.MOBILE_SHOW_MENU:
+      case EVENTS.UPDATE_MENU:
+        this._updateMenu();
+        break;
+      case EVENTS.SCROLLING:
+        this._showShowAll();
+        break;
+    }
+  }
+
+  _initToggler() {
+    this.bExpanded = false;
+    $('.o-ld-sidebar-header__toggle--show').click(() => {
+      this.sidebar.foundation('down', this.sidebar.find('.o-ld-sidebar__menu.nested'));
+      this._showHideAll();
+    });
+    $('.o-ld-sidebar-header__toggle--hide').click(() => {
+      this.sidebar.foundation('hideAll');
+      this._showShowAll();
+    });
+  }
+
+  _updateMenu() {
+    const topHeader = $('#ld-sticky-header > .sticky').outerHeight(true) || 0;
+    const index = _.findLastIndex(this.headings, (heading) => {
+      return heading.getBoundingClientRect().top < (20 + topHeader);
+    });
+    const heading = this.headings[index];
+
+    $('.o-ld-sidebar__item--active').removeClass('o-ld-sidebar__item--active');
+
+    if (heading) {
+      const itemSelector = `.o-ld-sidebar__item [href="#${heading.id}"]`;
+      const $item = this.sidebar.find(itemSelector);
+      $(itemSelector).parents('.o-ld-sidebar__item').addClass('o-ld-sidebar__item--active');
+      if (this.bExpanded) return;
+      const $currentBranch = $item.closest('.o-ld-sidebar__item').children('.o-ld-sidebar__menu--nested')
+                                  .add($item.parents('.o-ld-sidebar__menu--nested'));
+      this.sidebar.foundation('down', $currentBranch.not('[aria-hidden="false"]').not(':animated'));
+      const $exceptCurrent = this.sidebar.find('.o-ld-sidebar__menu--nested[aria-hidden="false"]')
+                                 .not($currentBranch).not(':animated');
+      this.sidebar.foundation('up', $exceptCurrent);
+    } else {
+      if (!this.bExpanded) {
+        const $allExpanded = this.sidebar.find('.o-ld-sidebar__menu--nested[aria-hidden="false"]').not(':animated');
+        this.sidebar.foundation('up', $allExpanded);
+      }
+    }
+  }
+
+  _showHideAll() {
+    this.bExpanded = true;
+    $('.o-ld-sidebar-header__toggle--show').hide();
+    $('.o-ld-sidebar-header__toggle--hide').show();
+  }
+
+  _showShowAll() {
+    this.bExpanded = false;
+    $('.o-ld-sidebar-header__toggle--show').show();
+    $('.o-ld-sidebar-header__toggle--hide').hide();
+  }
+}

data/app/assets/javascripts/lcms/engine/initializers/sidebar/SidebarMobile.js.jsx

@@ -0,0 +1,43 @@
+class SidebarMobile {
+  constructor() {
+  }
+
+  handleUpdate(e) {
+    switch (e) {
+      case EVENTS.MOBILE_HIDE:
+        this._hide();
+        break;
+      case EVENTS.MOBILE_SHOW:
+        this._show();
+        break;
+      case EVENTS.MOBILE_SHOW_MENU:
+        this._hide();
+        this._showModal();
+        break;
+      case EVENTS.SCROLLING:
+        this._hide();
+        this._hideModal();
+        break;
+    }
+  }
+
+  _hide() {
+    $('#cg-sidebar-xs').removeClass('o-sidebar-xs--show');
+    $('#cg-sidebar-container').addClass('o-sidebar--tiny');
+  }
+
+  _hideModal() {
+    $('#cg-contents-modal').foundation('close');
+  }
+
+  _show() {
+    $('#cg-sidebar-xs').addClass('o-sidebar-xs--show');
+    $('#cg-sidebar-container').removeClass('o-sidebar--tiny');
+  }
+
+  _showModal() {
+    let $targets = $('li.expanded > ul.nested');
+    $('#cg-menu-modal').foundation('down', $targets);
+    $('#cg-contents-modal').foundation('open');
+  }
+}

data/app/assets/javascripts/lcms/engine/initializers/sidebar/SidebarSticky.js.jsx

@@ -0,0 +1,43 @@
+class SidebarSticky {
+  constructor() {
+    this.dropdownMenu = $('#ld-dropdown');
+    this._handleClickOutsideStickyDropdown();
+    this._handleToggle();
+    this._hideStikyDropdown();
+  }
+
+  handleUpdate(e) {
+    switch(e) {
+      case EVENTS.SCROLLING:
+        this._hideStikyDropdown();
+        break;
+    }
+  }
+
+  _handleClickOutsideStickyDropdown() {
+    $(document).on('click', (e) => {
+      if (!$(e.target).closest('.c-sticky-header-menu').length) {
+        this._hideStikyDropdown();
+      }
+    });
+  }
+
+  _handleToggle() {
+    this.dropdownMenu.off('on.zf.toggler').on('on.zf.toggler', () => {
+      const $targets = this.dropdownMenu.find('.o-ld-sidebar__item--active').closest('.o-ld-sidebar__menu.nested');
+      this.dropdownMenu.find('> .o-ld-sidebar__menu').foundation('down', $targets);
+    });
+    $('#ld-sitemenu').off('on.zf.toggler').on('on.zf.toggler', () => {
+      $('.c-sticky-header-toggle__overlay').addClass('c-sticky-header-toggle__overlay--active');
+    });
+    $('#ld-sitemenu').off('off.zf.toggler').on('off.zf.toggler', () => {
+      $('.c-sticky-header-toggle__overlay').removeClass('c-sticky-header-toggle__overlay--active');
+    });
+  }
+
+  _hideStikyDropdown() {
+    let $openedDropdowns = $('.c-sticky-header-menu[aria-expanded=true]');
+    if (!$openedDropdowns.length) return;
+    $openedDropdowns.foundation('toggle');
+  }
+}

data/app/assets/javascripts/lcms/engine/initializers/sidebar/TopScroll.js.jsx

@@ -0,0 +1,21 @@
+const SCROLLING_TOPBUTTON_OFFSET = 300;
+
+class TopScroll {
+  constructor() {
+    if (!$('.o-top-scroll-button').length) return;
+    this.topButton = $('.o-top-scroll-button');
+    this.topButton.click(() => {
+      $('html, body').animate({ scrollTop: 0 }, 700);
+      return false;
+    });
+  }
+
+  handleUpdate(e) {
+    if (!this.topButton || e != EVENTS.SCROLL) return;
+    if ($(document).scrollTop() > SCROLLING_TOPBUTTON_OFFSET) {
+      this.topButton.fadeIn('slow');
+    } else {
+      this.topButton.fadeOut('slow');
+    }
+  }
+}

data/app/assets/javascripts/lcms/engine/initializers/social_sharing.js

@@ -0,0 +1,29 @@
+"use strict";
+
+(function () {
+  window.addthis_config = {
+    ui_use_css: false,
+    ui_email_note: 'Unbounded',
+    data_track_addressbar: false,
+    pubid: 'ra-57296f7d01842a01'
+  };
+  window.addthis_share = {
+    url_transforms: {
+      shorten: {
+        twitter: 'bitly'
+      }
+    },
+    shorteners: {
+      bitly: {}
+    }
+  };
+
+  window.initializeSocialSharing = function () {
+    var addthiDescription = $("meta[name='description']").attr('content');
+    addthis_config.ui_email_note = addthiDescription ? addthiDescription : '';
+
+    if (window.addthis) {
+      addthis.toolbox('.addthis_toolbox');
+    }
+  };
+})();

data/app/assets/javascripts/lcms/engine/initializers/soundcloud.js

@@ -0,0 +1,52 @@
+"use strict";
+
+(function () {
+  function initSCWidgets() {
+    var arrWidgets = [];
+    $('.c-cg-media__podcast').each(function (i, el) {
+      var id = el.id;
+      var podcast = $(el).parent();
+      var start = podcast.data('start');
+      var stop = podcast.data('stop');
+      var widget = SC.Widget(document.querySelector("#".concat(id, " iframe")));
+      arrWidgets.push({
+        widget: widget,
+        start: start ? parseInt(start) : 0,
+        stop: stop ? parseInt(stop) : 0
+      });
+    });
+
+    _.each(arrWidgets, function (p) {
+      p.widget.bind(SC.Widget.Events.READY, function () {
+        p.widget.bind(SC.Widget.Events.FINISH, function () {
+          p.widget.seekTo(p.start * 1000);
+          p.widget.unbind(SC.Widget.Events.PLAY_PROGRESS);
+          p.widget.unbind(SC.Widget.Events.FINISH);
+        });
+        p.widget.bind(SC.Widget.Events.PLAY_PROGRESS, function (e) {
+          var cp = Math.round(e.currentPosition / 1000);
+
+          if (cp < p.start) {
+            p.widget.seekTo(p.start * 1000);
+          }
+
+          if (p.stop !== 0 && cp === p.stop) {
+            p.widget.pause();
+            p.widget.seekTo(p.start * 1000);
+            p.widget.unbind(SC.Widget.Events.PLAY_PROGRESS);
+          }
+        });
+      });
+    });
+  }
+
+  window.initializeSoundCloud = function () {
+    var lessons = $('.o-page--ld').length > 0;
+    var podcasts = $('.c-cg-media__podcast').length > 0;
+    if (!(lessons || podcasts)) return;
+    var sc = window.loadJSAsync('//w.soundcloud.com/player/api.js');
+    sc.then(function () {
+      return initSCWidgets();
+    });
+  };
+})();