# all files / src/js/lite/ui/ ModalUI.js

4.76% Statements 1/21
0% Branches 0/4
0% Functions 0/4
4.76% Lines 1/21

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

     class ModalUI {
      constructor($node, options) {
        this.options = $.extend({}, {
          target: options.container || 'body'
        }, options);

        this.$modal = $node;
        this.$backdrop = $('<div class="note-modal-backdrop" />');
      }

      show() {
        if (this.options.target === 'body') {
          this.$backdrop.css('position', 'fixed');
          this.$modal.css('position', 'fixed');
        } else {
          this.$backdrop.css('position', 'absolute');
          this.$modal.css('position', 'absolute');
        }

        this.$backdrop.appendTo(this.options.target).show();
        this.$modal.appendTo(this.options.target).addClass('open').show();

        this.$modal.trigger('note.modal.show');
        this.$modal.off('click', '.close').on('click', '.close', this.hide.bind(this));
      }

      hide() {
        this.$modal.removeClass('open').hide();
        this.$backdrop.hide();
        this.$modal.trigger('note.modal.hide');
      }
    }

    export default ModalUI;