SWAMPy

✎ CARVE FLESH

EDITING: App.js

/*
 * Copyright (C) 2016 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

import React from 'react'
import axios from '@canvas/axios'
import {Spinner} from '@instructure/ui-spinner'
import {useScope as useI18nScope} from '@canvas/i18n'
import splitAssetString from '@canvas/util/splitAssetString'
import ExportList from './components/ExportList'
import ExportInProgress from './components/ExportInProgress'
import Errors from './components/Errors'

const I18n = useI18nScope('webzip_exports')

class WebZipExportApp extends React.Component {
  static webZipFormat(webZipExports, newExportId = null) {
    return webZipExports
      .map(webZipExport => {
        const url = webZipExport.zip_attachment ? webZipExport.zip_attachment.url : null
        const isNewExport = newExportId === webZipExport.progress_id
        return {
          date: webZipExport.created_at,
          link: url,
          workflowState: webZipExport.workflow_state,
          progressId: webZipExport.progress_id,
          newExport: isNewExport,
        }
      })
      .reverse()
  }

constructor(props) {
    super(props)
    this.finishedStates = ['generated', 'failed']
    this.state = {exports: [], errors: [], loaded: false}
  }

componentDidMount() {
    this.getExports()
  }

componentDidUpdate() {
    const newExport = this.findNewExport()
    if (newExport && newExport.link) {
      this.downloadLink(newExport.link)
    }
  }

getExports = (newExportId = null) => {
    const courseId = splitAssetString(ENV.context_asset_string)[1]
    this.loadExistingExports(courseId, newExportId)
  }

getExportsInProgress() {
    return this.state.exports.find(ex => !this.finishedStates.includes(ex.workflowState))
  }

getFinishedExports() {
    return this.state.exports.filter(ex => this.finishedStates.includes(ex.workflowState))
  }

findNewExport() {
    return this.state.exports.find(ex => ex.newExport)
  }

loadExistingExports(courseId, newExportId = null) {
    axios
      .get(`/api/v1/courses/${courseId}/web_zip_exports`)
      .then(response => {
        this.setState({
          loaded: true,
          exports: WebZipExportApp.webZipFormat(response.data, newExportId),
          errors: [],
        })
      })
      .catch(response => {
        this.setState({
          exports: [],
          errors: [response],
          loaded: true,
        })
      })
  }

downloadLink(link) {
    window.location = link
  }

render() {
    let app = null
    const webzipInProgress = this.getExportsInProgress()
    const finishedExports = this.getFinishedExports()
    if (!this.state.loaded) {
      app = <Spinner size="small" renderTitle={I18n.t('Loading')} />
    } else if (this.state.errors.length > 0) {
      app = <Errors errors={this.state.errors} />
    } else if (finishedExports.length > 0 || !webzipInProgress) {
      app = <ExportList exports={finishedExports} />
    }
    return (
      <div>
        <h1>{I18n.t('Exported Package History')}</h1>
        {app}
        <p>
          <strong>
            {I18n.t(`You may not reproduce or communicate any of the content on
            this course, including files exported from this course without the prior written
            permission of your institution.  Check with your institution for specific online
            user agreement guidelines.`)}
          </strong>
        </p>
        <hr />
        <ExportInProgress webzip={webzipInProgress} loadExports={this.getExports} />
      </div>
    )
  }
}

export default WebZipExportApp

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📁 components/	DIR	—	2023-09-24 03:39
📄 App.js	JS	4.1 KB	2023-09-24 03:39	EDIT