blob: 69df676ffea066f7a6c79e88319a5e199ca323e3 (
plain)
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
|
import { observable, computed, action } from "mobx";
import React = require("react");
import { SelectionManager } from "../../util/SelectionManager";
import { observer } from "mobx-react";
import './LinkBox.scss'
import { KeyStore } from '../../../fields/KeyStore'
import { props } from "bluebird";
import { DocumentView } from "./DocumentView";
import { Document } from "../../../fields/Document";
import { ListField } from "../../../fields/ListField";
import { DocumentManager } from "../../util/DocumentManager";
import { LinkEditor } from "./LinkEditor";
import { CollectionDockingView } from "../collections/CollectionDockingView";
interface Props {
linkDoc: Document;
linkName: String;
pairedDoc: Document;
type: String;
showEditor: () => void
}
@observer
export class LinkBox extends React.Component<Props> {
onViewButtonPressed = (e: React.PointerEvent): void => {
console.log("view down");
e.stopPropagation();
let docView = DocumentManager.Instance.getDocumentView(this.props.pairedDoc);
if (docView) {
docView.props.focus(this.props.pairedDoc);
} else {
CollectionDockingView.Instance.AddRightSplit(this.props.pairedDoc)
}
}
onEditButtonPressed = (e: React.PointerEvent): void => {
console.log("edit down");
e.stopPropagation();
this.props.showEditor();
}
onDeleteButtonPressed = (e: React.PointerEvent): void => {
console.log("delete down");
e.stopPropagation();
this.props.linkDoc.GetTAsync(KeyStore.LinkedFromDocs, Document, field => {
if (field) {
field.GetTAsync<ListField<Document>>(KeyStore.LinkedToDocs, ListField, field => {
if (field) {
field.Data.splice(field.Data.indexOf(this.props.linkDoc));
}
})
}
});
this.props.linkDoc.GetTAsync(KeyStore.LinkedToDocs, Document, field => {
if (field) {
field.GetTAsync<ListField<Document>>(KeyStore.LinkedFromDocs, ListField, field => {
if (field) {
field.Data.splice(field.Data.indexOf(this.props.linkDoc));
}
})
}
});
}
render() {
return (
//<LinkEditor linkBox={this} linkDoc={this.props.linkDoc} />
<div className="link-container">
<div className="info-container" onPointerDown={this.onViewButtonPressed}>
<div className="link-name">
<p>{this.props.linkName}</p>
</div>
<div className="doc-name">
<p>{this.props.type}{this.props.pairedDoc.Title}</p>
</div>
</div>
<div className="button-container">
<div className="button" onPointerDown={this.onViewButtonPressed}></div>
<div className="button" onPointerDown={this.onEditButtonPressed}></div>
<div className="button" onPointerDown={this.onDeleteButtonPressed}></div>
</div>
</div>
)
}
}
|
