/ui/elements/drawer
The drawer element module exports the drawer method for the mapp.ui.elements{} library object.
- Source
Methods
(inner) drawer(params) → {HTMLElement}
The drawer method will create and return drawer element with a header and content.
| Name | Type | Description |
|---|---|---|
params | Object | The configuration params for the drawer element. |
| Name | Type | Attributes | Description |
|---|---|---|---|
params.data_id | string | The data-id for drawer element. | |
params.header | HTML | The header element[s]. | |
params.content | HTML | The content element[s] for the drawer. | |
params.popout | boolean | <optional> | Whether the drawer can be popped out into a dialog. |
- Source
The drawer element.
- Type:
- HTMLElement
(inner) onClick(e)
The [drawer] onClick event method will shortcircuit if the parentElement has the empty class.
| Name | Type | Description |
|---|---|---|
e | Object | The click event. |
- Source
(inner) popoutDialog(params)
the popoutDialog creates the popout element for a drawer and appends the popout button to the header of the drawer.
| Name | Type | Description |
|---|---|---|
params | Object | The configuration params for the popout element. |
| Name | Type | Description |
|---|---|---|
params.data_id | string | The data-id for popout element. |
params.header | HTML | The header element[s]. |
params.content | HTML | The content element[s] for the popout. |
params.drawer | HTML | The drawer element being popped out. |
params.originalTarget | HTML | The element that holds the content within the drawer being popped out. |
- Source