workflow/workflow.Node.js at master · danielvinson/workflow · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
function Node(options){

  this.domNode = document.createElement('node');

  this.defaults = {
    'location': 'body',
    'class': 'node',
    'id': 'node',
    'style': {
      'position': 'absolute',
      'left': '50px',
      'top': '50px',
      'width': '150px',
      'height': '150px',
      'background': '#000',
      'border': '1px solid black',
      'text-align': 'center',
      'padding': '10px'
    },
  }

  this.options = $.extend(true, {}, this.defaults, options);

  this.applyOptions = function(){

    this.domNode.className = this.options.class;
    this.domNode.id = this.options.id;

    for (style in this.options.style){
      this.domNode.style[style] = this.options.style[style];
    }
  }

  this.draw = function(){

    this.applyOptions();
    if (this.options.location == 'body'){
      document.body.appendChild(this.domNode);
    } else {
      document.getElementById(this.options.location).appendChild(this.domNode);
    }
  }

  this.text = function(text){

    var textNode = document.createTextNode(text);
    var container = document.createElement('div');
    container.style.display = 'inline-block';
    container.style['width'] = this.options.style.width;
    container.style['height'] = this.options.style.height;
    container.style.margin = '0';
    container.style.textAlign = 'center';
    container.style['vertical-align'] = 'middle';
    container.style.overflow = 'hidden';
    container.style['line-height'] = this.options.style.height;


    if (this.domNode.hasChildNodes()){
      this.domNode.removeChild(this.domNode.firstChild);
    }

    container.appendChild(textNode);
    this.domNode.appendChild(container);

    return container;
  }
}