<juicy-diamond-graph>

Polymer Custom Element to build diamond diagrams, useful to visualize Operational Transformation flow

Demo

Check it live!

Install

Install the component using Bower:

$ bower install juicy-diamond-graph --save

Or download as ZIP.

Usage

1. Import Web Components' polyfill:

   <script src="bower_components/platform/platform.js"></script>

2. Import Custom Element:

   <link rel="import" href="bower_components/juicy-diamond-graph/src/juicy-diamond-graph.html">

3. Start using it!

   <juicy-diamond-graph></juicy-diamond-graph>

Attributes & Properites

Attribute	Options	Default	Description
edges	array{object}	[]	Array of DiamondEdge objects.

Methods

Method	Parameters	Returns	Description
goRightClient	None.	self	Move Client to the right - new Client version
goRightServer	None.	self	Move Server to the right - server sync with Client
goLeft	None.	self	Move to the left - new Server version comes to the Client
goLeftClient	None.	self	Move Client to the left
goLeftServer	None.	self	Move Server to the left
drawEdge	from, direction[, length[, dashed[, stroke]]]	self	Draw given edge

Contributing and Development

History

For detailed changelog, check Releases.

License

MIT