aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/TempTreeView.tsx
blob: bd73ef88731f4d86385beb0205e38b49f577f55b (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
import { action, observable, computed } from "mobx";
import React = require("react");
import { observer } from "mobx-react";
import { Document } from "../../fields/Document";
import { ListField } from "../../fields/ListField";
import "./TempTreeView.scss"
import { DocumentManager } from "./DocumentManager";
import { KeyStore } from "../../fields/KeyStore";


@observer
export class TempTreeView extends React.Component {

    @action
    onClick(doc: Document) {

        let view = DocumentManager.Instance.getDocumentView(doc);
        if (view != null) {
            // DocumentManager.Instance.centerNode(view);
            doc = view.props.Document
            view.props.focus(doc, doc.GetNumber(KeyStore.X, 0), doc.GetNumber(KeyStore.Y, 0))
        }
    }

    render() {
        return (
            <div className="tempTree">
                <div className="list">
                    {DocumentManager.Instance.DocumentViews.map(doc => {
                        return (
                            <div key={doc.Id} onClick={() => { this.onClick(doc.props.Document) }}>
                                {doc.props.Document.Title}
                            </div>
                        )
                    }
                    )}
                </div>
            </div>
        );
    }
}