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

50% Statements 19/38
7.14% Branches 1/14
30% Functions 3/10
50% Lines 19/38

    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
    73
    741×
    1×
    1×
    1×
    1×

    1×

    1×
    78×
    77×
    77×
    77×
    77×

    1×
    79×

    1×

    1×

    1×

    1×

    1×
     import $ from 'jquery';
    import env from '../core/env';
    import func from '../core/func';
    import lists from '../core/lists';
    import dom from '../core/dom';

    const AIR_MODE_POPOVER_X_OFFSET = 20;

    export default class AirPopover {
      constructor(context) {
        this.context = context;
        this.ui = $.summernote.ui;
        this.options = context.options;
        this.events = {
          'summernote.keyup summernote.mouseup summernote.scroll': () => {
            this.update();
          },
          'summernote.disable summernote.change summernote.dialog.shown': () => {
            this.hide();
          },
          'summernote.focusout': (we, e) => {
            // [workaround] Firefox doesn't support relatedTarget on focusout
            //  - Ignore hide action on focus out in FF.
            if (env.isFF) {
              return;
            }

            if (!e.relatedTarget || !dom.ancestor(e.relatedTarget, func.eq(this.$popover[0]))) {
              this.hide();
            }
          }
        };
      }

      shouldInitialize() {
        return this.options.airMode && !lists.isEmpty(this.options.popover.air);
      }

      initialize() {
        this.$popover = this.ui.popover({
          className: 'note-air-popover'
        }).render().appendTo(this.options.container);
        const $content = this.$popover.find('.popover-content');

        this.context.invoke('buttons.build', $content, this.options.popover.air);
      }

      destroy() {
        this.$popover.remove();
      }

      update() {
        const styleInfo = this.context.invoke('editor.currentStyle');
        if (styleInfo.range && !styleInfo.range.isCollapsed()) {
          const rect = lists.last(styleInfo.range.getClientRects());
          if (rect) {
            const bnd = func.rect2bnd(rect);
            this.$popover.css({
              display: 'block',
              left: Math.max(bnd.left + bnd.width / 2, 0) - AIR_MODE_POPOVER_X_OFFSET,
              top: bnd.top + bnd.height
            });
            this.context.invoke('buttons.updateCurrentStyle', this.$popover);
          }
        } else {
          this.hide();
        }
      }

      hide() {
        this.$popover.hide();
      }
    }