diff options
Diffstat (limited to 'src/Main.tsx')
-rw-r--r-- | src/Main.tsx | 99 |
1 files changed, 50 insertions, 49 deletions
diff --git a/src/Main.tsx b/src/Main.tsx index d4d397125..1fc0ffe7f 100644 --- a/src/Main.tsx +++ b/src/Main.tsx @@ -1,20 +1,20 @@ +import { action, configure } from 'mobx'; +import "normalize.css"; import * as React from 'react'; import * as ReactDOM from 'react-dom'; -import "./Main.scss"; -import "normalize.css" -import { Key, KeyStore as KS, KeyStore } from './fields/Key'; -import { NumberField } from './fields/NumberField'; -import { Document } from './fields/Document'; -import { configure, runInAction, action } from 'mobx'; -import { Documents } from './documents/Documents'; import { DocumentDecorations } from './DocumentDecorations'; -import { CollectionFreeFormView } from './views/collections/CollectionFreeFormView'; +import { Documents } from './documents/Documents'; +import { Document } from './fields/Document'; +import { KeyStore, KeyStore as KS } from './fields/Key'; import { ListField } from './fields/ListField'; -import { DocumentView } from './views/nodes/DocumentView'; -import { ContextMenu } from './views/ContextMenu'; +import { NumberField } from './fields/NumberField'; import { TextField } from './fields/TextField'; +import "./Main.scss"; +import { ContextMenu } from './views/ContextMenu'; +import { DocumentView } from './views/nodes/DocumentView'; import { CompileScript } from './util/Scripting'; + configure({ enforceActions: "observed" }); @@ -38,51 +38,52 @@ document.addEventListener("pointerdown", action(function (e: PointerEvent) { //runInAction(() => -//{ -let doc1 = Documents.TextDocument({ title: "hello" }); -let doc2 = doc1.MakeDelegate(); -doc2.SetField(KS.X, new NumberField(150)); -doc2.SetField(KS.Y, new NumberField(20)); -let doc3 = Documents.ImageDocument("https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/1200px-Cat03.jpg", { - x: 450, y: 500, title: "cat 1" -}); -const schemaDocs = Array.from(Array(5).keys()).map(v => Documents.ImageDocument("https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/1200px-Cat03.jpg", { - x: 50 + 100 * v, y: 50, width: 100, height: 100, title: "cat" + v -})); -schemaDocs[0].SetFieldValue(KS.Author, "Tyler", TextField); -schemaDocs[4].SetFieldValue(KS.Author, "Bob", TextField); -schemaDocs.push(doc2); -const doc7 = Documents.SchemaDocument(schemaDocs) -const docset = [doc1, doc2, doc3, doc7]; -let doc4 = Documents.CollectionDocument(docset, { - x: 0, y: 400, title: "mini collection" -}); -let doc5 = Documents.ImageDocument("https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/1200px-Cat03.jpg", { - x: 650, y: 500, width: 600, height: 600, title: "cat 2" -}); -let docset2 = new Array<Document>(doc4, doc1, doc3); -let doc6 = Documents.CollectionDocument(docset2, { - x: 350, y: 100, width: 600, height: 600, title: "docking collection" -}); -let mainNodes = null;// mainContainer.GetFieldT(KeyStore.Data, ListField); -if (!mainNodes) { - mainNodes = new ListField<Document>(); +{ + let doc1 = Documents.TextDocument({ title: "hello" }); + let doc2 = doc1.MakeDelegate(); + doc2.SetField(KS.X, new NumberField(150)); + doc2.SetField(KS.Y, new NumberField(20)); + let doc3 = Documents.ImageDocument("https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/1200px-Cat03.jpg", { + x: 450, y: 500, title: "cat 1" + }); + const schemaDocs = Array.from(Array(5).keys()).map(v => Documents.ImageDocument("https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/1200px-Cat03.jpg", { + x: 50 + 100 * v, y: 50, width: 100, height: 100, title: "cat" + v + })); + schemaDocs[0].SetFieldValue(KS.Author, "Tyler", TextField); + schemaDocs[4].SetFieldValue(KS.Author, "Bob", TextField); + schemaDocs.push(doc2); + const doc7 = Documents.SchemaDocument(schemaDocs) + const docset = [doc1, doc2, doc3, doc7]; + let doc4 = Documents.CollectionDocument(docset, { + x: 0, y: 400, title: "mini collection" + }); + let doc5 = Documents.ImageDocument("https://upload.wikimedia.org/wikipedia/commons/thumb/3/3a/Cat03.jpg/1200px-Cat03.jpg", { + x: 650, y: 500, width: 600, height: 600, title: "cat 2" + }); + let docset2 = new Array<Document>(doc4);//, doc1, doc3); + let doc6 = Documents.CollectionDocument(docset2, { + x: 350, y: 100, width: 600, height: 600, title: "docking collection" + }); + let mainNodes = null;// mainContainer.GetFieldT(KeyStore.Data, ListField); + if (!mainNodes) { + mainNodes = new ListField<Document>(); + } + // mainNodes.Data.push(doc6); + // mainNodes.Data.push(doc2); + mainNodes.Data.push(doc4); + // mainNodes.Data.push(doc3); + // mainNodes.Data.push(doc5); + // mainNodes.Data.push(doc1); + //mainNodes.Data.push(doc2); + mainNodes.Data.push(doc6); + mainContainer.SetField(KeyStore.Data, mainNodes); } -// mainNodes.Data.push(doc1); -// mainNodes.Data.push(doc2); -mainNodes.Data.push(doc4); -// mainNodes.Data.push(doc3); -mainNodes.Data.push(doc5); -// mainNodes.Data.push(doc1); -//mainNodes.Data.push(doc2); -mainNodes.Data.push(doc6); -mainContainer.SetField(KeyStore.Data, mainNodes); //} //); ReactDOM.render(( <div style={{ position: "absolute", width: "100%", height: "100%" }}> - <DocumentView Document={mainContainer} ContainingCollectionView={undefined} ContainingDocumentView={undefined} /> + <DocumentView Document={mainContainer} ContainingCollectionView={undefined} DocumentView={undefined} /> <DocumentDecorations /> <ContextMenu /> </div>), |