Module: layouts

Module for the creation and handling of the DOM representation for module:formElement~FormElement objects.

It relies on Bootstrap for styling and positioning.

Source:

Classes

Layout

Methods

(inner) arrangeAdditionalChildren(titleIconDiv, titleDiv, childrenDiv, addButtonDiv) → {HTMLDivElement}

Creates an arranged HTML container (by including styling and structure) for the part of a form element representing a JSON Schema child applicator that allows for additional elements.

Parameters:
Name Type Description
titleIconDiv HTMLDivElement

The <div> element containing the child applicator's title icon representation.
titleDiv HTMLDivElement

The <div> element containing the child applicator's title representation.
childrenDiv HTMLDivElement

The <div> element containing the children form elements representation.
addButtonDiv HTMLDivElement

The <div> element containing the child applicator's add button representation.
Source:
Returns:

The arranged HTML container.

Type
HTMLDivElement

(inner) arrangeAdditionalItems(titleIconDiv, titleDiv, childrenDiv, addButtonDiv) → {HTMLDivElement}

Creates an arranged HTML container (by including styling and structure) for the part of a form element representing an additionalItems JSON Schema child applicator.

Parameters:
Name Type Description
titleIconDiv HTMLDivElement

The <div> element containing the child applicator's title icon representation.
titleDiv HTMLDivElement

The <div> element containing the child applicator's title representation.
childrenDiv HTMLDivElement

The <div> element containing the children form elements representation.
addButtonDiv HTMLDivElement

The <div> element containing the child applicator's add button representation.
Source:
Returns:

The arranged HTML container.

Type
HTMLDivElement

(inner) arrangeAdditionalProperties(titleIconDiv, titleDiv, childrenDiv, addButtonDiv) → {HTMLDivElement}

Creates an arranged HTML container (by including styling and structure) for the part of a form element representing an additionalProperties JSON Schema child applicator.

Parameters:
Name Type Description
titleIconDiv HTMLDivElement

The <div> element containing the child applicator's title icon representation.
titleDiv HTMLDivElement

The <div> element containing the child applicator's title representation.
childrenDiv HTMLDivElement

The <div> element containing the children form elements representation.
addButtonDiv HTMLDivElement

The <div> element containing the child applicator's add button representation.
Source:
Returns:

The arranged HTML container.

Type
HTMLDivElement

(inner) arrangeItems(childrenDiv, addButtonDiv) → {HTMLDivElement}

Creates an arranged HTML container (by including styling and structure) for the part of a form element representing an items JSON Schema child applicator.

Parameters:
Name Type Description
childrenDiv HTMLDivElement

The <div> element containing the children form elements representation.
addButtonDiv HTMLDivElement

The <div> element containing the child applicator's add button representation.
Source:
Returns:

The arranged HTML container.

Type
HTMLDivElement

(inner) arrangeProperties(childrenDiv) → {HTMLDivElement}

Creates an arranged HTML container (by including styling and structure) for the part of a form element representing a properties JSON Schema child applicator.

Parameters:
Name Type Description
childrenDiv HTMLDivElement

The <div> element containing the children form elements representation.
Source:
Returns:

The arranged HTML container.

Type
HTMLDivElement

(inner) createArrayLayout(fe) → {HTMLDivElement}

Creates the content pane to represent a form element with an array-typed JSON Schema.

Parameters:
Name Type Description
fe module:formElement~FormElement

The form element which the content pane will be created for.
Source:
Returns:

The content pane conceived for a form element with an array-typed JSON Schema.

Type
HTMLDivElement

(inner) createConstLayout(fe) → {HTMLDivElement}

Creates the content pane to represent a form element with a const JSON Schema.

Parameters:
Name Type Description
fe module:formElement~FormElement

The form element which the content pane will be created for.
Source:
Returns:

The content pane conceived for a form element with a const JSON Schema.

Type
HTMLDivElement

(inner) createContentPane(fe) → {HTMLDivElement}

Creates the content pane to represent a form element according to its associated JSON Schema.

Parameters:
Name Type Description
fe module:formElement~FormElement

The form element which the content pane will be created for.
Source:
Returns:

The content pane.

Type
HTMLDivElement

(inner) createEnumLayout(fe) → {HTMLDivElement}

Creates the content pane to represent a form element with an enum JSON Schema.

Parameters:
Name Type Description
fe module:formElement~FormElement

The form element which the content pane will be created for.
Source:
Returns:

The content pane conceived for a form element with an enum JSON Schema.

Type
HTMLDivElement

(inner) createHeaderBar(fe) → {HTMLDivElement}

Creates the header bar to represent a form element.

Parameters:
Name Type Description
fe module:formElement~FormElement

The form element which the header bar will be created for.
Source:
Returns:

The header bar.

Type
HTMLDivElement

(inner) createObjectLayout(fe) → {HTMLDivElement}

Creates the content pane to represent a form element with an object-typed JSON Schema.

Parameters:
Name Type Description
fe module:formElement~FormElement

The form element which the content pane will be created for.
Source:
Returns:

The content pane conceived for a form element with an object-typed JSON Schema.

Type
HTMLDivElement

(inner) createPrimitiveTypeLayout(fe) → {HTMLDivElement}

Creates the content pane to represent a form element with any primitive JSON Schema type (boolean, integer, number and string).

Parameters:
Name Type Description
fe module:formElement~FormElement

The form element which the content pane will be created for.
Source:
Returns:

The content pane conceived for a form element with an primitive-typed JSON Schema.

Type
HTMLDivElement