markAttachment.js 1.05 KB
Newer Older
jatuporn Tonggasem's avatar
jatuporn Tonggasem committed
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
/* globals Tether */

Tether.modules.push({
  initialize() {
    this.markers = {};

    ['target', 'element'].forEach(type => {
      const el = document.createElement('div');
      el.className = this.getClass(`${ type }-marker`);

      const dot = document.createElement('div');
      dot.className = this.getClass('marker-dot');
      el.appendChild(dot);

      this[type].appendChild(el);

      this.markers[type] = {dot, el};
    });
  },

  position({manualOffset, manualTargetOffset}) {
    const offsets = {
      element: manualOffset,
      target: manualTargetOffset
    };

    for (let type in offsets) {
      const offset = offsets[type];
      for (let side in offset) {
        let val = offset[side];
        const notString = typeof val !== 'string';
        if (notString ||
            val.indexOf('%') === -1 &&
            val.indexOf('px') === -1) {
          val += 'px';
        }

        if (this.markers[type].dot.style[side] !== val) {
          this.markers[type].dot.style[side] = val;
        }
      }
    }

    return true;
  }
});