1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
|
import { observable, action, runInAction, IReactionDisposer, reaction, autorun } from "mobx";
import { Doc, Opt } from "../../new_fields/Doc";
import { DocumentView } from "../views/nodes/DocumentView";
import { FormattedTextBox } from "../views/nodes/FormattedTextBox";
import { NumCast, StrCast } from "../../new_fields/Types";
import { InkingControl } from "../views/InkingControl";
export namespace SelectionManager {
class Manager {
@observable IsDragging: boolean = false;
@observable SelectedDocuments: Array<DocumentView> = [];
@action
SelectDoc(docView: DocumentView, ctrlPressed: boolean): void {
// if doc is not in SelectedDocuments, add it
if (manager.SelectedDocuments.indexOf(docView) === -1) {
if (!ctrlPressed) {
this.DeselectAll();
}
manager.SelectedDocuments.push(docView);
// console.log(manager.SelectedDocuments);
docView.props.whenActiveChanged(true);
} else if (!ctrlPressed && manager.SelectedDocuments.length > 1) {
manager.SelectedDocuments.map(dv => dv !== docView && dv.props.whenActiveChanged(false));
manager.SelectedDocuments = [docView];
}
}
@action
DeselectDoc(docView: DocumentView): void {
let ind = manager.SelectedDocuments.indexOf(docView);
if (ind !== -1) {
manager.SelectedDocuments.splice(ind, 1);
docView.props.whenActiveChanged(false);
}
}
@action
DeselectAll(): void {
manager.SelectedDocuments.map(dv => dv.props.whenActiveChanged(false));
manager.SelectedDocuments = [];
}
}
const manager = new Manager();
reaction(() => manager.SelectedDocuments, sel => {
let targetColor = "#FFFFFF";
if (sel.length > 0) {
let firstView = sel[0];
let doc = firstView.props.Document;
let targetDoc = doc.isTemplate ? doc : Doc.GetProto(doc);
let stored = StrCast(targetDoc.backgroundColor);
stored.length > 0 && (targetColor = stored);
}
const { Instance } = InkingControl;
if (Instance) {
Instance.updateSelectedColor(targetColor);
}
}, { fireImmediately: true });
export function DeselectDoc(docView: DocumentView): void {
manager.DeselectDoc(docView);
}
export function SelectDoc(docView: DocumentView, ctrlPressed: boolean): void {
manager.SelectDoc(docView, ctrlPressed);
}
export function IsSelected(doc: DocumentView): boolean {
return manager.SelectedDocuments.indexOf(doc) !== -1;
}
export function DeselectAll(except?: Doc): void {
let found: DocumentView | undefined = undefined;
if (except) {
for (const view of manager.SelectedDocuments) {
if (view.props.Document === except) found = view;
}
}
manager.DeselectAll();
if (found) manager.SelectDoc(found, false);
}
export function SetIsDragging(dragging: boolean) { runInAction(() => manager.IsDragging = dragging); }
export function GetIsDragging() { return manager.IsDragging; }
export function SelectedDocuments(): Array<DocumentView> {
return manager.SelectedDocuments.slice();
}
}
|
