Options
All
  • Public
  • Public/Protected
  • All
Menu

Class FlowterEditor

The Flowter editor's Vue class component.

Hierarchy

  • object & object & Vue<this>
    • FlowterEditor

Index

Properties

edgeType

edgeType: EdgeType = EdgeType.BENT

The type of the edge being rendered in the editor.

edges

edges: GraphEdge[] = allGraph.edges

The edges to be rendered in this editor. Right now it is seeded from the fixtures.

editing

editing: Editing = Editing.NONE

Whether it's editing an edge or a node.

editingNodeId

editingNodeId: string = this.defaultElems.nodeId

The currently edited node id.

fontSize

fontSize: number = 12

The font size for nodes and edges in the editor.

mode

mode: Mode = Mode.VERTICAL

The flowchart mode for the editor.

mouseOverNodeId

mouseOverNodeId: string | null = null

Whenever the mouse is over a node, the id is saved here.

nodes

nodes: Record<string, GraphNode> = allGraph.nodes

The nodes to be rendered in this editor. Right now it is seeded from the fixtures.

Accessors

defaultElems

  • get defaultElems(): Record<string, string>

editingEdgeFromId

  • get editingEdgeFromId(): string

editingEdgeToId

  • get editingEdgeToId(): string

flowchartStyle

  • get flowchartStyle(): object

isEditingEdge

  • get isEditingEdge(): boolean

isEditingNode

  • get isEditingNode(): boolean

isNotEditing

  • get isNotEditing(): boolean

Private nodeIds

  • get nodeIds(): string[]

Methods

Private attachMouseEvents

  • attachMouseEvents(): void
  • Attaching mouseup events to the document.

    This is because the interactions when dragging is beyond this component's scope, hence attaching to document instead.

    Returns void

Private detachMouseEvents

  • detachMouseEvents(): void

Private getEdge

  • getEdge(from: string, to: string): undefined | GraphEdge

onEditEdge

Private onMouseUp

  • onMouseUp(): void

Object literals

editingEdge

editingEdge: object

The information needed when editing an edge.

draggingType

draggingType: string = "from"

from

from: string = this.defaultElems.edgeFrom

to

to: string = this.defaultElems.edgeTo

Generated using TypeDoc