src/engine/tools2d/ToolDelete.js

/*
 * Copyright 2021 EPAM Systems, Inc. (https://www.epam.com/)
 * SPDX-License-Identifier: Apache-2.0
 */

/**
 * @fileOverview ToolDelete
 * @author Epam
 * @version 1.0.0
 */

// **********************************************
// Imports
// **********************************************

// **********************************************
// Class
// **********************************************

class ToolDelete {
  constructor(objGra) {
    this.m_objGraphics2d = objGra;
    this.m_wScreen = 0;
    this.m_hScreen = 0;

    this.m_xPixelSize = 0;
    this.m_yPixelSize = 0;

    this.onMouseDown = this.onMouseDown.bind(this);
    this.onMouseUp = this.onMouseUp.bind(this);
    this.onMouseMove = this.onMouseMove.bind(this);
    this.render = this.render.bind(this);

    this.m_mousePressed = false;
    this.m_pointTracked = null;
    this.m_toolTracked = null;
  }

  setScreenDim(wScr, hScr) {
    this.m_wScreen = wScr;
    this.m_hScreen = hScr;
  }

  setPixelSize(xs, ys) {
    this.m_xPixelSize = xs;
    this.m_yPixelSize = ys;
  }

  clear() {
    this.m_mousePressed = false;
    this.m_pointTracked = null;
    this.m_toolTracked = null;
  }

  /**
   * When mouse pressed down
   */
  onMouseDown() {
    // ommited args: xScr, yScr, store
    this.m_mousePressed = true;

    if (this.m_pointTracked !== null) {
      this.m_toolTracked.deleteObject(this.m_pointTracked);
      this.m_pointTracked = null;
      // invoke forced 2d render
      this.m_objGraphics2d.forceUpdate();
    }
  }

  onMouseMove(xScr, yScr, store) {
    if (!this.m_mousePressed) {
      // fly mouse over objects on 2d screen
      const vScr = {
        x: xScr,
        y: yScr,
      };

      const toolPaint = this.m_objGraphics2d.m_toolPaint;
      const toolDist = this.m_objGraphics2d.m_toolDistance;
      const toolAngle = this.m_objGraphics2d.m_toolAngle;
      const toolArea = this.m_objGraphics2d.m_toolArea;
      const toolRect = this.m_objGraphics2d.m_toolRect;
      const toolText = this.m_objGraphics2d.m_toolText;
      const tools = [toolPaint, toolDist, toolAngle, toolArea, toolRect, toolText];
      const trackedBefore = this.m_pointTracked !== null;
      this.m_pointTracked = null;
      const numTools = tools.length;
      for (let i = 0; i < numTools; i++) {
        const objTool = tools[i];
        const vDetect = objTool.getEditPoint(vScr, store);
        if (vDetect !== null) {
          this.m_pointTracked = vScr;
          this.m_toolTracked = objTool;
          break;
        }
      } // for i all tools
      const trackedNow = this.m_pointTracked !== null;
      if (trackedNow || (trackedBefore && !trackedNow)) {
        // invoke forced 2d render
        this.m_objGraphics2d.forceUpdate();
      }
    }
  }

  onMouseUp() {
    // ommited args: xScr, yScr, store
    this.m_mousePressed = false;
  }

  /**
   * Render all areas on screen in 2d mode
   *
   * @param {object} ctx - html5 canvas context
   * @param {object} store - global store with app parameters
   */
  render(ctx) {
    if (this.m_pointTracked !== null) {
      const vScr = this.m_pointTracked;
      ctx.beginPath();

      // Set the line style
      ctx.lineWidth = 4;
      ctx.strokeStyle = 'red';

      // Draw the "x" symbol
      ctx.beginPath();
      ctx.moveTo(vScr.x - 15, vScr.y - 15); // Move to the starting point (x-15, y-15)
      ctx.lineTo(vScr.x + 15, vScr.y + 15); // Draw a line to (x+15, y+15)
      ctx.moveTo(vScr.x + 15, vScr.y - 15); // Move to (x+15, y-15)
      ctx.lineTo(vScr.x - 15, vScr.y + 15);

      // Stroke the line to actually draw the lines
      ctx.stroke();
    }
  } // end render
} // end class ToolText

export default ToolDelete;