@edunext/frontend-component-extended-fields v1.0.4-alpha

frontend-slot-footer

This package provides a wrapped version of the lms and studio footer using Frontend Plugin Framework.

• LMS Footer Slot ID: footer_slot

• Studio Footer Slot ID: studio_footer_slot

Description

The slots are used to replace/modify/hide the footer.

Example

The following env.config.jsx will replace the default footer.

LMS:

Studio:

with a simple custom footer

import { DIRECT_PLUGIN, PLUGIN_OPERATIONS } from '@openedx/frontend-plugin-framework';

const config = {
  pluginSlots: {
    // For authoring MFE, replace footer_slot with studio_footer_slot
    footer_slot: {
      plugins: [
        {
          // Hide the default footer
          op: PLUGIN_OPERATIONS.Hide,
          widgetId: 'default_contents',
        },
        {
          // Insert a custom footer
          op: PLUGIN_OPERATIONS.Insert,
          widget: {
            id: 'custom_footer',
            type: DIRECT_PLUGIN,
            RenderWidget: () => (
              <h1 style={{textAlign: 'center'}}>🦶</h1>
            ),
          },
        },
      ]
    }
  },
}

export default config;