lcms-engine 0.2.0 → 0.3.0

data/app/assets/javascripts/lcms/engine/components/search/SearchResultsEmpty.js.jsx

@@ -1,25 +0,0 @@
-function SearchResultsEmpty(props) {
-  const contact = "Contact Us";
-  return (
-    <div className='o-search-results__empty'>
-      <h2>Sorry, No Results were found for "{props.searchTerm}"</h2>
-      <br/>
-      <h3 className='u-text--large'>Suggestions</h3>
-      <ul>
-        <li>Check your spelling</li>
-        <li>Try using fewer filters</li>
-        <li>Try more general Terms</li>
-      </ul>
-
-      <hr />
-
-      <h3 className='u-text--large'>Or, Maybe We Can Help</h3>
-
-      <ul>
-        <li><a href={Routes.lcms_engine_explore_curriculum_index_path()}>Explore Our Curriculum</a></li>
-        <li><a href={Routes.lcms_engine_find_lessons_path()}>Find Lessons in our Library</a></li>
-        <li><FreshdeskBtn text={contact} /></li>
-      </ul>
-    </div>
-  );
-}

data/app/assets/javascripts/lcms/engine/components/search/searchPageWrapper.js.jsx

@@ -1,77 +0,0 @@
-// eslint-disable-next-line no-unused-vars
-function searchPageWrapper(WrappedComponent) {
-  return class extends React.Component {
-    constructor(props) {
-      super(props);
-
-      this.state = this.buildStateFromProps(props);
-    }
-
-    buildStateFromProps(props) {
-      return {
-        data: props.results,
-        per_page: props.pagination.per_page,
-        order: props.pagination.order,
-        current_page: props.pagination.current_page,
-        total_pages: props.pagination.total_pages,
-        num_items: props.pagination.num_items,
-        total_hits: props.pagination.total_hits,
-        filterbar: props.filterbar,
-      };
-    }
-
-    fetch(newState) {
-      const url = Routes.lcms_engine_search_path({
-        per_page: newState.per_page,
-        order: newState.order,
-        page: newState.current_page,
-        ...newState.filterbar,
-      });
-      return $.getJSON(url).then(response => {
-        if (window.ga) {
-          ga('send', 'pageview', url);
-        }
-        this.setState(this.buildStateFromProps(response));
-      });
-    }
-
-    handlePageClick(data) {
-      let selected = data.selected;
-      const newState = _.assign({}, this.state, { current_page: selected + 1 });
-      this.fetch(newState);
-    }
-
-    componentWillUpdate(nextProps, nextState) {
-      urlHistory.updatePaginationParams(nextState);
-    }
-
-    pagination() {
-      return (<PaginationBoxView previousLabel={<i className="fa-2x ub-angle-left"></i>}
-        nextLabel={<i className="fa-2x ub-angle-right"></i>}
-        breakLabel={<li className="o-pagination__break">...</li>}
-        pageNum={this.state.total_pages}
-        initialSelected={this.state.current_page - 1}
-        forceSelected={this.state.current_page - 1}
-        marginPagesDisplayed={2}
-        pageRangeDisplayed={5}
-        clickCallback={this.handlePageClick.bind(this)}
-        containerClassName={'o-pagination o-page__wrap--row-nest'}
-        itemClassName={'o-pagination__item'}
-        nextClassName={'o-pagination__item--next'}
-        previousClassName={'o-pagination__item--prev'}
-        pagesClassName={'o-pagination__item--middle'}
-        subContainerClassName={'o-pagination__pages'}
-        activeClassName={'o-pagination__page--active'} />);
-    }
-
-    render() {
-      return(
-        <WrappedComponent { ...this.state }
-          // eslint-disable-next-line no-undef
-          handleFilterBar={ handleFilterbarUpdate.bind(this) }
-          pagination={ this.pagination() }
-        />
-      );
-    }
-  };
-}

data/app/assets/javascripts/lcms/engine/components/select-activity/SelectActivityConfirmationModal.js.jsx

@@ -1,107 +0,0 @@
-// eslint-disable-next-line no-unused-vars
-class SelectActivityConfirmationModal extends React.Component {
-  constructor(props) {
-    super(props);
-
-    this.heapTracked = false;
-    this.expanded = false;
-    this.track = this.track.bind(this);
-
-    this.textLengthFull = this.props.text.length;
-  }
-
-  clickKeep() {
-    this.track('Kept');
-    this.$modal.close();
-  }
-
-  clickRemove() {
-    this.track('Deselected');
-    this.props.callback();
-    this.$modal.close();
-
-    let header = document.querySelector('.sticky.is-stuck');
-    let offset = header ? header.clientHeight : 0;
-    $('html, body').animate({
-      scrollTop: $(document.getElementById(this.props.item.id)).offset().top - offset - 10
-    }, 'fast');
-  }
-
-  closeModal() {
-    this.heapTracked || this.track('Close');
-    this.heapTracked = false; // restore state
-  }
-
-  componentDidMount() {
-    if (!this.body) return;
-
-    const $body = $(this.body);
-
-    $body.on('open.zf.reveal', () => {
-      let innerText = this.text.querySelector('.js-text');
-      if (!innerText) return;
-
-      if (this.text.scrollHeight > this.text.clientHeight) {
-        let chunks = this.props.text.trim().split(/\s+/);
-        while (this.text.scrollHeight > this.text.clientHeight) {
-          chunks.splice(chunks.length - 1, 1);
-          innerText.textContent = chunks.join(' ');
-        }
-        innerText.classList.remove('js-text');
-        this.textLengthShort = innerText.textContent.length;
-      } else {
-        this.text.textContent = this.props.text;
-      }
-    });
-
-    $body.on('closed.zf.reveal', this.closeModal.bind(this));
-
-    if (this.props.item.isOptional) {
-      this.props.callback();
-    } else {
-      this.$modal = new Foundation.Reveal($body);
-      this.$modal.$element.on('click', '.js-confirm', this.clickRemove.bind(this));
-      this.$modal.$element.on('click', '.js-expand', this.expandText.bind(this));
-      this.$modal.$element.on('click', '.js-keep', this.clickKeep.bind(this));
-    }
-  }
-
-  expandText() {
-    setTimeout(() => {
-      this.text.classList.add('o-ld-selection-modal__content--expanded');
-      this.text.textContent = this.props.text;
-      this.expanded = true;
-      this.track('Learn More');
-      this.heapTracked = false; // ^^ is not a final event
-    });
-  }
-
-  render() {
-    const modalId = `confirm-${this.props.item.id}`;
-
-    return (
-      <div className="o-ld-selection-modal reveal" data-reveal id={modalId} ref={x => this.body = x}>
-        <h1 className="o-ld-selection-modal__title">Before removing, consider the activity's purpose:</h1>
-        <div className="u-hr-small" />
-        <p className="o-ld-selection-modal__content" ref={x => this.text = x}>
-          <span className="js-text">{this.props.text}</span>
-          <span className="u-margin-left--xs js-ellipsis">
-            ...
-            <a className="cs-txt-link--dark-gold js-expand u-margin-left--xs" href="javascript:">Read More</a>
-          </span>
-        </p>
-        <div className="u-text--right">
-          <button className="js-confirm o-btn o-btn--xs-full o-btn--bordered-yellow u-color--base u-margin-right--base" type="button">Remove Activity</button>
-          <button className="js-keep o-btn o-btn--yellow o-btn--xs-full" type="button">Keep Activity</button>
-        </div>
-      </div>
-    );
-  }
-
-  track(event, extras = {}) {
-    if (!this.props.heapEnabled) return;
-    this.heapTracked = true;
-    const data = _.extend(extras, { textLengthShort: this.textLengthShort, textLengthFull: this.props.text.length });
-    heapTrack(`Activity ${event}`, { id: this.props.item.id, learnMore: this.expanded, ...data });
-  }
-}

data/app/assets/javascripts/lcms/engine/components/select-activity/SelectActivityToggle.js.jsx

@@ -1,39 +0,0 @@
-// eslint-disable-next-line no-unused-vars
-class SelectActivityToggle extends React.Component {
-  constructor(props) {
-    super(props);
-
-    this.toggle = this.toggle.bind(this);
-    this.modalText = [
-      this.props.preface ? this.props.preface.textContent : null,
-      this.props.meta ? this.props.meta.textContent : null,
-    ].filter(x => !!x).join(' ');
-  }
-
-  render() {
-    return (
-      <div className="o-ld-selection">
-        <div className="o-ld-selection__switch" onClick={this.toggle}></div>
-        <span className="o-ld-selection__label" onClick={this.toggle}>Use Activity</span>
-        { this.props.item.active && <SelectActivityConfirmationModal text={this.modalText} { ...this.props } /> }
-      </div>
-    );
-  }
-
-  toggle() {
-    const item = this.props.item;
-    if (item.active && this.modalText) {
-      if (item.isOptional) {
-        heapTrack('Optional Activity Enabled', { id: item.id});
-        this.props.callback();
-      } else {
-        heapTrack('Click to Deselect Activity', { id: item.id });
-        $(document.getElementById(`confirm-${item.id}`)).foundation('open');
-      }
-    } else {
-      const event = item.isOptional ? 'Optional Activity Disabled' : 'Activity Selected';
-      heapTrack(event, { id: item.id });
-      this.props.callback();
-    }
-  }
-}

data/app/assets/javascripts/lcms/engine/components/stores/ExcludesStore.js.jsx

@@ -1,11 +0,0 @@
-/* eslint-disable no-unused-vars, no-undef */
-let excludesStore = _.extend({}, EventEmitter.prototype, {
-  updateMaterialsList: function(excludes) {
-    this.excludes = excludes;
-    this.emit('upd_materials');
-  },
-
-  getState: function() {
-    return this.excludes || [];
-  }
-});

data/app/assets/javascripts/lcms/engine/components/tabs/SimpleTab.js.jsx

@@ -1,130 +0,0 @@
-// copy with just changes css classes from https://github.com/pedronauck/react-simpletabs
-// eslint-disable-next-line no-undef
-const Tabs = createReactClass({
-  displayName: 'Tabs',
-  propTypes: {
-    className: PropTypes.oneOfType([
-      PropTypes.array,
-      PropTypes.string,
-      PropTypes.object
-    ]),
-    tabActive: PropTypes.number,
-    onMount: PropTypes.func,
-    onBeforeChange: PropTypes.func,
-    onAfterChange: PropTypes.func,
-    children: PropTypes.oneOfType([
-      PropTypes.array,
-      PropTypes.element
-    ]).isRequired
-  },
-  getDefaultProps () {
-    return { tabActive: 1 };
-  },
-  getInitialState () {
-    return {
-      tabActive: this.props.tabActive
-    };
-  },
-  componentDidMount() {
-    const index = this.state.tabActive;
-    const $selectedPanel = this.refs['o-tab__panel'];
-    const $selectedMenu = this.refs[`o-tab-menu-${index}`];
-
-    if (this.props.onMount) {
-      this.props.onMount(index, $selectedPanel, $selectedMenu);
-    }
-  },
-  componentWillReceiveProps: function(newProps){
-    if(newProps.tabActive && newProps.tabActive !== this.props.tabActive){
-      this.setState({ tabActive: newProps.tabActive });
-    }
-  },
-  render () {
-    const className = classNames('o-tab', this.props.className);
-    return (
-      <div className={className}>
-        {this._getMenuItems()}
-        {this._getSelectedPanel()}
-      </div>
-    );
-  },
-  setActive(index, e) {
-    e.preventDefault();
-
-    const onAfterChange = this.props.onAfterChange;
-    const onBeforeChange = this.props.onBeforeChange;
-    const $selectedPanel = this.refs['o-tab__panel'];
-    const $selectedTabMenu = this.refs[`o-tab-menu-${index}`];
-
-    if (onBeforeChange) {
-      const cancel = onBeforeChange(index, $selectedPanel, $selectedTabMenu);
-      if(cancel === false){ return; }
-    }
-
-    this.setState({ tabActive: index }, () => {
-      if (onAfterChange) {
-        onAfterChange(index, $selectedPanel, $selectedTabMenu);
-      }
-    });
-  },
-  _getMenuItems () {
-    if (!this.props.children) {
-      throw new Error('Tabs must contain at least one Tabs.Panel');
-    }
-
-    if (!Array.isArray(this.props.children)) {
-      this.props.children = [this.props.children];
-    }
-
-    const $menuItems = this.props.children
-      .map($panel => typeof $panel === 'function' ? $panel() : $panel)
-      .filter($panel => $panel)
-      .map(($panel, index) => {
-        const ref = `o-tab-menu-${index + 1}`;
-        const title = $panel.props.title;
-        const classes = classNames(
-          'o-tab-menu__item',
-          { 'o-tab-menu__item--active': this.state.tabActive === (index + 1) }
-        );
-
-        return (
-          <li ref={ref} key={index} className={classes}>
-            <a onClick={this.setActive.bind(this, index + 1)} className="u-preserve-style">
-              {title}
-            </a>
-          </li>
-        );
-      });
-
-    return (
-      <nav className="o-tab__navigation">
-        <ul className="o-tab-menu">{$menuItems}</ul>
-      </nav>
-    );
-  },
-  _getSelectedPanel () {
-    const index = this.state.tabActive - 1;
-    const $panel = this.props.children[index];
-
-    return (
-      <div ref="o-tab__panel" className="o-tab__panel">
-        {$panel}
-      </div>
-    );
-  }
-});
-
-// eslint-disable-next-line no-undef
-Tabs.Panel = createReactClass({
-  displayName: 'Panel',
-  propTypes: {
-    title: PropTypes.string.isRequired,
-    children: PropTypes.oneOfType([
-      PropTypes.array,
-      PropTypes.element
-    ]).isRequired
-  },
-  render () {
-    return <div>{this.props.children}</div>;
-  }
-});

data/app/assets/javascripts/lcms/engine/components/utils/UrlHistory.js.jsx

@@ -1,113 +0,0 @@
-window.urlHistory = (function() {
-
-  let state = {};
-
-  let hasStateBeenConstructedFromTheUrl = false;
-
-  let update = function(newState, options) {
-    // options:
-    //   skipKey: function which returns if a key should be skiped or not
-    //   replace: if true uses replaceState instead the default pushState
-
-    // Initialize state from the query string.
-    if (!hasStateBeenConstructedFromTheUrl) {
-      let qs = window.location.search.slice(1); // Remove leading '?'.
-      let pairs = qs.split('&');
-
-      _.forEach(pairs, function(pair) {
-        pair = pair.split('=');
-        let key = pair[0];
-        let values = decodeURIComponent(pair[1] || '').split(',');
-
-        if( state[key] ) {
-          // This is an array encoded as repetitive query string values.
-          // param=1&param=2&param=3
-          if(_.isArray(state[key])) {
-            state[key] = _.union(state[key], values);
-          } else {
-            state[key] = _.union([state[key]], values);
-          }
-        } else {
-          if (values.length > 1) {
-            // This is an array encoded by commas.
-            state[key] = values;
-          }
-          else {
-            // This isn't an array at all.
-            state[key] = values[0];
-          }
-        }
-      });
-
-      hasStateBeenConstructedFromTheUrl = true;
-    }
-
-    let query = [];
-    let mergedState = _.extend(state, newState);
-    let opts = options || {};
-
-    state = {};
-    _.forEach(mergedState, (val, k) => {
-      if (opts.skipKey && opts.skipKey(k, val)) { return; }
-
-      if (val) {
-        let urlVal = (_.isArray(val) && val.length) ? val.join(',') : val.toString();
-        if (urlVal.length) {
-          query.push( k + '=' + urlVal);
-          state[k] = val;
-        }
-      }
-    });
-    query = query.join('&');
-    let path = query ? '?' + query : window.location.pathname;
-
-    if (opts.replace) {
-      window.history.replaceState(params(path), null, path);
-    } else {
-      window.history.pushState(params(path), null, path);
-    }
-  };
-
-  let params = function(url) {
-    // Make pushState play nice with Turbolinks.
-    // Ref https://github.com/turbolinks/turbolinks-classic/issues/363
-    return { turbolinks: true, url: url };
-  };
-
-  let querystringToJSON = function () {
-    const pairs = location.search.slice(1).split('&');
-
-    let result = {};
-    pairs.forEach(function(pair) {
-      pair = pair.split('=');
-      let val = decodeURIComponent(pair[1] || '');
-      if (val.indexOf(',') > -1 ) val = val.split(',');
-      result[pair[0]] = val;
-    });
-
-    return JSON.parse(JSON.stringify(result));
-  };
-
-  const updatePaginationParams = function(newState) {
-    let params = {};
-
-    params.page = (newState.current_page === 1) ? null : newState.current_page;
-    params.per_page = (newState.per_page === 20) ? null : newState.per_page;
-    params.tab = newState.activeTab;
-
-    update(params);
-  };
-
-  const emptyState = function () {
-    state = {};
-    hasStateBeenConstructedFromTheUrl = false;
-  };
-
-  return {
-    state: state,
-    update: update,
-    updatePaginationParams: updatePaginationParams,
-    querystringToJSON: querystringToJSON,
-    emptyState: emptyState,
-  };
-})();