diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx | 138 |
1 files changed, 130 insertions, 8 deletions
diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx b/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx index 5534fced3..73c00c1c8 100644 --- a/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx +++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx @@ -415,7 +415,7 @@ export class DocCreatorMenu extends ObservableReactComponent<FieldViewProps> { // const mainCollection = this._dataViz?.DocumentView?.().containerViewPath?.().lastElement()?.ComponentView as CollectionFreeFormView; // mainCollection.addDocument(doc); - const temp = TemplateLayouts.FourField002; + const temp = TemplateLayouts.FourField003; const img: Col = {type: TemplateFieldType.VISUAL, title: 'Image', desc: '', size: FieldSize.LARGE}; const capt1: Col = {type: TemplateFieldType.TEXT, title: 'Type', desc: '', size: FieldSize.TINY}; @@ -1295,7 +1295,7 @@ export class TemplateLayouts { sizes: [FieldSize.MEDIUM, FieldSize.LARGE], opts: { borderWidth: '8', - borderColor: 'yellow', + borderColor: '#F8E71C', } }, { tl: [-.45, -.18], @@ -1322,42 +1322,43 @@ export class TemplateLayouts { sizes: [FieldSize.MEDIUM, FieldSize.LARGE, FieldSize.HUGE], opts: { borderWidth: '8', - borderColor: 'yellow', + borderColor: '#F8E71C', + backgroundColor: '#242425' } }], decorations: [{ tl: [-.8, -.075], br: [-.525, .075], opts: { - backgroundColor: 'yellow', + backgroundColor: '#F8E71C', rotation: 45 } }, { tl: [-.3075, -.0245], br: [-.2175, .0245], opts: { - backgroundColor: 'yellow', + backgroundColor: '#F8E71C', rotation: 45 } }, { tl: [-.045, -.0245], br: [.045, .0245], opts: { - backgroundColor: 'yellow', + backgroundColor: '#F8E71C', rotation: 45 } }, { tl: [.2175, -.0245], br: [.3075, .0245], opts: { - backgroundColor: 'yellow', + backgroundColor: '#F8E71C', rotation: 45 } }, { tl: [.525, -.075], br: [.8, .075], opts: { - backgroundColor: 'yellow', + backgroundColor: '#F8E71C', rotation: 45 } } @@ -1365,6 +1366,127 @@ export class TemplateLayouts { ] }; + public static FourField003: TemplateDocInfos = { + title: 'fourfield3', + width: 477, + height: 662, + opts: { + backgroundColor: '#9E9C95' + }, + fields: [{ + tl: [-.875, -.9], + br: [.875, .7], + types: [TemplateFieldType.VISUAL], + sizes: [FieldSize.LARGE, FieldSize.HUGE], + opts: { + borderWidth: '15', + borderColor: '#E0E0DA', + } + }, { + tl: [-.95, .8], + br: [-.1, .95], + types: [TemplateFieldType.TEXT], + sizes: [FieldSize.TINY, FieldSize.SMALL], + opts: { + backgroundColor: 'transparent', + color: 'white' + } + }, { + tl: [.1, .8], + br: [.95, .95], + types: [TemplateFieldType.TEXT], + sizes: [FieldSize.TINY, FieldSize.SMALL], + opts: { + backgroundColor: 'transparent', + color: 'white' + } + }, { + tl: [-.83, .2], + br: [.83, .95], + types: [TemplateFieldType.TEXT, TemplateFieldType.VISUAL], + sizes: [FieldSize.MEDIUM, FieldSize.LARGE, FieldSize.HUGE], + opts: { + borderWidth: '8', + borderColor: '#F8E71C', + backgroundColor: '#242425' + } + }], + decorations: [{ + tl: [-.025, .8], + br: [.025, .95], + opts: { + backgroundColor: '#E0E0DA', + } + }] + }; + + public static ThreeField001: TemplateDocInfos = { + title: 'threefield1', + width: 575, + height: 770, + opts: { + backgroundColor: '#DDD3A9' + }, + fields: [{ + tl: [-.66, -.747], + br: [.66, .247], + types: [TemplateFieldType.VISUAL], + sizes: [FieldSize.LARGE, FieldSize.HUGE], + opts: { + borderColor: 'yellow', + borderWidth: '8', + rotation: 45, + } + }, { + tl: [-.7, .2], + br: [.7, .46], + types: [TemplateFieldType.TEXT], + sizes: [FieldSize.TINY, FieldSize.SMALL], + opts: { + backgroundColor: 'transparent', + contentXCentering: 'center', + } + }, { + tl: [-.95, .5], + br: [.95, .95], + types: [TemplateFieldType.TEXT], + sizes: [FieldSize.MEDIUM, FieldSize.LARGE], + opts: { + backgroundColor: 'transparent', + color: 'white' + } + }], + decorations: [{ + tl: [.2, -1.32], + br: [1.8, -.66], + opts: { + backgroundColor: '#CEB155', + rotation: 45, + } + }, { + tl: [-1.8, -1.32], + br: [-.2, -.66], + opts: { + backgroundColor: '#CEB155', + rotation: 135, + } + }, { + tl: [.33, .75], + br: [1.66, 1.25], + opts: { + backgroundColor: '#CEB155', + rotation: 135, + } + }, { + tl: [-1.66, .75], + br: [-.33, 1.25], + opts: { + backgroundColor: '#CEB155', + rotation: 45, + } + }] + }; + // public static FourField002: TemplateDocInfos = { // width: 450, // height: 600, |