---

Classes

• _global_
• Arc
• Builder
• BuilderProperty
• CanvasImage
• CanvasProps
• CanvasResizeCommand
• Command
• ConnectCommand
• ConnectionPoint
• Connector
• ConnectorHandleCommand
• ConnectorManager
• CreateCommand
• CubicCurve
• DashedArc
• DeleteCommand
• Ellipse
• Figure
• Glue
• Group
• GroupCommand
• Handle
• HandleManager
• History
• Line
• Log
• Matrix
• MatrixCommand
• Minimap
• Path
• Point
• Polygon
• Polyline
• PropertyCommand
• QuadCurve
• Stack
• Style
• Text
• Util
• ZOrderCommand

---

Class ConnectorManager

Defined in: connectionManagers.js.

Class Summary

Constructor Attributes	Constructor Name and Description
	ConnectorManager() It manages all the Connectors on a diagram

Field Summary

Field Attributes	Field Name and Description
	connectionMode Tells in what mode are we: 0 = disabled 1 = choosing first location (creation) 2 = choosing second location (creation) 3 = dragging connector
	connectionPointCurrentId Used to generate unique IDs for ConnectionPoint
	connectionPoints An {Array} of {ConnectionPoint}s.
	connectors An {Array} of {Connector}s.
	glues An {Array} of {Glue}s.

Method Summary

Method Attributes	Method Name and Description
	connectionPointCreate(parentId, point, type) Creates a new ConnectionPoint.
	connectionPointGetAllByParent(parentId) Returns a subset of whole ConnectionPoints that belong to a figure or a connector
	connectionPointGetById(connectionPointId) Returns a ConnectionPoint based on its id or null if none finded
	connectionPointGetByParentAndCoordinates(parentId, x, y) Returns a ConnectionPoint based on its id or null if none finded
	connectionPointGetByXY(x, y, type) Returns a connection point id based on an x and y and the ConnectionPoint.RADIUS It will pick the first one that matches the criteria
	connectionPointGetSelected() Returns the selected connection point
	connectionPointHasGlues(conectionPointId) See if a {ConnectionPoint} has {Glue}s attached to it
	connectionPointIsConnected(id1, id2) See if two {ConnectionPoint}s are connected
	connectionPointOver(x, y, parentFigureId) Get the connectionPoint the mouse is over
	connectionPointOverByType(x, y) All ConnectionPoints we are over - but filtered by the parent type
	connectionPointPaint(context, parentFigureId) Paints ALL ConnectionPoints that are attached to a shape (Figure or Connector)
	connectionPointRemoveAllByParent(parentId) Removes the connectionPoints associated with a parent (it can be either Figure or Connector)
	connectionPointTransform(fId, matrix) Transform all ConnectionPoints of a Figure
	connectionPointUnhighlightAll(x, y) TODO: This function needs a serious review as it seems is no longer used?!?
	connectorAdjustByConnectionPoint(cpId, x, y) Adjust a connector by a ConnectionPoint id The ConnectionPoint should be already changed/transformed Usually the connector changed it's start or end ConnectionPoint and now we need to update it's turning points (intermediate points)
	connectorConnect(connectionPoint1, connectionPoint2) Simplifies the connection of 2 ConnectionPoints
	connectorCreate(startPoint, endPoint, type) Creates a new connector.
	connectorDisconnect(conectionPointId) Disconnects all Connectors (actually one) that have a ConnectionPoint
	connectorGetById(connectorId) Get a Connector by its id
	connectorGetByXY(x, y) Returns the id of the connector the mouse is over.
	connectorGetSelected() Returns the currently selected connector or null if none available
	connectorPaint(context, highlightedConnectorId) Paints all connectors and highlight the selected one
	connectorRemove(connector) Remove a connector
	connectorRemoveById(connectorId) Remove a connector by Id
	connectorRemoveByIdCascade(connectorId) Remove a connector by Id and also it will remove the ConnectionPoints and Glues
	connectorSelectXY(x, y) Selects a connector using x and y coordinates, same as figure and handle
	equals(anotherConnectionManager) Performs a deeps equals
	glueCreate(firstId, secondId) Creates a new {Glue} and store it into the glue database.
	glueGetAllByIds(firstId, secondId) Returns all {Glue}s that have the first Id equals with a certain id value
	glueGetByFirstConnectionPointId(pointId) Returns all {Glue}s that have the first Id equals with a certain id value
	glueGetBySecondConnectionPointId(pointId) Returns all {Glue}s that have the second Id equals with a certain id value
	glueRemoveAllByFirstId(id) Removes all the {Glue}s based on first Id (usually the Figure)
	glueRemoveAllBySecondId(id) Removes all the {Glue}s based on first Id (usually the Connector)
	glueRemoveByIds(id1, id2) Removes all the {Glue}s based on it's two IDs
<static>	ConnectorManager.load(o) Creates a {ConnectorManager} out of JSON parsed object
	mouseDown_deprecated(x, y) Fired from onMouseDown in index.html
	mouseMove_deprecated(x, y) Fired from onMouseMove in index.html
	mouseUp_deprecated(x, y) Fired from onMouseUp in index.html when we know we are draggin a Connector
	reset() Reset this ConnectionManager
	toSVG() Export the entire ConnectionManager to SVG format

---

---

---

---

Parameters:

{Number} parentId

- the id of the parent ( Figure or Connector )this ConnectionPoint will belong to

{Point} point

- the location

{String} type

- the type of parent. It can be 'figure' (ConnectionPoint.TYPE_FIGURE) or 'connector' {ConnectionPoint.TYPE_CONNECTOR}

Returns:

{ConnectionPoint} with a proper id set

---

Parameters:

{Number} parentId

- the figure or connector's id whom subset we want

Returns:

{Array} {ConnectionPoint}s

---

Parameters:

{Number} connectionPointId

- the id

Returns:

{ConnectionPoint}

---

Parameters:

{Number} parentId

- the id of the parent

{Number} x

- the x of the point

{Number} y

- the y of the point

Returns:

{ConnectionPoint}

---

Parameters:

{Number} x

- the x coordinates of the point

{Number} y

- the y coordinates of the point

{Boolean} type

- the type of connector to select. Can be 'connector'(ConnectionPoint.TYPE_CONNECTOR) or 'figure' (ConnectionPoint.TYPE_FIGURE)

---

Returns:

a {ConnectionPoint} that is stored at position selectedConnectionPointIndex or null if selectedConnectionPointIndex is not set (equal to -1)

---

Parameters:

{Number} conectionPointId

- the {ConnectionPoint}'s id

Returns:

true - if we have {Glue}s with it or false if not

---

Parameters:

id1

- a {ConnectionPoint}'s id

id2

- another {ConnectionPoint}'s id

---

Parameters:

{Number} x

- coordinate

{Number} y

- coordinate

{Number} parentFigureId

- the subset to obtain (optional) If the parentFigureId is null we will get extend our search to all the ConnectionPoints on the canvas If the parentFigureId is positive we will limit our search to that shape (Figure or Connector) If the parentFigureId is negative we will search on all Canvas but except that shape (Figure or Connector)

Returns:

{ConnectionPoint} that fit the criteria or null if none present

---

Parameters:

{Number} x

- the x coordinate

{Number} y

- the x coordinate

Returns:

{Array} of {ConnectionPoint}s

---

Parameters:

{Context} context

- the HTML5 canvas' context

{Number} parentFigureId

- the the parent figure's ID

---

Parameters:

{Number} parentId

- the figure id

---

Parameters:

{Number} fId

- the the parent figure's ID

{Matrix} matrix

- the transformation matrix

---

Parameters:

x

y

---

Parameters:

{Number} cpId

- the id of the {ConnectionPoint} of the {Connector}

{Number} x

- not used

{Number} y

- not used

---

Parameters:

{ConnectionPoint} connectionPoint1

- connectionPoint on a figure/connector

{ConnectionPoint} connectionPoint2

- connectionPoint on a figure/connector TODO: Is it mandatory that one ConnectionPoint is from a figure an the another one from a Connector?

---

Parameters:

{Point} startPoint

{Point} endPoint

{String} type

of Connector. It can be either 'straight' or 'jagged'

Returns:

{Number} the id of the newly created Connector

---

Parameters:

{Number} conectionPointId

- connectionPoint to disconnect should only ever be called using the conPoint of a Connector, but could work either way

---

Parameters:

{Number} connectorId

Returns:

{Connetor} if founded or null if none finded

---

Parameters:

{Number} x

- the x coord

{Number} y

- the y coord

Returns:

{Number} - the id of the connector or -1 if no connector found TODO: Note: We are picking the Connector the most far from user as if we iterate from 0 to connectors.lenght we are going from back to front, similar to painting

---

---

Parameters:

{Context} context

- a reference to HTML5's canvas

{Number} highlightedConnectorId

- the id of the highlighted connector

---

Parameters:

{Connector} connector

- the connector you want to remove

---

Parameters:

{Number} connectorId

- the {Connector}'s id

---

Parameters:

{Number} connectorId

- the {Connector}'s id

---

Parameters:

{Number} x

- the x coordinate

{Number} y

- the y coordinate

---

Parameters:

{ConnectorManager} anotherConnectionManager

- the other object to compare against

---

Parameters:

{Number} firstId

- the id of the first {ConnectionPoint} - usually the {Figure}'s {ConnectionPoint} id

{Number} secondId

- the id of the second {ConnectionPoint} - usually the {Connector}'s {ConnectionPoint} id

Returns:

{Glue} - the newly created Glue

---

Parameters:

{Number} firstId

- first id (usually {Figure}'s id)

{Number} secondId

- second id (usually {Connector}'s id)

Returns:

{Array} {Glue}s

---

Parameters:

{Number} pointId

- {Figure}'s id

Returns:

{Array} {Glue}s

---

Parameters:

{Number} pointId

- {ConnectionPoint}'s id

Returns:

{Array} {Glue}s

---

Parameters:

{Number} id

- the id of the first shape (usually the Figure)

---

Parameters:

{Number} id

- the id of the second shape (usually the Connector)

---

Parameters:

{Number} id1

- the id of the first shape (usually the Figure)

{Number} id2

- the id of the second shape (usually the Connector)

---

Parameters:

{JSONObject} o

- the JSON parsed object

Returns:

{ConnectorManager} a newly constructed ConnectorManager

---

Parameters:

{Number} x

- the mouse coord

{Number} y

- the mouse coord

Returns:

{Boolean} - should we check for handle after this

---

Parameters:

{Number} x

- the mouse coord

{Number} y

- the mouse coord

Returns:

{Boolean} - true if should we redraw after this action, false otherwise

---

Parameters:

{Number} x

- the mouse coord

{Number} y

- the mouse coord

---

---

---