https://github.com/juicy/juicy-diamond-graph

Polymer Custom Element to build diamond diagrams, useful to visualize [Operational Transformation](http://en.wikipedia.org/wiki/Operational_transformation) flow
https://github.com/juicy/juicy-diamond-graph

polymer

Last synced: 11 days ago
JSON representation

Polymer Custom Element to build diamond diagrams, useful to visualize [Operational Transformation](http://en.wikipedia.org/wiki/Operational_transformation) flow

• Host: GitHub
• URL: https://github.com/juicy/juicy-diamond-graph
• Owner: Juicy
• License: mit
• Created: 2014-10-15T21:53:51.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2017-07-24T08:05:19.000Z (over 7 years ago)
• Last Synced: 2024-04-15T00:06:15.573Z (7 months ago)
• Topics: polymer
• Language: HTML
• Size: 9.77 KB
• Stars: 0
• Watchers: 11
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# <juicy-diamond-graph>

> Polymer Custom Element to build diamond diagrams, useful to visualize [Operational Transformation](http://en.wikipedia.org/wiki/Operational_transformation) flow

## Demo

[Check it live!](http://Juicy.github.io/juicy-diamond-graph)

## Install

Install the component using [Bower](http://bower.io/):

```sh

$ bower install juicy-diamond-graph --save

```

Or [download as ZIP](https://github.com/Juicy/juicy-diamond-graph/archive/master.zip).

## Usage

1. Import Web Components' polyfill:

    ```html

    

    ```

2. Import Custom Element:

    ```html

    

    ```

3. Start using it!

    ```html

    

    ```

## 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](CONTRIBUTING.md)

## History

For detailed changelog, check [Releases](https://github.com/Juicy/juicy-diamond-graph/releases).

## License

MIT