# all files / src/js/base/module/ TablePopover.js

91.43% Statements 32/35
66.67% Branches 4/6
100% Functions 10/10
91.43% Lines 32/35

    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
    721×
    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();
      }
    }