Panacea
Panacea is the collection of vanilla Javascript components and services created to enable our developers to use whatever Javascript framework they want while still maintaining a single codebase for these components and services.
Custom Components
Character Counter
<input class="form-control
data-component="cm-charactercount
data-options="{maxLength:10}
type="text
value="Value in field is invalid"
placeholder="Text field with character count">
data-options="{
maxLength:10
}"
<textarea class="form-control"
data-component="cm-charactercount"
data-options="{maxLength:52,errorMsg:'foutje!'}"
type="text"
value="Value in field is invalid"
placeholder="Text area with character count">
</textarea>
data-options="{
maxLength:52,
errorMsg:'foutje!'
}"
Contextmenu
<div id="ContextMenu1"
data-component="cm-contextmenu"
data-options="{
'id': 'ContextMenu1',
'language': 'NL',
'scope': 'aurora',
'menuitems' :[
{
'IconKey': 'check',
'TranslationKey': 'item1',
'GroupId': 1
},
{
'IconKey': 'delete',
'TranslationKey': 'item2',
'GroupId': 2
},
{
'TranslationKey': 'item3',
'GroupId': 2
}
]}"/>
<div id="ContextMenu1"
data-component="cm-contextmenu"
data-options="{
'id': 'ContextMenu2',
'language': 'NL',
'scope': 'aurora',
'menuitems' :[
{
'TranslationKey': 'item1'
},
{
'TranslationKey': 'item2'
},
{
'TranslationKey': 'item3'
}
]}"/>