lcms-engine 0.1.0

data/app/interactors/lcms/engine/explore_curriculum_interactor.rb

@@ -0,0 +1,81 @@
+# frozen_string_literal: true
+
+module Lcms
+  module Engine
+    class ExploreCurriculumInteractor < BaseInteractor
+      attr_reader :props
+
+      def run; end
+
+      def index_props
+        slug_param ? expanded_props : grades_props
+      end
+
+      def show_props
+        resource = Resource.tree.find(params[:id])
+        CurriculumResourceSerializer.new(resource, depth: 1).as_json
+      end
+
+      private
+
+      def filterbar
+        @filterbar ||= Filterbar.new(params)
+      end
+
+      def grades
+        @grades ||= Resource.tree.grades
+                      .includes(:copyright_attributions, :resource_downloads)
+                      .eager_load(:standards)
+                      .where_subject(filterbar.subjects)
+                      .where_grade(filterbar.grades)
+                      .ordered
+      end
+
+      def grades_props
+        ActiveModel::ArraySerializer.new(
+          grades,
+          each_serializer: CurriculumResourceSerializer,
+          root: :results
+        ).as_json.merge(filterbar.props)
+      end
+
+      def expanded_props
+        target = Resource.tree.find_by(slug: slug_param)
+        raise "Unknown Resource slug value: '#{slug_param}'" unless target
+
+        grade = target.parents.detect(&:grade?)
+        depth = Resource.hierarchy.index(target.curriculum_type.to_sym)
+
+        # self and ancestors, except the subject
+        active_branch = target.self_and_ancestors.reject(&:subject?).map(&:id).reverse
+
+        if expanded?
+          depth += 1
+          first_child = target.children.first
+          active_branch << first_child.id if first_child.present?
+        end
+
+        {
+          active: active_branch,
+          expanded: expanded? ? true : nil,
+          results: grades.map do |curr|
+            CurriculumResourceSerializer.new(
+              curr,
+              depth: curr.id == grade.try(:id) ? depth : 0,
+              depth_branch: active_branch
+            ).as_json
+          end
+        }.compact.merge(filterbar.props)
+      end
+
+      def slug_param
+        slug = params[:p]
+        (slug.start_with?('/') ? slug[1..-1] : slug) if slug.present?
+      end
+
+      def expanded?
+        params[:e].present?
+      end
+    end
+  end
+end

data/app/interactors/lcms/engine/find_lessons_interactor.rb

@@ -0,0 +1,46 @@
+# frozen_string_literal: true
+
+module Lcms
+  module Engine
+    class FindLessonsInteractor < BaseInteractor
+      attr_reader :props
+
+      def run
+        @props = pagination.serialize(lessons, serializer).merge(filterbar.props)
+      end
+
+      private
+
+      def filterbar
+        @filterbar ||= Filterbar.new(params)
+      end
+
+      def pagination
+        @pagination ||= Pagination.new(params)
+      end
+
+      def search?
+        filterbar.search_term.present?
+      end
+
+      def serializer
+        search? ? SearchResourceSerializer : ResourceSerializer
+      end
+
+      def lessons
+        if search?
+          Search::Document
+            .search(filterbar.search_term, filterbar.search_params.merge(doc_type: :lesson))
+            .paginate(pagination.params)
+
+        else
+          Resource.tree.lessons
+            .where_subject(filterbar.subjects)
+            .where_grade(filterbar.grades)
+            .ordered
+            .paginate(pagination.params(strict: true))
+        end
+      end
+    end
+  end
+end

data/app/interactors/lcms/engine/search_interactor.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+module Lcms
+  module Engine
+    class SearchInteractor < BaseInteractor
+      attr_reader :props
+
+      def run
+        @props = pagination.serialize(documents, serializer).merge(filterbar.props)
+      end
+
+      private
+
+      def filterbar
+        @filterbar ||= Filterbar.new(params)
+      end
+
+      def pagination
+        @pagination ||= Pagination.new(params)
+      end
+
+      def serializer
+        SearchDocumentSerializer
+      end
+
+      def documents
+        Search::Document
+          .search(filterbar.search_term, filterbar.search_params)
+          .paginate(pagination.params)
+      end
+    end
+  end
+end

data/app/javascript/components/admin/ImportStatus.jsx

@@ -0,0 +1,125 @@
+import React from 'react'
+
+class ImportStatus extends React.Component {
+  constructor(props) {
+    super(props)
+    this.state = { jobs: props.jobs }
+    this.pollingInterval = 5000
+    this.chunkSize = 50
+    this.links = _.isEmpty(props.links) ? [`${props.type}/:id`] : props.links
+    if (_.isEmpty(props.path)) {
+      const k = `lcms_engine_import_status_admin_${this.props.type}_path`
+      this.path = Routes[k].call()
+    } else {
+      this.path = props.path
+    }
+    this.withPdf = props.with_pdf || false
+  }
+
+  componentDidMount() {
+    this.intervalFn = setInterval(this.poll.bind(this), this.pollingInterval)
+  }
+
+  componentWillUnmount() {
+    clearInterval(this.intervalFn)
+  }
+
+  poll() {
+    const pendingJobs = _.compact(_.map(this.state.jobs, (job, jid) => job.status !== 'done' ? jid : null))
+    if (pendingJobs.length > 0) {
+      _.each(_.chunk(pendingJobs, this.chunkSize), jids => this.updateChunkStatus(jids))
+    } else {
+      clearInterval(this.intervalFn)
+    }
+  }
+
+  updateChunkStatus(jids) {
+    $.getJSON(this.path, {
+      jids: jids,
+      type: this.props.type,
+      _: Date.now(), // prevent cached response
+    }).done(res => {
+      let updatedJobs = {}
+      _.each(res, (val, jid) => {
+        updatedJobs[jid] = _.extend(this.state.jobs[jid], { status: val.status }, val.result)
+      })
+      this.setState({ jobs: _.extend(this.state.jobs, updatedJobs) })
+    }).fail(res => {
+      console.warn('check content export status', res)
+    })
+  }
+
+  resourceButton(job) {
+    if (this.withPdf) {
+      return (
+        <a href={job.link}
+          className="o-adm-materials__resource ub-icon ub-file-pdf button primary u-margin-left--small u-margin-bottom--zero" target="_blank">
+        </a>
+      )
+    }
+
+    let linkWithParams = function(route, params = {}) {
+      let path = route
+      _.each(params, (v, k) => {
+        path = _.replace(path, `:${k}`, v)
+      })
+      return path
+    }
+
+    return _.map(this.links, (link, idx) => (
+      <a key={`pl-${idx}`}
+        href={linkWithParams(link, { id: job.model.id })}
+        className="o-adm-materials__resource ub-icon ub-eye button primary u-margin-left--small u-margin-bottom--zero" target="_blank">
+      </a>
+    ))
+  }
+
+  spinner() {
+    return <span className="o-adm-materials__spinner button primary u-margin-bottom--zero"><i className="fa fa-spin fa-spinner" /></span>
+  }
+
+  render() {
+    const waitingCount = _.filter(this.state.jobs, (job) =>  job.status !== 'done').length
+    const importedCount = _.filter(this.state.jobs, (job) =>  job.status === 'done' && job.ok ).length
+    const failedCount = _.filter(this.state.jobs, (job) =>  job.status === 'done' && !job.ok ).length
+
+    const results = _.map(this.state.jobs, (job, key) => {
+      let status
+      if (job.status === 'done') {
+        status = job.ok ? 'ok' : 'err'
+      } else {
+        status = job.status
+      }
+      return (
+        <li className={`o-adm-materials__result o-adm-materials__result--${status}`} key={key}>
+          <div className="u-flex align-justify align-middle">
+            <a href={job.link} target='_blank' className='o-adm-materials__link'>
+              {job.link}
+            </a>
+            {job.status !== 'done' ? this.spinner() : null}
+            {job.status === 'done' && job.ok ? <span>{this.resourceButton(job)}</span> : null}
+          </div>
+          {job.errors ? (<p dangerouslySetInnerHTML={{__html: _.join(job.errors, '<br/>')}}></p>) : null}
+        </li>
+      )
+    })
+
+    return (
+      <div>
+        <p className="o-adm-materials__summary">
+          <span className='summary-entry'>• {waitingCount} Files(s) Processing</span>
+          <span className='summary-entry'>{`✓ ${importedCount} File(s) ${this.withPdf ? 'Generated' : 'Imported'}`}</span>
+          <span className='summary-entry'>x {failedCount} File(s) Failed</span>
+        </p>
+        <aside className='o-adm-materials__summary--aside u-margin-bottom--small'>
+          After the (re){`${this.withPdf ? 'generation' : 'import'}`} the files for export are still in process of being generated in the background. They will appear soon after.
+        </aside>
+        <ul className="o-adm-materials__results">
+          {results}
+        </ul>
+      </div>
+    )
+  }
+}
+
+export default ImportStatus

data/app/javascript/components/admin/Initializer.jsx

@@ -0,0 +1,41 @@
+function initializeResourcesForm() {
+  const form = $('form#resource_form')
+  if (!form.length) return
+
+  const opr_desc = form.find('.resource_opr_description')
+  form.find('#resource_curriculum_type').change((ev) => {
+    const el = $(ev.target)
+    if (el.val() === 'unit') {
+      opr_desc.slideDown()
+    } else {
+      opr_desc.slideUp()
+    }
+  })
+}
+
+function initializeResourcesList() {
+  const page = $('.o-adm-list.o-adm-documents')
+  if (!page.length) return
+
+  page.find('.c-reimport-with-materials__toggle input[type=checkbox]').change(() => {
+    const value = $(this).prop('checked') ? 1 : 0
+    page.find('.c-reimport-doc-form .c-reimport-with-materials__field').val(value)
+  })
+}
+
+function initializeSelectAll() {
+  const selector = $('.c-multi-selected--select-all')
+  if (!selector.length) return
+
+  selector.find('input').change((ev) => {
+    const el = $(ev.target)
+    const checked = el.prop('checked')
+    $('.table input[type=checkbox][name="selected_ids[]"]').prop('checked', checked)
+  })
+}
+
+export default {
+  initializeResourcesList,
+  initializeResourcesForm,
+  initializeSelectAll,
+}

data/app/javascript/components/admin/MultiSelectedOperation.jsx

@@ -0,0 +1,39 @@
+import React from 'react'
+import ReactDOM from 'react-dom'
+
+class MultiSelectedOperation extends React.Component {
+  componentDidMount() {
+    const $this = $(ReactDOM.findDOMNode(this))
+    $this.parent().addClass('c-multi-selected-btn')
+  }
+
+  onSubmit(evt) {
+    if (this.props.operation === 'delete' && !confirm('Are you sure?')) return
+
+    const entries = $('.o-page .table input[name="selected_ids[]"]')
+    const ids = _.filter(entries, (e) => e.checked).map((e) => e.value)
+    if (ids.length === 0) return evt.preventDefault()
+
+    const form = $(this.formRef)
+    form.find('input[name=selected_ids]').val(ids.join(','))
+    form.find('[type=submit]').prop('disabled', true)
+  }
+
+  render() {
+    const btnClass = `button ${this.props.btn_style}`
+    const method = (this.props.operation === 'delete') ? 'delete' : 'post'
+    const csrf_token = $('meta[name=csrf-token]').attr('content')
+    return (
+      <form ref={ ref => { this.formRef = ref }} action={this.props.path} acceptCharset="UTF-8" method='post' className="c-reimport-doc-form" onSubmit={this.onSubmit.bind(this)} >
+        <input name="utf8" value="✓" type="hidden" />
+        <input name="_method" value={method} type="hidden" />
+        <input name="authenticity_token" value={csrf_token} type="hidden" />
+        <input name="selected_ids" type="hidden" />
+        <input name="with_materials" type="hidden" className="c-reimport-with-materials__field"/>
+        <input value={this.props.text} className={btnClass} type="submit" />
+      </form>
+    )
+  }
+}
+
+export default MultiSelectedOperation

data/app/javascript/components/admin/association-picker/AssociationPicker.jsx

@@ -0,0 +1,104 @@
+import React from 'react'
+import ReactDOM from 'react-dom'
+// eslint-disable-next-line no-unused-vars
+import AssociationPickerItem from './AssociationPickerItem'
+import AssociationPickerWindow from './AssociationPickerWindow'
+// eslint-disable-next-line no-unused-vars
+import PickerButton from '../picker/PickerButton'
+import pickerModal from '../picker/pickerModal'
+import pickerWindowWrapper from '../picker/pickerWindowWrapper'
+
+class AssociationPicker extends React.Component {
+  constructor(props) {
+    super(props)
+
+    this.state = {
+      items: this.props.items || [],
+    }
+  }
+
+  get jqmodal() {
+    return $(this.modal)
+  }
+
+  componentDidMount() {
+    // eslint-disable-next-line no-undef
+    pickerModal.call(this)
+  }
+
+  onClickSelect() {
+    // eslint-disable-next-line no-undef
+    const pickerComponent = pickerWindowWrapper(AssociationPickerWindow, 'lcms_engine_admin_association_picker_path')
+    const picker = React.createElement(pickerComponent, {
+      association: this.props.association,
+      allowCreate: this.props.allow_create,
+      allowMultiple: this.props.allow_multiple,
+      onClickDone: this.closeModal.bind(this),
+      onSelectItem: this.selectItem.bind(this),
+      selectedItems: this.state.items,
+    }, null)
+    ReactDOM.render(picker, this.modal)
+    this.jqmodal.foundation('open')
+  }
+
+  selectItem(item, operation) {
+    if (!this.props.allow_multiple) {
+      this.closeModal()
+    }
+    operation === 'added' ? this.addItem(item) : this.removeItem(item)
+  }
+
+  closeModal() {
+    this.jqmodal.foundation('close')
+  }
+
+  addItem(item) {
+    const newItems = this.props.allow_multiple ?
+      [...this.state.items, item] :
+      [item]
+
+    this.setState({
+      ...this.state,
+      items: newItems,
+    })
+  }
+
+  removeItem(item) {
+    this.setState({
+      ...this.state,
+      items: _.filter(this.state.items, r => r.id !== item.id),
+    })
+  }
+
+  render() {
+    const items = this.state.items.map((item) => {
+      return <AssociationPickerItem
+        key={item.id}
+        name={this.props.name}
+        createName={this.props.create_name}
+        association={this.props.association}
+        allowMultiple={this.props.allow_multiple}
+        item={item}
+        // eslint-disable-next-line react/jsx-no-bind
+        onClickClose={() => this.removeItem(item)}
+      />
+    })
+
+    const blankInput = this.props.allow_multiple ?
+      <input type="hidden" name={`${this.props.name}[]`} value="" /> :
+      <span className="hide" />
+
+    return (
+      <PickerButton
+        content={items}
+        hiddenInputs={blankInput}
+        // eslint-disable-next-line react/jsx-no-bind
+        onClick={this.onClickSelect.bind(this)}
+        // eslint-disable-next-line react/jsx-no-bind
+        onRef={m => this.modal = m}
+      />
+    )
+  }
+}
+
+export default AssociationPicker