lcms-engine 0.2.0 → 0.3.0

data/app/assets/javascripts/lcms/engine/components/filterbar/FilterbarSubject.js.jsx

@@ -1,12 +0,0 @@
-function FilterbarSubject(props) {
-  const className = classNames(
-    'o-filterbar__item',
-    `o-filterbar__item--rectangle-${props.cssModifier}`,
-    `o-filterbar__item--${props.colorCode}`,
-    {'o-filterbar__item--deselected': !props.selected}
-  );
-
-  return (
-    <div className={className} onClick={props.onClick}><span>{props.displayName}</span></div>
-  );
-}

data/app/assets/javascripts/lcms/engine/components/find-lessons/FindLessonsCards.js.jsx

@@ -1,11 +0,0 @@
-function FindLessonsCards(props) {
-  return (
-    <div className="o-page__wrap--row-nest">
-      {props.lessons.map(lesson => {
-        const key = `${lesson.id}`;
-        return (<LessonCard key={key} lesson={lesson} with_breadcrumb={true}
-                            colorCode={colorCodeCss(lesson.subject, lesson.grade)} />);
-      })}
-    </div>
-  );
-}

data/app/assets/javascripts/lcms/engine/components/find-lessons/FindLessonsCardsEmpty.js.jsx

@@ -1,17 +0,0 @@
-function FindLessonsCardsEmpty(props) {
-  return (
-    <div className='o-search-results__empty'>
-      <h2 className="u-text--centered">Your search for "{props.searchTerm}" did not return any results.</h2>
-
-      <p>Please try searching a topic (e.g. volume), a text or author (e.g. Macbeth or Frederick Douglass), or a standard (e.g. 2.NBT.A.2).</p>
-
-      <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>
-
-    </div>
-  );
-}

data/app/assets/javascripts/lcms/engine/components/find-lessons/FindLessonsPage.js.jsx

@@ -1,58 +0,0 @@
-//= require ../search/searchPageWrapper.js
-
-class FindLessonPage extends React.Component {
-  handleChangePerPage(event) {
-    const newPerPage = event.target.value;
-    const newState = _.assign({}, this.props, { per_page: newPerPage, current_page: 1 });
-    this.fetch(newState);
-  }
-
-  render() {
-    const searchResultsHeader = (this.props.data.length > 0) ?
-      <SearchResultsHeader
-        onChangePerPage={this.handleChangePerPage.bind(this)}
-        current_page={this.props.current_page}
-        per_page={this.props.per_page}
-        num_items={this.props.data.length}
-        total_hits={this.props.total_hits}
-        order={this.props.order} />
-
-      : false;
-
-    const searchResults = (this.props.data.length > 0) ?
-      <FindLessonsCards lessons={this.props.data} />
-      : <FindLessonsCardsEmpty searchTerm={this.props.filterbar.search_term} />;
-
-    return (
-      <div>
-        <div className="u-bg--base-gradient">
-          <div className="o-page">
-            <div className="o-page__module">
-              <div className="o-filterbar-title">
-                <h2>Find Lessons</h2>
-                <div className="o-filterbar-title__subheader">
-                  Search our free collection for specific lessons or topics within a grade. Download, adapt, share.
-                </div>
-              </div>
-              <FilterbarResponsive
-                searchLabel='What do you want to teach?'
-                withSearch={true}
-                onUpdate={this.props.handleFilterBar}
-                {...this.props.filterbar} />
-            </div>
-          </div>
-        </div>
-        <div className="o-page o-page--margin-bottom">
-          <div className="o-page__module">
-            {searchResultsHeader}
-            {searchResults}
-            {this.props.pagination}
-          </div>
-        </div>
-      </div>
-    );
-  }
-}
-
-// eslint-disable-next-line no-unused-vars,no-undef
-const FindLessonPageComponent = searchPageWrapper(FindLessonPage);

data/app/assets/javascripts/lcms/engine/components/helpers/FreshdeskBtn.js.jsx

@@ -1,9 +0,0 @@
-function FreshdeskBtn(props) {
-  const onClick = (evt)=> {
-    FreshWidget.show();
-    return false;
-  };
-
-  // return <a href="#" className={props.cls} onClick={onClick} >{props.text}</a>
-  return <a href="mailto:pilot@unbounded.org" className={props.cls}>{props.text}</a>
-}

data/app/assets/javascripts/lcms/engine/components/helpers/MediaTime.js.jsx

@@ -1,6 +0,0 @@
-function MediaTime(props) {
-  const duration = props.duration || 0;
-  const minutes = Math.floor(duration/60),
-        seconds = duration%60;
-  return <span>{`${_.padLeft(minutes, 2, '0')}:${_.padLeft(seconds, 2, '0')}`}</span>
-}

data/app/assets/javascripts/lcms/engine/components/helpers/SearchResultsHeader.js.jsx

@@ -1,41 +0,0 @@
-function SearchResultsHeader(props) {
-  const startNum = (props.current_page - 1) * props.per_page + 1;
-  const endNum = startNum + props.num_items - 1;
-
-  return (
-    <div className="o-s-header o-page__wrap--row-nest">
-      <div className="o-s-header__item">
-        <p>Showing {startNum}&mdash;{endNum} of {props.total_hits}</p>
-      </div>
-      <div className="o-s-header__item">
-        <div className="o-s-select">
-          {
-            (props.onChangeOrder) ?
-              <div className="o-s-select__item">
-                <select value={props.order} onChange={props.onChangeOrder}>
-                  <option value="asc">Sort by asc</option>
-                  <option value="desc">Sort by desc</option>
-                </select>
-              </div>
-
-            : false
-          }
-
-          {
-            (props.onChangePerPage) ?
-              <div className="o-s-select__item">
-                <select value={props.per_page} onChange={props.onChangePerPage}>
-                  <option value="20">20 per page</option>
-                  <option value="50">50 per page</option>
-                  <option value="100">100 per page</option>
-                  <option value="200">200 per page</option>
-                </select>
-              </div>
-
-            : false
-          }
-        </div>
-      </div>
-    </div>
-  );
-}

data/app/assets/javascripts/lcms/engine/components/helpers/TimeToTeach.js.jsx

@@ -1,29 +0,0 @@
-function TimeToTeach(props) {
-  const threshold = 600; // 10h = 600min
-  const duration = props.duration || 0;
-  var value = '';
-
-  if (duration == 0 ) {
-    value = '0 minutes'
-
-  } else {
-    // if time <=10h (600 min), then output="X hours, Y minutes".
-    const quotient = Math.floor(duration / 60);
-    const remainder = duration % 60;
-
-    const hours = `${quotient} ${quotient > 1 ? 'hours' : 'hour'}`
-    const mins = `${remainder} ${remainder > 1 ? 'minutes' : 'minute'}`
-
-    value = hours + (remainder > 0 ? `, ${remainder}` : '');
-
-    // if time > 10h (600 min), then output ="N Instructional days (X hours, Y minutes)".
-    if (duration > threshold) {
-      // 1 Instructional day = 60 minutes
-      // Always round up to next instructional day (61 min = 2 days)
-      const instructionalDays = Math.ceil(duration / 60);
-      value = `${instructionalDays} Instructional days (${value})`;
-    }
-  }
-
-  return <span>{value}</span>
-}

data/app/assets/javascripts/lcms/engine/components/instruction-card/InstructionCard.js.jsx

@@ -1,57 +0,0 @@
-// eslint-disable-next-line no-unused-vars
-function InstructionCard(props) {
-  const item = props.item;
-  const mainClass = `o-instruction-card--${item.instruction_type}`;
-  const bemClass = _.partial(convertToBEM, mainClass);
-  const cssInstruction = classNames(
-    'o-instruction-card',
-    `cs-link-bg--${colorCodeCss(item.subject, item.grade_avg)}`,
-    mainClass
-  );
-  const cssWrapper = classNames(
-    'o-instruction-card__wrap',
-    bemClass('wrap')
-  );
-  const cssImage = classNames(
-    'o-instruction-card__img',
-    bemClass('img')
-  );
-  const cssBody = classNames(
-    'o-instruction-card__body',
-    bemClass('body')
-  );
-
-  const titleElement = <h3 className={bemClass('title')} dangerouslySetInnerHTML={{ __html: item.title }}></h3>;
-  const isInstruction = (item.instruction_type === 'instruction');
-  const instructionBody = isInstruction ?
-    (
-      <div className={cssBody}>
-        <div className="o-instruction-card__teaser">{item.teaser}</div>
-        {titleElement}
-      </div>
-    ) :
-    (
-      <div className={cssBody}>
-        <div className={bemClass('title-wrap')}>
-          {titleElement}
-          <i className={bemClass('icon')}></i>
-        </div>
-        <div className={bemClass('duration')}>
-          <MediaTime duration={item.time_to_teach} />
-        </div>
-      </div>
-    );
-
-  return (
-    // eslint-disable-next-line no-undef
-    <a className={cssInstruction} href={props.item.path} onClick={heapTrackPd.bind(null, item)}>
-      <div className={cssWrapper}>
-        <div className={cssImage}>
-          <img src={item.img}/>
-        </div>
-        {instructionBody}
-      </div>
-    </a>
-  );
-
-}

data/app/assets/javascripts/lcms/engine/components/lesson-card/LessonCard.js.jsx

@@ -1,45 +0,0 @@
-// eslint-disable-next-line no-unused-vars
-function LessonCard(props) {
-  const url = props.lesson.path;
-  const is_prereq = props.lesson.is_prerequisite;
-  const is_foundational = props.lesson.is_foundational;
-  const is_opr = props.lesson.is_opr;
-  const opr_standards = props.lesson.opr_standards;
-
-  let title;
-  if (is_opr) {
-    title = 'PREREQUISITE LESSON';
-  } else if (is_prereq) {
-    const numeral = (/lesson (.*)/i).exec(props.lesson.short_title)[1];
-    title = `LESSON ${numeral.toLowerCase()} • Prerequisite`;
-  } else {
-    title = props.with_breadcrumb ? props.lesson.breadcrumb_title : props.lesson.short_title.toUpperCase();
-  }
-
-  const prereq = <div className="o-lesson-card__header--prerequisite"></div>;
-
-  return (
-    <a className="o-lesson-card o-lesson-card--base" href={url}>
-      <div className={classNames('o-lesson-card__wrap', `cs-bg--${props.colorCode}`)}>
-        <div className="o-lesson-card__header cs-txt--light">
-          {is_prereq || is_opr ? prereq : null}
-          <span className="o-lesson-card__header--title u-txt--breadcrumbs">{title}</span>
-        </div>
-        <div className="o-lesson-card__content o-lesson-card__content--base cs-bg--light">
-          <h3 className="o-lesson-card__dsc o-lesson-card__dsc--short">{is_foundational ? '' : props.lesson.title}</h3>
-          <div className="o-lesson-card__duration u-hidden">
-            <TimeToTeach duration={props.lesson.time_to_teach} />
-          </div>
-        </div>
-        <div className="o-lesson-card__content o-lesson-card__content--hover">
-          <div className="o-lesson-card__dsc o-lesson-card__dsc--full">
-            { opr_standards &&
-              <span className="u-txt--lesson-hover-standard u-text--uppercase">{opr_standards}<br/><br/></span>
-            }
-            {props.lesson.teaser}
-          </div>
-        </div>
-      </div>
-    </a>
-  );
-}

data/app/assets/javascripts/lcms/engine/components/materials/CollapsedMaterial.js.jsx

@@ -1,40 +0,0 @@
-// eslint-disable-next-line no-unused-vars
-function CollapsedMaterial(props) {
-  const isPDF = props.source_type === 'pdf';
-  return (
-    <div className="o-m-thumbnail">
-      <div className="o-m-overlay__wrap">
-        <img src={props.thumb_url}/>
-        <div className="o-m-overlay">
-          <div className="o-m-overlay__preview" onClick={() => props.onPreview(true, props.index)}>
-            <a className="u-preserve-style cs-txt-link--light">
-              <i className="ub-icon ub-eye fa-2x"/>
-            </a>
-          </div>
-          <div className="o-m-overlay__actions">
-            <ul className="menu align-center">
-              <li>
-                <a className="u-preserve-style cs-txt-link--light" href={props.pdf_url} onClick={() => props.onClick('print', props.index)} target="_blank">
-                  <i className="ub-icon ub-print"/>
-                </a>
-              </li>
-              <li>
-                <a className="u-preserve-style cs-txt-link--light" href={props.pdf_url} onClick={() => props.onClick('pdf', props.index)} target="_blank">
-                  <i className="ub-icon ub-file-pdf"/>
-                </a>
-              </li>
-              { !isPDF &&
-                <li>
-                  <a className="u-preserve-style cs-txt-link--light" href={props.gdoc_url} target="_blank" onClick={() => props.onClick('gdoc', props.index)}>
-                    <i className="ub-icon ub-file-gdoc"/>
-                  </a>
-                </li> }
-            </ul>
-          </div>
-        </div>
-      </div>
-      <div className="u-txt--m-subtitle u-padding-top--base u-text--uppercase">{props.subtitle}</div>
-      <div className="u-txt--m-title">{props.title}</div>
-    </div>
-  );
-}

data/app/assets/javascripts/lcms/engine/components/materials/DocumentMaterialsList.js.jsx

@@ -1,33 +0,0 @@
-/* eslint-disable no-unused-vars, no-undef */
-class DocumentMaterialsList extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { excludes: [] };
-    this.onExcludesChanged = this._excludesChanged.bind(this);
-  }
-
-  componentDidMount() {
-    excludesStore.on('upd_materials', this.onExcludesChanged);
-  }
-
-  componentWillUnmount() {
-    excludesStore.off('upd_materials', this.onExcludesChanged);
-  }
-
-  _excludesChanged(){
-    this.setState({ excludes: excludesStore.getState() });
-  }
-
-  render() {
-    const excludes = this.state.excludes;
-    const filtered_materials =
-      _.filter(this.props.data, m => _.difference(m.anchors.anchors, excludes).length + _.intersection(m.anchors.optional, excludes).length);
-
-    const materials = filtered_materials.map(m => <li key={m.id}>{m.subtitle} &mdash; {m.title}</li>);
-    return (
-      <ul className="o-m-list">
-        {materials}
-      </ul>
-    );
-  }
-}

data/app/assets/javascripts/lcms/engine/components/materials/ExpandedMaterial.js.jsx

@@ -1,37 +0,0 @@
-// eslint-disable-next-line no-unused-vars
-class ExpandedMaterial extends React.Component {
-  componentDidMount() {
-    let { id, pdf_url } = this.props;
-    const options = {
-      pdfOpenParams: { page: 1, view: 'FitV' },
-      PDFJS_URL: Routes.lcms_engine_pdfjs_full_path()
-    };
-    if (!PDFObject.supportsPDFs) {
-      pdf_url = `${Routes.lcms_engine_pdf_proxy_resources_path()}?url=${pdf_url}`;
-    }
-    PDFObject.embed(pdf_url, `#pdfobject-${id}`, options);
-  }
-
-  render() {
-    const { gdoc_url, id, index, onMinimize, onClick, orientation, source_type, pdf_url } = this.props;
-    const isPDF = source_type === 'pdf';
-    const clsBtn = 'o-btn o-btn--bordered-base o-ub-ld-btn--material u-preserve-style';
-    const clsBtnExt = `${clsBtn} u-margin-right--xs`;
-    const clsBtnExtLast = classNames(clsBtn, { 'u-margin-right--xs': !isPDF});
-    return (
-      <div className="o-m-preview__wrap u-padding-top--base">
-        <div className="o-m-preview__actions u-padding-top--base">
-          <a className={clsBtnExt} onClick={() => onMinimize(false)}>Minimize</a>
-          <a className={clsBtnExt} href={pdf_url} onClick={() => onClick('print', index)} target="_blank">Print</a>
-          <a className={clsBtnExtLast} href={pdf_url} onClick={() => onClick('view', index)} target="_blank">View PDF</a>
-          { !isPDF &&  <a className={clsBtn} href={gdoc_url} onClick={() => onClick('gdoc', index)} target="_blank">View GDOC</a> }
-        </div>
-        <div className={`o-m-preview--${orientation}`}>
-          <div id={`pdfobject-${id}`} className="o-m-preview pdfobject-container content">
-          </div>
-        </div>
-      </div>
-    );
-  }
-
-}

data/app/assets/javascripts/lcms/engine/components/materials/MaterialsContainer.js.jsx

@@ -1,92 +0,0 @@
-// eslint-disable-next-line no-unused-vars
-class MaterialsContainer extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {bExpanded: false, activeTab: 0};
-    this.toggleView = this.handleToggleView.bind(this);
-    this.switchMaterial = this.handleSwitchMaterial.bind(this);
-    this.trackOperation = this.trackOp.bind(this, '');
-    this.trackOperationCollapsed = this.trackOp.bind(this, 'Collapsed');
-  }
-
-  handleSwitchMaterial(idx) {
-    this.notifyHeap('Material Switched', idx - 1);
-  }
-
-  handleToggleView(newState, idx = 0) {
-    this.setState({bExpanded: newState, activeTab: idx});
-    const event = `Material ${newState ? 'Expanded' : 'Collapsed'}`;
-    this.notifyHeap(event, idx);
-  }
-
-  notifyHeap(event, idx) {
-    let data = {
-      material_id: this.props.data[idx].id,
-      material_pdf: this.props.data[idx].pdf,
-      material_title: this.props.data[idx].title
-    };
-    data = _.extend(data, this.props.activity, this.props.lesson);
-    heapTrack(event, data);
-  }
-
-  renderTab(m, idx) {
-    return (
-      <Tabs.Panel key={`p-${m.id}`} title={m.subtitle}>
-        <ExpandedMaterial key={`exm${m.id}`} index={idx} {...m} onClick={this.trackOperation} onMinimize={this.toggleView}/>
-      </Tabs.Panel>
-    );
-  }
-
-  render() {
-    const { data, content_type, subject } = this.props;
-    if (!_.includes(['none', 'tm'], content_type)) return null;
-    if (content_type === 'tm') {
-      return (
-        <MaterialsList {...this.props}/>
-      );
-    }
-    let materials = null;
-    if (this.state.bExpanded) {
-      materials = data.map((m, idx) => this.renderTab(m, idx));
-    } else {
-      materials = data.map((m, idx) =>
-        <CollapsedMaterial key={`cm-${m.id}`} index={idx} onClick={this.trackOperationCollapsed} onPreview={this.toggleView} {...m}/>
-      );
-    }
-    const clsTitle = classNames(
-      'u-txt--m-tab-title u-padding-bottom--gutter',
-      {'o-m-title--underlined': !this.state.bExpanded }
-    );
-
-    const cssClasses = classNames(['u-padding-bottom--gutter', 'o-material-wrapper'],
-      {
-        [`o-material-wrapper--${subject}`]: !this.props.for_group,
-        ['o-material-wrapper--bg-color']: this.props.color,
-        ['o-page__section']: !this.props.for_group,
-        ['o-material-wrapper--within-group']: this.props.for_group
-      }
-    );
-
-    return (
-      <div className={cssClasses}>
-        <div className={clsTitle}>Materials</div>
-        { this.state.bExpanded ? (
-          <div key="key-m-wrap-expanded" className="o-page__wrap--row">
-            <Tabs tabActive={this.state.activeTab + 1} className="o-page__module" onAfterChange={this.switchMaterial}>
-              {materials}
-            </Tabs>
-          </div>
-        ) : (
-          <div key="key-m-wrap-collapsed" className="o-page__wrap--row-nest">
-            {materials}
-          </div>
-        )
-        }
-      </div>
-    );
-  }
-
-  trackOp(type, event, idx) {
-    this.notifyHeap(`Material ${type} Click: ${event}`, idx);
-  }
-}