This is a base element.

That includes:

  • i18next initialization.
  • Bootstrap (custom build + color in vars), Font Awesome, reset and some custom style.
  • Configuration directly available by overriding the initConfig method.
  • RXJS subscription added to subscriptions are unsubscribe on element removal. Example:
   import {html, css} from 'lit';
import {customElement} from 'lit/decorators.js';

// @ts-ignore
@customElement('my-element')
export default class MyElement extent (window as any).gmfapi.elements.BaseElement {
static styles = [
...(window as any).gmfapi.elements.BaseElement.styles,
css`...`
];

initConfig(configuration: Any): void {
...
};

render(): TemplateResult {
return html`${this.getTitle(i18next.t('Title'))}
your template`
}
}

Hierarchy

Constructors

Properties

bootstrapStyle: CSSResult = ...
bootstrapVarStyle: CSSResult = ...
commonStyle: CSSResult = ...
fontawesomeStyle: CSSResult = ...
resetStyle: CSSResult = ...
styles: CSSResult[] = ...

Methods

  • Calls the authentication service changePassword method.

    Parameters

    • evt: Event

      the event

    Returns void

  • Calls the authentication service login method.

    Parameters

    • evt: Event

      Event from the form submit action.

    Returns void

  • Calls the authentication service logout method.

    Parameters

    • evt: Event

      Event from the form submit action.

    Returns void

  • Calls the authentication service resetPassword method.

    Parameters

    • evt: Event

      Event from the form submit action.

    Returns void

Generated using TypeDoc