SWAMPy

✎ CARVE FLESH

EDITING: index.tsx

// @ts-nocheck
/*
 * Copyright (C) 2019 - 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, {PureComponent} from 'react'
import {CloseButton} from '@instructure/ui-buttons'
import {View} from '@instructure/ui-view'
import {Flex} from '@instructure/ui-flex'
import {TruncateText} from '@instructure/ui-truncate-text'
import {Heading} from '@instructure/ui-heading'
import {Tray} from '@instructure/ui-tray'
import {useScope as useI18nScope} from '@canvas/i18n'

import Layout from './Layout'
import {setAssignmentPostPolicy} from './Api'
import {showFlashAlert} from '@canvas/alerts/react/FlashAlert'
import {CamelizedAssignment} from '@canvas/grading/grading'

const I18n = useI18nScope('post_grades_tray')

const {Item: FlexItem} = Flex as any

type Props = {}

type State = {
  assignment?: CamelizedAssignment

requestInProgress?: boolean

selectedPostManually?: boolean

open: boolean

onExited?: () => void

onAssignmentPostPolicyUpdated?: ({
    assignmentId,
    postManually,
  }: {
    assignmentId: string
    postManually: boolean
  }) => void
}

export default class AssignmentPostingPolicyTray extends PureComponent<Props, State> {
  constructor(props) {
    super(props)

this.handleDismiss = this.handleDismiss.bind(this)
    this.show = this.show.bind(this)

this.state = {
      open: false,
    }

this.handlePostPolicyChanged = this.handlePostPolicyChanged.bind(this)
    this.handleSave = this.handleSave.bind(this)
  }

handleDismiss() {
    this.setState({open: false})
  }

show(context) {
    this.setState({
      ...context,
      open: true,
      requestInProgress: false,
      selectedPostManually: context.assignment.postManually,
    })
  }

handlePostPolicyChanged({postManually}) {
    this.setState({selectedPostManually: postManually})
  }

handleSave() {
    const name = this.state.assignment?.name
    const assignmentId = this.state.assignment?.id
    const {selectedPostManually} = this.state

if (!name || !assignmentId) {
      throw new Error('Assignment name and id are required')
    }

this.setState({requestInProgress: true})
    setAssignmentPostPolicy({assignmentId, postManually: selectedPostManually})
      .then(response => {
        const message = I18n.t('Success! The post policy for %{name} has been updated.', {name})
        const {postManually} = response

showFlashAlert({message, type: 'success', err: null})
        this.state.onAssignmentPostPolicyUpdated?.({assignmentId, postManually})
        this.handleDismiss()
      })
      .catch(_error => {
        const message = I18n.t('An error occurred while saving the assignment post policy')
        showFlashAlert({message, type: 'error', err: null})
        this.setState({requestInProgress: false})
      })
  }

render() {
    if (!this.state.assignment) {
      return null
    }

const {assignment, onExited, requestInProgress, selectedPostManually} = this.state

// Anonymous assignments must always be manually posted, as must moderated
    // assignments whose grades are not published yet
    const allowAutomaticPosting = !(
      assignment.anonymousGrading ||
      (assignment.moderatedGrading && !assignment.gradesPublished)
    )
    const allowSaving = assignment.postManually !== selectedPostManually && !requestInProgress

return (
      <Tray
        label={I18n.t('Grade posting policy tray')}
        onDismiss={this.handleDismiss}
        onExited={onExited}
        open={this.state.open}
        placement="end"
      >
        <View as="div" padding="small">
          <Flex as="div" alignItems="start" margin="0 0 medium 0">
            <FlexItem>
              <CloseButton onClick={this.handleDismiss} screenReaderLabel={I18n.t('Close')} />
            </FlexItem>

<FlexItem margin="0 0 0 small" shouldShrink={true}>
              <Heading as="h2" level="h3">
                <TruncateText maxLines={3}>
                  {I18n.t('Grade Posting Policy: %{name}', {name: assignment.name})}
                </TruncateText>
              </Heading>
            </FlexItem>
          </Flex>
        </View>

<Layout
          allowAutomaticPosting={allowAutomaticPosting}
          allowCanceling={!requestInProgress}
          allowSaving={allowSaving}
          onPostPolicyChanged={this.handlePostPolicyChanged}
          onDismiss={this.handleDismiss}
          onSave={this.handleSave}
          selectedPostManually={Boolean(selectedPostManually)}
        />
      </Tray>
    )
  }
}

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 Api.ts	TS	1.8 KB	2023-09-24 03:36	EDIT
📄 index.tsx	TSX	5 KB	2023-09-24 03:36	EDIT
📄 Layout.tsx	TSX	5.1 KB	2023-09-24 03:36	EDIT