diff --git a/app/jsx/developer_keys/ManualConfigurationForm.js b/app/jsx/developer_keys/ManualConfigurationForm.js index 86e9e7285cc..ec76c918c2c 100644 --- a/app/jsx/developer_keys/ManualConfigurationForm.js +++ b/app/jsx/developer_keys/ManualConfigurationForm.js @@ -19,6 +19,7 @@ import I18n from 'i18n!react_developer_keys' import PropTypes from 'prop-types' import React from 'react' +import { Alert } from '@instructure/ui-alerts' import View from '@instructure/ui-layout/lib/components/View' import { CheckboxGroup } from '@instructure/ui-forms' import FormFieldGroup from '@instructure/ui-form-field/lib/components/FormFieldGroup'; @@ -39,13 +40,18 @@ export default class ManualConfigurationForm extends React.Component { state = { toolConfiguration: {}, additionalSettings: {}, - placements: [{placement: "account_navigation"}, {placement: "link_selection"}] + placements: [{placement: "account_navigation"}, {placement: "link_selection"}], + custom_fields: {} } get toolConfiguration() { return this.state.toolConfiguration } + get specialTypes() { + return ["editor_button"] + } + placements(obj) { return obj.map(o => o.placement); } @@ -71,130 +77,154 @@ export default class ManualConfigurationForm extends React.Component { } render() { - const { toolConfiguration, additionalSettings, placements } = this.state; + const { toolConfiguration, additionalSettings, placements, custom_fields } = this.state; const { validScopes, validPlacements } = this.props; return ( {I18n.t('Manual Configuration')}} layout="stacked" > {I18n.t("Display Values")}} - layout="columns" + description={I18n.t("Required Values")} > - + {I18n.t('Display Values')}} + layout="columns" + > + +