wisemapping-frontend/packages/mindplot/lib/components/ScreenManager.js

/*
 *    Copyright [2015] [wisemapping]
 *
 *   Licensed under WiseMapping Public License, Version 1.0 (the "License").
 *   It is basically the Apache License, Version 2.0 (the "License") plus the
 *   "powered by wisemapping" text requirement on every single page;
 *   you may not use this file except in compliance with the License.
 *   You may obtain a copy of the license at
 *
 *       http://www.wisemapping.org/license
 *
 *   Unless required by applicable law or agreed to in writing, software
 *   distributed under the License is distributed on an "AS IS" BASIS,
 *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 */
const Core = require('@wismapping/core-js');

const core = Core();

const ScreenManager = new Class({
  initialize(divElement) {
    $assert(divElement, 'can not be null');
    this._divContainer = divElement;
    this._padding = { x: 0, y: 0 };

    // Ignore default click event propagation. Prevent 'click' event on drag.
    this._clickEvents = [];
    this._divContainer.bind('click', (event) => {
      event.stopPropagation();
    });

    this._divContainer.bind('dblclick', (event) => {
      event.stopPropagation();
      event.preventDefault();
    });
  },

  setScale(scale) {
    $assert(scale, 'Screen scale can not be null');
    this._scale = scale;
  },

  addEvent(event, listener) {
    if (event == 'click') this._clickEvents.push(listener);
    else this._divContainer.bind(event, listener);
  },

  removeEvent(event, listener) {
    if (event == 'click') {
      this._clickEvents.remove(listener);
    } else {
      this._divContainer.unbind(event, listener);
    }
  },

  fireEvent(type, event) {
    if (type == 'click') {
      _.each(this._clickEvents, (listener) => {
        listener(type, event);
      });
    } else {
      this._divContainer.trigger(type, event);
    }
  },

  _getElementPosition(elem) {
    // Retrieve current element position.
    const elementPosition = elem.getPosition();
    let { x } = elementPosition;
    let { y } = elementPosition;

    // Add workspace offset.
    x -= this._padding.x;
    y -= this._padding.y;

    // Scale coordinate in order to be relative to the workspace. That's coord/size;
    x /= this._scale;
    y /= this._scale;

    // Remove decimal part..
    return { x, y };
  },

  getWorkspaceIconPosition(e) {
    // Retrieve current icon position.
    const image = e.getImage();
    const elementPosition = image.getPosition();
    const imageSize = e.getSize();

    // Add group offset
    const iconGroup = e.getGroup();
    const group = iconGroup.getNativeElement();
    const coordOrigin = group.getCoordOrigin();
    const groupSize = group.getSize();
    const coordSize = group.getCoordSize();

    const scale = { x: coordSize.width / parseInt(groupSize.width), y: coordSize.height / parseInt(groupSize.height) };

    let x = (elementPosition.x - coordOrigin.x - (parseInt(imageSize.width) / 2)) / scale.x;
    let y = (elementPosition.y - coordOrigin.y - (parseInt(imageSize.height) / 2)) / scale.y;

    // Retrieve iconGroup Position
    const groupPosition = iconGroup.getPosition();
    x += groupPosition.x;
    y += groupPosition.y;

    // Retrieve topic Position
    const topic = iconGroup.getTopic();
    const topicPosition = this._getElementPosition(topic);
    topicPosition.x -= (parseInt(topic.getSize().width) / 2);

    // Remove decimal part..
    return { x: x + topicPosition.x, y: y + topicPosition.y };
  },

  getWorkspaceMousePosition(event) {
    // Retrieve current mouse position.
    let x = event.clientX;
    let y = event.clientY;

    // FIXME: paulo: why? Subtract div position.
    /* var containerPosition = this.getContainer().position();
         x = x - containerPosition.x;
         y = y - containerPosition.y; */

    // Scale coordinate in order to be relative to the workspace. That's coordSize/size;
    x *= this._scale;
    y *= this._scale;

    // Add workspace offset.
    x += this._padding.x;
    y += this._padding.y;

    // Remove decimal part..
    return new core.Point(x, y);
  },

  getContainer() {
    return this._divContainer;
  },

  setOffset(x, y) {
    this._padding.x = x;
    this._padding.y = y;
  },
});

export default ScreenManager;