Augmented.js Presentation Simple Components Module
Extends DecoratorView
An article class for setting up a 'page'
Supported options are:
- name - The name of the article view
- el - The mount point
- style - The style class
- header - The header markup
- headerEl - The header mount point
- footer - The footer markup
- footerEl - The footer mount point
- body - The body markup
- bodyEl - The body mount point (will generate a div)
- sections - array of sections to prefill (see addSection API for format)
options
object Options to pass to the constructor
const article = new Presentation.Component.Article(
{ "el": "#mount", "header": "html", "footerEl": "#foot" });
Header property
header
header
string
Footer for the article
footer
footer
string
The body content of the card (supports HTML)
body
body
string
The section array
sections
sections
array
Add a section object to the article
section
object a section object
Section Object format:
{
"id" "something",
"body" "html",
"class" "something"
}
Clear the sections
render - render the article
Extends DecoratorView
A card view - simple panel/dialog-like panel
options
body property - the body of the card
style
style property - the style
style
The body content of the card (supports HTML)
body
render - render the card
remove
Extends DecoratorView
A Footer Component
options
The body content of the card (supports HTML)
body
render - render the footer
Extends DecoratorView
A Header Component
options
title
title
string A title property
subTitle
subTitle
string A subTitle property
render - render the header
Remove the Header
Returns object Returns the view context ('this')
Extends Mediator
A Component Manager or Mediator
options
Meta
- deprecated: Use Mediator
Manages a component (colleague)
component
View A component or view to manage
Unmanages a component (colleague)
component
View A component or view to manage
Extends DecoratorView
A SelectBox
options
(optional, default{}
)
Render the SelectBox
Returns object Returns the view context ('this')
remove
Adds an option to the select
addOption({"dog", 0, true});