Overview

Component Name: gpii.firstDiscovery.panel.speechRate

File: panels.js

The Speech Rate panel presents an adjuster that allows the user to adjust the speech rate preference settings. The adjuster presents plus and minus buttons, and a range indicator.

This component uses Ranged Panel - with Disabled Message as a base grade, so it has the same component structure as that panel in terms of of the model, options, selectors and dependencies.

Using the Speech Rate Panel

Option 1: In the Auxiliary Schema, specify the name of the panel as the type property of the panel section:

"speechRate": {
    "type": "gpii.firstDiscovery.speechRate",
    "panel": {
        "type": "gpii.firstDiscovery.panel.speechRate",
        "container": ".gpiic-fd-prefsEditor-panel-speechRate",
        "template": "%templatePrefix/rangeWithDisabledMsgTemplate.html",
        "message": "%messagePrefix/speechRate.json",
        "gradeNames": ["gpii.firstDiscovery.panel.speechRate.prefsEditorConnection"]
    }
}

Working in conjunction with the Auxiliary Schema, the type, its default value and range of the text size preference are defined in the Primary Schema:

fluid.defaults("gpii.firstDiscovery.schemas.speechRate", {
    gradeNames: ["fluid.prefs.schemas"],
    schema: {
        "gpii.firstDiscovery.speechRate": {
            "type": "number",
            "default": 1,
            "minimum": 0.1,
            "maximum": 2, // The spec allows for up to 10, but in chrome 2 seems to be the upper bound.
            "divisibleBy": 0.1
        }
    }
});

Option 2: Outside the context of the First Discovery Tool, developers may wish to create a standalone component:

var myPanel = gpii.firstDiscovery.panel.speechRate(container, options);

Grades

This component uses the following base grades:

• gpii.firstDiscovery.panel.rangedWithDisabledMessage