all files / src/js/base/module/ TablePopover.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
68
69
70
71
72
1×
1×
1×
1×
 
1×
78×
77×
 
77×
77×
77×
 
1×
 
 
52×
 
 
4×
 
 
 
 
1×
79×
 
 
1×
77×
 
 
77×
 
77×
 
 
77×
 
 
 
 
1×
2×
 
 
1×
53×
1×
 
 
52×
 
52×
 
 
 
 
 
 
 
52×
 
 
52×
 
 
1×
56×
 
1×
 
import $ from 'jquery';
import env from '../core/env';
import lists from '../core/lists';
import dom from '../core/dom';
 
export default class TablePopover {
  constructor(context) {
    this.context = context;
 
    this.ui = $.summernote.ui;
    this.options = context.options;
    this.events = {
      'summernote.mousedown': (we, e) => {
        this.update(e.target);
      },
      'summernote.keyup summernote.scroll summernote.change': () => {
        this.update();
      },
      'summernote.disable': () => {
        this.hide();
      }
    };
  }
 
  shouldInitialize() {
    return !lists.isEmpty(this.options.popover.table);
  }
 
  initialize() {
    this.$popover = this.ui.popover({
      className: 'note-table-popover'
    }).render().appendTo(this.options.container);
    const $content = this.$popover.find('.popover-content,.note-popover-content');
 
    this.context.invoke('buttons.build', $content, this.options.popover.table);
 
    // [workaround] Disable Firefox's default table editor
    Iif (env.isFF) {
      document.execCommand('enableInlineTableEditing', false, false);
    }
  }
 
  destroy() {
    this.$popover.remove();
  }
 
  update(target) {
    if (this.context.isDisabled()) {
      return false;
    }
 
    const isCell = dom.isCell(target);
 
    Iif (isCell) {
      const pos = dom.posFromPlaceholder(target);
      this.$popover.css({
        display: 'block',
        left: pos.left,
        top: pos.top
      });
    } else {
      this.hide();
    }
 
    return isCell;
  }
 
  hide() {
    this.$popover.hide();
  }
}