Canvas LMS Speedgrader Letter Grade Dropdown Plug-in

Plugin for the Canvas LMS theme app that adds a convenient dropdown list to the speedgrader when using letter grades.

Features

The following configurable options are available:

• Whether the selectbox should remain open while focussed.
• Whether the selectbox should adapt its size to fit all options.
• Allows to type just the letter shortcut if the options contain extra text (e.g. 'X (Some description)').

Installation

Using NPM:

npm install @artevelde-uas/canvas-lms-speedgrader-letter-grade-dropdown-plugin

Using Yarn:

yarn add @artevelde-uas/canvas-lms-speedgrader-letter-grade-dropdown-plugin

Usage

Just import the plug-in and add it to the Canvas app:

import { run, addPlugin } from '@artevelde-uas/canvas-lms-app';
import speedgraderLetterGradeDropdownPlugin from '@artevelde-uas/canvas-lms-speedgrader-letter-grade-dropdown-plugin';

addPlugin(speedgraderLetterGradeDropdownPlugin, {
    alwaysOpenOnFocus: true,
    fitOptions: true,
    letterShortcut: true,
    letterRegexp: /(?<letter>\w+) \(.+\)/
});

run();

Options

Name	Type	Default	Description
alwaysOpenOnFocus	{Boolean}	false	Sets whether the selectbox should remain open while focussed.
fitOptions	{Boolean}	false	Sets whether the selectbox should adapt its size to fit all options.
letterShortcut	{Boolean}	false	Sets whether to use letter shortcuts.
letterRegexp	{RegExp}	/(?<letter>\w+) \(.+\)/	The regular expression to use for letter shortcuts.

letterRegexp

Any regular expression containing a named capture group called 'letter'

Examples:

• Grading scheme in the format 'X (Descripton)': /(?<letter>\w+) \(.+\)/
• Grading scheme in the format 'Descripton (X)': /.+ \((?<letter>\w+)\)/