SWAMPy

✎ CARVE FLESH

EDITING: SpeedGraderStatusMenu.js

/*
 * Copyright (C) 2021 - 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 {func, number, string, oneOf} from 'prop-types'
import {useScope as useI18nScope} from '@canvas/i18n'
import {Menu} from '@instructure/ui-menu'
import {IconEditLine} from '@instructure/ui-icons'
import {IconButton} from '@instructure/ui-buttons'
import {Flex} from '@instructure/ui-flex'
import {ScreenReaderContent} from '@instructure/ui-a11y-content'
import TimeLateInput from '@canvas/grading/TimeLateInput'

const I18n = useI18nScope('speed_grader')

const statusesMap = {
  extended: I18n.t('Extended'),
  excused: I18n.t('Excused'),
  late: I18n.t('Late'),
  missing: I18n.t('Missing'),
  none: I18n.t('None'),
}

export default function SpeedGraderStatusMenu(props) {
  const handleSelection = (_, newSelection) => {
    if (newSelection === props.selection) {
      return
    }

const data = newSelection === 'excused' ? {excuse: true} : {latePolicyStatus: newSelection}
    if (newSelection === 'late') {
      data.secondsLateOverride = props.secondsLate
    }

props.updateSubmission(data)
  }

const optionValues = ['late', 'missing', 'excused', 'none']
  if (ENV.FEATURES && ENV.FEATURES.extended_submission_state) optionValues.splice(3, 0, 'extended')

const menuOptions = optionValues.map(status => (
    <Menu.Item
      key={status}
      value={status}
      selected={props.selection === status}
      onSelect={handleSelection}
    >
      {statusesMap[status]}
    </Menu.Item>
  ))

return (
    <>
      <Flex justifyItems="end">
        <Flex.Item>
          <Menu
            withArrow={false}
            placement="bottom"
            trigger={
              <IconButton
                size="small"
                screenReaderLabel={I18n.t('Edit status')}
                margin="none none small"
              >
                <IconEditLine />
              </IconButton>
            }
          >
            <Menu.Group label={<ScreenReaderContent>{I18n.t('Menu options')}</ScreenReaderContent>}>
              {menuOptions}
            </Menu.Group>
          </Menu>
        </Flex.Item>
      </Flex>
      {props.selection === 'late' && (
        <div style={{position: 'absolute', right: '24px'}}>
          <TimeLateInput
            lateSubmissionInterval={props.lateSubmissionInterval}
            locale={props.locale}
            renderLabelBefore={true}
            secondsLate={props.secondsLate}
            onSecondsLateUpdated={props.updateSubmission}
            width="5rem"
          />
        </div>
      )}
    </>
  )
}

SpeedGraderStatusMenu.propTypes = {
  lateSubmissionInterval: oneOf(['day', 'hour']).isRequired,
  locale: string.isRequired,
  secondsLate: number.isRequired,
  selection: string.isRequired,
  updateSubmission: func.isRequired,
}

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📁 __tests__/	DIR	—	2023-09-24 03:39
📁 AssessmentAuditTray/	DIR	—	2023-09-24 03:39
📁 CommentLibrary/	DIR	—	2023-09-24 03:39
📁 PostPolicies/	DIR	—	2023-09-24 03:39
📄 CommentArea.js	JS	3.3 KB	2023-09-24 03:39	EDIT
📄 GradeLoadingSpinner.tsx	TSX	1.8 KB	2023-09-24 03:36	EDIT
📄 SpeedGraderAlerts.js	JS	2.2 KB	2023-09-24 03:36	EDIT
📄 SpeedGraderPostGradesMenu.tsx	TSX	2.7 KB	2023-09-24 03:36	EDIT
📄 SpeedGraderProvisionalGradeSelector.js	JS	6 KB	2023-09-24 03:39	EDIT
📄 SpeedGraderSettingsMenu.js	JS	3.5 KB	2023-09-24 03:39	EDIT
📄 SpeedGraderStatusMenu.js	JS	3.4 KB	2023-09-24 03:39	EDIT