Home Reference Source
import FullScreenModalTemplate from '~/template/FullScreenModalTemplate.js'
public class | source

FullScreenModalTemplate

Extends:

Template → FullScreenModalTemplate

See FullScreenModalController

Constructor Summary

Public Constructor
public

Creates a full screen modal template.

Member Summary

Public Members
public

controller: FullScreenModalController

The controller which manages this

public

The submit button provided if exists

Inherited Summary

From class Template
public static get

An empty template

public static

Performs a move TemplateType for a given HTML id to return a template based on the id's root.

public static

fromInnerHTML(wrapper: HTMLElement, innerHTML: string, type: TemplateType): Template

From innerHTML will wrap in div

public static

Creates template <div> with text.

public get

underlyingNode: HTMLElement

Returns the underlying element

public

defineLinkedClass(name: string, className: string, node: HTMLElement)

Defines a linked class

public

defineLinkedInput(name: string, input: HTMLElement)

Defines a linked input

public

defineLinkedText(name: string, defaultValue: string): Text

Creates a field w/ updating text

public abstract

async didInitialLoad()

Called when loaded the first time

public abstract

Called when the view has loaded

public

Called when disappeared

public

getParent(defaultElement: HTMLElement): HTMLElement

Gets the original parent or else a default

public

loadBeforeContext(elem: HTMLElement): HTMLElement

Loads before an element

public

loadInContext(parent: HTMLElement, allowDupliacte: boolean): HTMLElement

Loads the template in a context

public

loadReplacingContext(source: HTMLElement): HTMLElement

Loads and replaces

public

prependInContext(parent: HTMLElement, allowDupliacte: boolean): HTMLElement

Prepends the template in a context

public

Removes from the context.

public

unique(): HTMLElement

Returns a unique instance of the template as an HTMLElement.

public

async willInitialLoad()

Called before loaded the first time

public

Called right before the view will appear on screen

public

Called before disappearing

Public Constructors

public constructor(opts: Object) source

Creates a full screen modal template.

Override:

Template#constructor

Params:

NameTypeAttributeDescription
opts Object
opts.title Element

HTML element with title.

opts.color FSModalColor
  • optional
  • default: FSModalColor.default
opts.submitButton ButtonTemplate
  • optional
  • default: null
  • nullable: true

If exists, a submit button

opts.icon Element

Icon representing topic in white

opts.body Node

Root node to embed

Public Members

public controller: FullScreenModalController source

The controller which manages this

public submitButton: ButtonTemplate source

The submit button provided if exists