cirsim/src/Cirsim/Selectable.js

Cirsim Circuit Simulator

/**
 * Base object for anything that is draggable
 * using the mouse.
 * @constructor
 */
export const Selectable = function() {
    this.circuit = null;        // Circuit this selectable is associated with
    this.x = 0;                 // Position of the selectable
    this.y = 0;

    this.moveX = 0;             // Position of the selectable while moving
    this.moveY = 0;

    this.selectedStyle = '#ff0000';
    this.unselectedStyle = '#000000';
};

Selectable.prototype.copyFrom = function(selectable) {
    this.x = selectable.x;
    this.y = selectable.y;
    this.moveX = selectable.moveX;
    this.moveY = selectable.moveY;
};

/**
 * Is this something that is always selected alone (no multiple selection)
 * @returns {boolean}
 */
Selectable.prototype.single = function() {
    return false;
};

Selectable.prototype.selectStyle = function(context, view) {
    if(view.selection.isSelected(this)) {
        context.strokeStyle = this.selectedStyle;
        context.fillStyle = this.selectedStyle;
        return true;
    } else {
        context.strokeStyle = this.unselectedStyle;
        context.fillStyle = this.unselectedStyle;
        return false;
    }
};

/**
 * Start of the dragging process
 */
Selectable.prototype.grab = function() {
    this.moveX = this.x;
    this.moveY = this.y;
};

Selectable.prototype.move = function(dx, dy) {
    this.moveX += dx;
    this.moveY += dy;

    this.x = this.moveX;
    this.y = this.moveY;

    if(this.circuit !== null) {
        this.circuit.snapIt(this);
    }
};

Selectable.prototype.place = function(x, y) {
    this.moveX = x;
    this.moveY = y;
    this.x = this.moveX;
    this.y = this.moveY;

    if(this.circuit !== null) {
        this.circuit.snapIt(this);
    }
};

Selectable.prototype.delete = function() {};
Selectable.prototype.drop = function() {};

/**
 * A selected connection that we try to drag will create
 * a new bending point. This is overridden in the Connection
 * object.
 * @returns null
 */
Selectable.prototype.spawn = function(x, y) {
    return null;
};

export default Selectable;