Contents

const {createContainer, createWidget, resolve, classNames} = pageflow.react;
const {PageThumbnail} = pageflow.react.components;

function ParentPageBox(props) {
  return (
    <div className="parent_page_box">
      <a className={classNames('parent_page_box-link',
                               props.parentPage && 'is_visible')}
         href={`#${props.parentPage ? props.parentPage.permaId : ''}`}
         tabIndex="2"
         onClick={handleClick} />

      {renderOverlay(props.parentPage, props.i18n)}
    </div>
  )
}

function renderOverlay(page, i18n) {
  if (page) {
    return (
      <div className="parent_page_box-overlay">
        {renderBackTo(page.chapter, i18n)}
        <span className="parent_page_box-page_title">
          {page.title}
        </span>
        <PageThumbnail className="parent_page_box-thumbnail" page={page} />
      </div>
    );
  }
  else {
    return null;
  }
}

function renderBackTo(chapter, i18n) {
  if (chapter.title) {
    return (
      <div>
        {i18n.t('pageflow.public.back_to_chapter')}
        <div className="parent_page_box-chapter_title">
          {chapter.title}
        </div>
        <hr className="parent_page_box-separator" />
      </div>
    );
  }
  else {
    return (
      <div className="parent_page_box-standalong_back_label">
        {i18n.t('pageflow.public.back_to_chapter')}
      </div>
    );
  }
}

function handleClick(event) {
  pageflow.slides.goToParentPage();
  event.preventDefault();
}

pageflow.parentPageBox.Widget = createWidget(createContainer(ParentPageBox, {
  fragments: {
    i18n: resolve('i18n'),
    parentPage: resolve('currentParentPage', {
      fragments: {
        chapter: resolve('chapter')
      }
    })
  }
}));

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
pageflow-parent-page-box-0.1.0	app/assets/javascript/pageflow/parent_page_box/widget.jsx