SWAMPy

✎ CARVE FLESH

EDITING: StudentHeader.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 {Text} from '@instructure/ui-text'
import {Flex} from '@instructure/ui-flex'
import {IconButton} from '@instructure/ui-buttons'
import {useScope as useI18nScope} from '@canvas/i18n'
import {IconArrowOpenDownLine} from '@instructure/ui-icons'
import {Menu} from '@instructure/ui-menu'
import {View} from '@instructure/ui-view'
import {CELL_HEIGHT, STUDENT_COLUMN_WIDTH} from './constants'

const I18n = useI18nScope('learning_mastery_gradebook')

const StudentHeader = () => (
  <View background="secondary" as="div" width={STUDENT_COLUMN_WIDTH}>
    <Flex alignItems="center" justifyItems="space-between" height={CELL_HEIGHT}>
      <Flex.Item padding="0 0 0 small">
        <Text weight="bold">{I18n.t('Students')}</Text>
      </Flex.Item>
      <Flex.Item padding="0 small 0 0">
        <Menu
          placement="bottom"
          trigger={
            <IconButton
              withBorder={false}
              withBackground={false}
              size="small"
              screenReaderLabel={I18n.t('Sort Students')}
            >
              <IconArrowOpenDownLine />
            </IconButton>
          }
        >
          <Menu.Item>{I18n.t('Sort By')}</Menu.Item>
          <Menu.Item>{I18n.t('Display as')}</Menu.Item>
          <Menu.Item>{I18n.t('Secondary info')}</Menu.Item>
          <Menu.Group label={I18n.t('Show')} allowMultiple={true}>
            <Menu.Item defaultSelected={true}>{I18n.t('Students without assessments')}</Menu.Item>
            <Menu.Item defaultSelected={true}>{I18n.t('Inactive Enrollments')}</Menu.Item>
            <Menu.Item defaultSelected={true}>{I18n.t('Concluded Enrollments')}</Menu.Item>
          </Menu.Group>
        </Menu>
      </Flex.Item>
    </Flex>
  </View>
)

export default StudentHeader

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📁 __tests__/	DIR	—	2023-09-24 03:39
📁 hooks/	DIR	—	2023-09-24 03:36
📄 apiClient.js	JS	1.1 KB	2023-09-24 03:36	EDIT
📄 constants.js	JS	916 B	2023-09-24 03:39	EDIT
📄 Gradebook.js	JS	3.6 KB	2023-09-24 03:39	EDIT
📄 icons.js	JS	1.1 KB	2023-09-24 03:39	EDIT
📄 index.js	JS	3.3 KB	2023-09-24 03:39	EDIT
📄 OutcomeHeader.js	JS	2.5 KB	2023-09-24 03:39	EDIT
📄 ProficiencyFilter.js	JS	2 KB	2023-09-24 03:39	EDIT
📄 ProficiencyRating.js	JS	2.6 KB	2023-09-24 03:39	EDIT
📄 ScoresGrid.js	JS	2.7 KB	2023-09-24 03:39	EDIT
📄 shapes.js	JS	1.8 KB	2023-09-24 03:39	EDIT
📄 StudentCell.js	JS	1.9 KB	2023-09-24 03:39	EDIT
📄 StudentHeader.js	JS	2.4 KB	2023-09-24 03:39	EDIT
📄 StudentOutcomeScore.js	JS	2.2 KB	2023-09-24 03:39	EDIT