Skip to content
Snippets Groups Projects
Commit e70c1a01 authored by Alice Poggioli's avatar Alice Poggioli
Browse files

Add mixin

parent 5e2574ad
No related branches found
No related tags found
No related merge requests found
Features
#########
We call "mixins" features for SIB components. Basicly they provide attribute to it.
List
=====
[Description]
Attributes available:
--------------------
+------------+-----------------+---------+----------------------------------------+
| Name | expected | Default | Description |
+=======+=====================+=========+=========================================+
| order-by | | | |
+-----------+-----------------+---------+-----------------------------------------+
| counter | | | |
+-----------+-----------------+---------+-----------------------------------------+
Used in components:
-------------------
* link to `Sib-Display <SiB-Display>`__
* link to `Sib-Form <SiB-Form>`__
Store
=====
[Description]
Attributes available:
--------------------
+------------+-----------------+---------+----------------------------------------+
| Name | expected | Default | Description |
+=======+=====================+=========+=========================================+
| nested-field | | | |
+-----------+-----------------+---------+-----------------------------------------+
| | | | |
+-----------+-----------------+---------+-----------------------------------------+
Used in components:
-------------------
* link to `Sib-Display <SiB-Display>`__
* link to `Sib-Form <SiB-Form>`__
Events
######
Some event are available on specific wiget. You'll find corresponding events for your components in its documentation.
+------------+-----------------+---------+----------------------------------------+
| Event name | Parameters | Fired by | Fired when |
+=======+=====================+=========+=========================================+
| `resourceSelect` | `{detail:{resource}}` | `sib-display`, `sib-calendar`, `sib-map` | The user clicks an child in the list, with the resource as a detail of the event. |
+-----------+-----------------+---------+-----------------------------------------+
| `populate` | `{detail:{resource}}` | `sib-display`, `sib-form`, `sib-calendar`, `sib-map` | The component got and displayed all its datas. |
+-----------+-----------------+---------+-----------------------------------------+
| `save` | `{detail:{resource}}` | `sib-form` | The form has saved successfully. |
+-----------+-----------------+---------+-----------------------------------------+
Examples
========
Populate
--------
Use to do something if and when the element is generated.
.. code:: js
element.addEventListener("populate", event => {
// Do something when the element is generated.
})
Save
----
Use to do something when a form is successfully saved.
.. code:: js
form.addEventListener("save", event => {
// Do something when the form has been successfully saved.
});
......@@ -21,7 +21,8 @@ Welcome to Startinblox's documentation!
import_documentation/install-sib-server
import_documentation/develop-sib-ldp-packages
import_documentation/server-architecture
import_documentation/core-framework-architecture
.. import_documentation/core-framework-architecture
.. import_documentation/component-architecture
......@@ -48,6 +49,13 @@ Welcome to Startinblox's documentation!
import_documentation/Components/SiB-Map
import_documentation/Components/SiB-Ac-Checker
import_documentation/Components/SiB-Widget
.. toctree::
:maxdepth: 2
:caption: Mixins:
import_documentation/Components/mixins
.. toctree::
:maxdepth: 2
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment