diff --git a/src/plugin-slots/AdditionalCoursePluginSlot/README.md b/src/plugin-slots/AdditionalCoursePluginSlot/README.md index 39bf9e8fb..5e6c286a3 100644 --- a/src/plugin-slots/AdditionalCoursePluginSlot/README.md +++ b/src/plugin-slots/AdditionalCoursePluginSlot/README.md @@ -1,6 +1,64 @@ -# AdditionalCoursePluginSlot +# Additional Course Plugin Slot ### Slot ID: `org.openedx.frontend.authoring.additional_course_plugin.v1` ### Slot ID Aliases * `additional_course_plugin` + +## Description + +This slot is used to add a custom card on the the page & resources page. + +## Example + +The following `env.config.jsx` will add a custom card at the end of the page & resources section. + +![Screenshot of the unit sidebar surrounded by border](./images/additional-course-plugin-slot-example.png) + +```jsx +import { DIRECT_PLUGIN, PLUGIN_OPERATIONS } from '@openedx/frontend-plugin-framework'; +import { Badge, Card } from '@openedx/paragon'; +import { Settings } from '@openedx/paragon/icons'; + +const config = { + pluginSlots: { + 'org.openedx.frontend.authoring.additional_course_plugin.v1': { + plugins: [ + { + op: PLUGIN_OPERATIONS.Hide, + widgetId: 'default_contents', + }, + { + op: PLUGIN_OPERATIONS.Insert, + widget: { + id: 'custom_additional_course', + type: DIRECT_PLUGIN, + RenderWidget: () => ( + + + slot props course + + )} + actions={} + size="sm" + /> + + + Additional course from slot props description. + Or anything else. + + + + ), + }, + }, + ] + } + }, +} + +export default config; +``` \ No newline at end of file diff --git a/src/plugin-slots/AdditionalCoursePluginSlot/images/additional-course-plugin-slot-example.png b/src/plugin-slots/AdditionalCoursePluginSlot/images/additional-course-plugin-slot-example.png new file mode 100644 index 000000000..6dab83f75 Binary files /dev/null and b/src/plugin-slots/AdditionalCoursePluginSlot/images/additional-course-plugin-slot-example.png differ