1 files changed, 138 insertions, 0 deletions
diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu/Template.ts b/src/client/views/nodes/DataVizBox/DocCreatorMenu/Template.ts
new file mode 100644
index 000000000..ef6867e32
--- /dev/null
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu/Template.ts
@@ -0,0 +1,138 @@
+import { makeAutoObservable } from 'mobx';
+import { Col } from './DocCreatorMenu';
+import { DynamicField } from './TemplateFieldTypes/DynamicField';
+import { TemplateField, FieldSettings } from './TemplateFieldTypes/TemplateField';
+import { TemplateLayouts } from './TemplateBackend';
+
+export class Template {
+    mainField: DynamicField;
+    private settings: FieldSettings;
+
+    constructor(templateInfo: FieldSettings) {
+        makeAutoObservable(this);
+        this.settings = templateInfo;
+        this.mainField = this.setupMainField(templateInfo);
+    }
+
+    get childFields(): TemplateField[] {
+        return this.mainField.getSubfields;
+    }
+    get allFields(): TemplateField[] {
+        return this.mainField.getAllSubfields;
+    }
+    get contentFields(): TemplateField[] {
+        return this.allFields.filter(field => field.isContentField);
+    }
+    get doc() {
+        return this.mainField.renderedDoc;
+    }
+    get title() {
+        return this.mainField.getTitle();
+    }
+
+    cleanup = () => {
+        //dispose each subfields disposers, etc.
+    };
+
+    cloneBase = async (): Promise<Template> => {
+        const clone: Template = new Template(TemplateLayouts.BasicSettings);
+        clone.mainField = (await this.mainField.makeClone(undefined)) as unknown as DynamicField;
+        // clone.mainField.renderedDoc._width = this.mainField.renderedDoc._width;
+        // clone.mainField.renderedDoc._height = this.mainField.renderedDoc._height;
+        return clone;
+    };
+
+    printFieldInfo = () => {
+        this.allFields.forEach(field => {
+            const doc = field.renderedDoc;
+            console.log('title: ', field.getTitle(), ' width: ', doc?.width);
+        });
+    };
+
+    getRenderedDoc = () => {
+        return this.doc;
+    };
+
+    getFieldByID = (id: number): TemplateField => {
+        return this.allFields.filter(field => field.getID === id)[0];
+    };
+
+    getFieldByTitle = (title: string) => {
+        return this.allFields.filter(field => field.getTitle() === title)[0];
+    };
+
+    setupMainField = (templateInfo: FieldSettings) => {
+        return DynamicField.Create(templateInfo, 1);
+    };
+
+    get descriptionSummary(): string {
+        let summary: string = '';
+        this.contentFields.forEach(field => {
+            summary += `--- Field #${field.getID} (title: ${field.getTitle()}): ${field.getDescription ?? ''} ---`;
+        });
+        return summary;
+    }
+
+    get compiledContent(): string {
+        let summary: string = '';
+        this.contentFields.forEach(field => {
+            summary += `--- Field #${field.getID} (title: ${field.getTitle()}): ${field.getContent() ?? ''} ---`;
+        });
+        return summary;
+    }
+
+    isValidTemplate = (cols: Col[]) => {
+        const maxMatches = this.maxMatches(this.getMatches(cols));
+        return maxMatches === this.contentFields.length;
+    };
+
+    getMatches = (cols: Col[]): number[][] => {
+        const numFields = this.contentFields.length;
+
+        if (cols.length !== numFields) return [];
+
+        const matches: number[][] = Array(numFields)
+            .fill([])
+            .map(() => []);
+
+        this.contentFields.forEach((field, i) => {
+            matches[i] = field.matches(cols);
+        });
+
+        return matches;
+    };
+
+    maxMatches = (matches: number[][]) => {
+        if (matches.length === 0) return 0;
+
+        const fieldsCt = this.contentFields.length;
+        const used: boolean[] = Array(fieldsCt).fill(false);
+        const mt: number[] = Array(fieldsCt).fill(-1);
+
+        const augmentingPath = (v: number): boolean => {
+            if (used[v]) return false;
+            used[v] = true;
+
+            for (const to of matches[v]) {
+                if (mt[to] === -1 || augmentingPath(mt[to])) {
+                    mt[to] = v;
+                    return true;
+                }
+            }
+            return false;
+        };
+
+        for (let v = 0; v < fieldsCt; ++v) {
+            used.fill(false);
+            augmentingPath(v);
+        }
+
+        let count: number = 0;
+
+        for (let i = 0; i < fieldsCt; ++i) {
+            if (mt[i] !== -1) ++count;
+        }
+
+        return count;
+    };
+}