Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bonitasoft/bonita-ui-designer-context-binding

Poc to rewrite the variable mechanism in typescript instead of AngularJs for ui-designer
https://github.com/bonitasoft/bonita-ui-designer-context-binding

delivery-npm lifecycle-independent published-full transitive-dep typescript

Last synced: about 2 months ago
JSON representation

Poc to rewrite the variable mechanism in typescript instead of AngularJs for ui-designer

Awesome Lists containing this project

README

        

# @bonitasoft/bonita-ui-designer-context-binding

![github release](https://img.shields.io/github/v/release/bonitasoft/bonita-ui-designer-context-binding)
![npm](https://img.shields.io/npm/v/@bonitasoft/ui-designer-context-binding)

This project contains module to manage binding and communication between https://github.com/bonitasoft/bonita-ui-designer[bonita-ui-designer] variable and bonita widget properties.

A widget property can be bound with one ui-designer variable by one of these binding type:

| Binding type | getValue | setValue | comments |
|---|---|---|---|
| constant | yes | no ||
| interpolation| yes| no | Need to interpolate angular pipe for exemple `| date, | `
| expression | yes | no |
| variable | yes | yes | similar to two way data-binding

# Download

* NPM:
`npm install @bonitasoft/ui-designer-context-binding`

# Usage

```
import { Model, Variables } from '@bonitasoft/ui-designer-context-binding';

// Create a model
let model = new Model();

// Fill variable accessor
model.fillVariableAccessors(yourUidVariableAsMap);

// Get variable accessor
model.getVariableAccessors();
```

## Development

Each development must be tested. To run test suite, you can use `npm run test`.