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
|
import React = require("react");
import { library } from '@fortawesome/fontawesome-svg-core';
import { faCaretUp, faFilePdf, faFilm, faImage, faObjectGroup, faStickyNote } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { computed, observable, runInAction } from "mobx";
import { observer } from "mobx-react";
import { FieldView, FieldViewProps } from './FieldView';
import "./LinkButtonBox.scss";
import { DocumentView } from "./DocumentView";
import { Doc } from "../../../new_fields/Doc";
import { LinkButtonField } from "../../../new_fields/LinkButtonField";
import { Cast, StrCast, BoolCast } from "../../../new_fields/Types";
import { CollectionDockingView } from "../collections/CollectionDockingView";
import { DocumentManager } from "../../util/DocumentManager";
import { Id } from "../../../new_fields/FieldSymbols";
library.add(faCaretUp);
library.add(faObjectGroup);
library.add(faStickyNote);
library.add(faFilePdf);
library.add(faFilm);
@observer
export class LinkButtonBox extends React.Component<FieldViewProps> {
public static LayoutString() { return FieldView.LayoutString(LinkButtonBox); }
followLink = (): void => {
console.log("follow link???");
let field = Cast(this.props.Document[this.props.fieldKey], LinkButtonField, new LinkButtonField({ sourceViewId: "-1", targetViewId: "-1" }));
let targetView = DocumentManager.Instance.getDocumentViewById(field.data.targetViewId);
if (targetView && targetView.props.ContainingCollectionView) {
CollectionDockingView.Instance.AddRightSplit(targetView.props.ContainingCollectionView.props.Document);
}
}
render() {
let field = Cast(this.props.Document[this.props.fieldKey], LinkButtonField, new LinkButtonField({ sourceViewId: "-1", targetViewId: "-1" }));
let targetView = DocumentManager.Instance.getDocumentViewById(field.data.targetViewId);
let text = "Could not find link";
if (targetView) {
let context = targetView.props.ContainingCollectionView ? (" in the context of " + StrCast(targetView.props.ContainingCollectionView.props.Document.title)) : "";
text = "Link to " + StrCast(targetView.props.Document.title) + context;
}
let activeDvs = DocumentManager.Instance.DocumentViews.filter(dv => dv.isSelected() || BoolCast(dv.props.Document.libraryBrush, false));
let display = activeDvs.reduce((found, dv) => {
let matchSv = field.data.sourceViewId === StrCast(dv.props.Document[Id]);
let matchTv = field.data.targetViewId === StrCast(dv.props.Document[Id]);
let match = matchSv || matchTv;
return match || found;
}, false);
return (
<div className="linkBox-cont" style={{ display: display ? "block" : "none" }}>
<div className="linkBox-cont-wrapper">
<p>{text}</p>
</div>
</div >
);
}
}
|
