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 >
// );
// }
// }
|