markgojs/extensionsTS/RealtimeDragSelectingScript.ts

Interactive diagrams, charts, and graphs, such as trees, flowcharts, orgcharts, UML, BPMN, or business diagrams

"use strict";
/*
*  Copyright (C) 1998-2019 by Northwoods Software Corporation. All Rights Reserved.
*/

import * as go from "../release/go";
import { RealtimeDragSelectingTool } from "./RealtimeDragSelectingTool";

export function init() {
	if (typeof (<any>window)["goSamples"] === 'function') (<any>window)["goSamples"]();  // init for these samples -- you don't need to call this  

	const $ = go.GraphObject.make;  // for conciseness in defining templates

	let myDiagram =
		$(go.Diagram, "myDiagramDiv",
			{
				initialDocumentSpot: go.Spot.Center,
				initialViewportSpot: go.Spot.Center,

				// replace the standard DragSelectingTool with one that selects while dragging,
				// and also only requires overlapping bounds with the dragged box to be selected
				dragSelectingTool:
				$(RealtimeDragSelectingTool,
					{ isPartialInclusion: true, delay: 50 },
					{
						box: $(go.Part,  // replace the magenta box with a red one
							{ layerName: "Tool", selectable: false },
							$(go.Shape,
								{
									name: "SHAPE", fill: "rgba(255,0,0,0.1)",
									stroke: "red", strokeWidth: 2
								}))
					}
				),

				// Define the template for Nodes, just some text inside a colored rectangle
				nodeTemplate:
				$(go.Node, "Spot",
					{ width: 70, height: 20 },
					$(go.Shape, "Rectangle",
						new go.Binding("fill", "c")),
					$(go.TextBlock,
						{ margin: 2 },
						new go.Binding("text", "c"))),

				// Define the template for Links, just a simple line
				linkTemplate:
				$(go.Link,
					$(go.Shape, { stroke: "black" })),

				layout: $(go.TreeLayout)
			});

	myDiagram.model = loadTree();
}

function loadTree() {
	// create some tree data
	var total = 49;
	var treedata = [];
	for (var i = 0; i < total; i++) {
		// these property names are also specified when creating the TreeModel
		var d = {
			key: i,  // this node data's key
			c: go.Brush.randomColor(),  // the node's color
			parent: (i > 0 ? Math.floor(Math.random() * i / 2) : undefined)  // the random parent's key
		};
		treedata.push(d);
	}
	return new go.TreeModel(treedata);
}