aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--src/client/views/nodes/LinkBox.scss2
-rw-r--r--src/client/views/nodes/LinkBox.tsx9
-rw-r--r--src/client/views/nodes/LinkMenu.tsx16
3 files changed, 20 insertions, 7 deletions
diff --git a/src/client/views/nodes/LinkBox.scss b/src/client/views/nodes/LinkBox.scss
index 3ae8ed666..00e5ebb3d 100644
--- a/src/client/views/nodes/LinkBox.scss
+++ b/src/client/views/nodes/LinkBox.scss
@@ -8,7 +8,7 @@
.info-container {
width: 60%;
- padding-top: 10px;
+ padding-top: 5px;
padding-left: 5px;
display: flex;
flex-direction: column
diff --git a/src/client/views/nodes/LinkBox.tsx b/src/client/views/nodes/LinkBox.tsx
index d493c55e7..ee281e2ee 100644
--- a/src/client/views/nodes/LinkBox.tsx
+++ b/src/client/views/nodes/LinkBox.tsx
@@ -12,7 +12,8 @@ import { ListField } from "../../../fields/ListField";
interface Props {
linkDoc: Document;
linkName: String;
- // pairedDoc: Document;
+ pairedDoc: Document;
+ type: String;
}
@observer
@@ -59,9 +60,9 @@ export class LinkBox extends React.Component<Props> {
<div className="link-name">
<p>{this.props.linkName}</p>
</div>
- {/* <div className="doc-name">
- <p>{this.props.pairedDoc.Title}</p>
- </div> */}
+ <div className="doc-name">
+ <p>{this.props.type}{this.props.pairedDoc.Title}</p>
+ </div>
</div>
<div className="button-container">
diff --git a/src/client/views/nodes/LinkMenu.tsx b/src/client/views/nodes/LinkMenu.tsx
index d0909e266..c01e26b62 100644
--- a/src/client/views/nodes/LinkMenu.tsx
+++ b/src/client/views/nodes/LinkMenu.tsx
@@ -10,6 +10,7 @@ import { LinkBox } from "./LinkBox"
import { Document } from "../../../fields/Document";
import { ListField } from "../../../fields/ListField";
import { TextField } from "../../../fields/TextField";
+import { FieldWaiting } from "../../../fields/Field";
interface Props {
docView: DocumentView;
@@ -30,12 +31,23 @@ export class LinkMenu extends React.Component<Props> {
{linkTo.map(link => {
let name = link.GetData(KeyStore.Title, TextField, new String);
- return <LinkBox linkDoc={link} linkName={name} />
+ let doc = link.GetT(KeyStore.LinkedToDocs, Document);
+ if (doc && doc != FieldWaiting) {
+ return <LinkBox linkDoc={link} linkName={name} pairedDoc={doc} type={"Destination: "} />
+ } else {
+ return <div></div>
+ }
+
})}
{linkFrom.map(link => {
let name = link.GetData(KeyStore.Title, TextField, new String);
- return <LinkBox linkDoc={link} linkName={name} />
+ let doc = link.GetT(KeyStore.LinkedFromDocs, Document);
+ if (doc && doc != FieldWaiting) {
+ return <LinkBox linkDoc={link} linkName={name} pairedDoc={doc} type={"Source: "} />
+ } else {
+ return <div></div>
+ }
})}
</div>