SWAMPy

✎ CARVE FLESH

EDITING: Layout.js

/*
 * 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 from 'react'
import {any, arrayOf, bool, shape, string} from 'prop-types'

import {Alert} from '@instructure/ui-alerts'
import {FormFieldGroup} from '@instructure/ui-form-field'
import {Heading} from '@instructure/ui-heading'
import {View} from '@instructure/ui-view'

import {useScope as useI18nScope} from '@canvas/i18n'

import FormContent from './FormContent'

const I18n = useI18nScope('post_assignment_grades_tray')

export default function Layout({
  assignment: {anonymousGrading, gradesPublished},
  containerName,
  dismiss,
  onPostClick,
  postBySections,
  postBySectionsChanged,
  postType,
  postTypeChanged,
  postingGrades,
  sectionSelectionChanged,
  sections,
  selectedSectionIds,
  unpostedCount,
}) {
  return (
    <>
      {!gradesPublished && (
        <Alert margin="x-small" variant="warning">
          {I18n.t(
            'Posting grades is not allowed because grades have not been released for this assignment.'
          )}
        </Alert>
      )}

{gradesPublished && anonymousGrading && containerName === 'SPEED_GRADER' && (
        <Alert margin="x-small" variant="warning">
          {I18n.t('Posting grades will refresh your browser. This may take a moment.')}
        </Alert>
      )}

{gradesPublished && anonymousGrading && (
        <Alert margin="x-small" variant="info">
          {I18n.t(
            'When posting grades for anonymous assignments, grades will be posted for everyone in the course. Anonymity will be removed.'
          )}
        </Alert>
      )}

<FormFieldGroup
        description={
          <View as="div" margin="0" padding="0 medium">
            <Heading as="h3" level="h4">
              {I18n.t('Post Grades')}
            </Heading>
          </View>
        }
        label={I18n.t('Post Grades')}
        disabled={!gradesPublished}
      >
        <FormContent
          assignment={{anonymousGrading, gradesPublished}}
          dismiss={dismiss}
          onPostClick={onPostClick}
          postBySections={postBySections}
          postBySectionsChanged={postBySectionsChanged}
          postType={postType}
          postTypeChanged={postTypeChanged}
          postingGrades={postingGrades}
          sectionSelectionChanged={sectionSelectionChanged}
          sections={sections}
          selectedSectionIds={selectedSectionIds}
          unpostedCount={unpostedCount}
        />
      </FormFieldGroup>
    </>
  )
}

Layout.propTypes = {
  assignment: shape({
    anonymousGrading: bool.isRequired,
    gradesPublished: bool.isRequired,
  }).isRequired,
  containerName: string,
  sections: arrayOf(any).isRequired,
  ...FormContent.propTypes,
}

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 Api.js	JS	2.4 KB	2023-09-24 03:36	EDIT
📄 FormContent.js	JS	4.3 KB	2023-09-24 03:39	EDIT
📄 index.js	JS	6.5 KB	2023-09-24 03:39	EDIT
📄 Layout.js	JS	3.3 KB	2023-09-24 03:39	EDIT
📄 PostTypes.js	JS	2.5 KB	2023-09-24 03:39	EDIT