elvis-network/addon/components/visjs-node.js

Ember addon for vis.js integration (originally a fork of Suven/ember-cli-visjs)

import Ember from 'ember';
import VisJsChild from 'elvis-network/components/visjs-child';

export default VisJsChild.extend({
  type: 'node',

  /**
   * @public
   *
   * Unique node-identifier. Also use this value for the
   * edges.
   * @type {String}
   */
  nId: '',

  /**
   * @public
   *
   * If set, this overrides the networks global color.
   * Use a Hex-Value when setting this.
   * @type {String}
   */
  color: false,

  colorChanged: Ember.observer('color', function() {
    let container = this.get('containerLayer');
    container.updateNodeColor(this.get('nId'), this.get('color'));
  }),

  /**
   * @public
   *
   * If set this displays a label under/in the node, depending on
   * whether an image is shown or not.
   * @type {String}
   */
  label: undefined,

  labelChanged: Ember.observer('label', function() {
    let container = this.get('containerLayer');
    container.updateNodeLabel(this.get('nId'), this.get('label'));
  }),

  /**
   * @public
   *
   * If set, a given image-url will be shown as image.
   * @type {String}
   */
  image: false,

  imageChanged: Ember.observer('image', function() {
    let container = this.get('containerLayer');
    container.updateNodeImage(this.get('nId'), this.get('image'));
  }),

  /**
   * @public
   *
   * If set, a value would be set to alter node's size
   * @type {Number}
   */
  value: false,

  valueChanged: Ember.observer('value', function() {
    let container = this.get('containerLayer');
    container.updateNodeValue(this.get('nId'), this.get('value'));
  })

});