all files / src/js/base/ renderer.js

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
1×
 
1×
1×
6335×
6335×
6335×
6335×
 
 
1×
6311×
 
6311×
3095×
 
 
6311×
3281×
 
 
6311×
401×
401×
 
 
 
6311×
2949×
 
 
6311×
6311×
6311×
1839×
 
 
 
6311×
4258×
 
 
6311×
373×
 
 
6311×
1839×
 
 
6311×
 
1×
 
1×
 
3134×
6335×
6335×
6335×
219×
 
6335×
 
 
 
 
import $ from 'jquery';
 
class Renderer {
  constructor(markup, children, options, callback) {
    this.markup = markup;
    this.children = children;
    this.options = options;
    this.callback = callback;
  }
 
  render($parent) {
    const $node = $(this.markup);
 
    if (this.options && this.options.contents) {
      $node.html(this.options.contents);
    }
 
    if (this.options && this.options.className) {
      $node.addClass(this.options.className);
    }
 
    if (this.options && this.options.data) {
      $.each(this.options.data, (k, v) => {
        $node.attr('data-' + k, v);
      });
    }
 
    if (this.options && this.options.click) {
      $node.on('click', this.options.click);
    }
 
    Eif (this.children) {
      const $container = $node.find('.note-children-container');
      this.children.forEach((child) => {
        child.render($container.length ? $container : $node);
      });
    }
 
    if (this.callback) {
      this.callback($node, this.options);
    }
 
    if (this.options && this.options.callback) {
      this.options.callback($node);
    }
 
    if ($parent) {
      $parent.append($node);
    }
 
    return $node;
  }
}
 
export default {
  create: (markup, callback) => {
    return () => {
      const options = typeof arguments[1] === 'object' ? arguments[1] : arguments[0];
      let children = $.isArray(arguments[0]) ? arguments[0] : [];
      if (options && options.children) {
        children = options.children;
      }
      return new Renderer(markup, children, options, callback);
    };
  }
};