object-builder/example.html at master · MeldCE/object-builder · GitHub

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<html>
	<head>
		<link href="objectBuilder.css" rel="stylesheet" type="text/css" />
		<script language="JavaScript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
		<script language="JavaScript" type="text/javascript" src="core.js"></script>
		<script language="JavaScript" type="text/javascript" src="objectBuilder.js"></script>
		<script language="JavaScript" type="text/javascript">
			$(document).ready(function(){$(document).mousemove(Mouse.move);})
		</script>
	</head>
	<body>
		<script language="JavaScript" type="text/javascript">
			document.body.appendChild(input = document.createElement('textarea'));
			input.style.width = '100%';
			input.style.height = '300px';
			document.body.appendChild(div = document.createElement('div'));
			elements = {
				value: {
					className: 'value',
					elements: [
						{
							label: 'Value',
							value: '',
							editable: true,
						}
					]
				},
				// TODO Change to function
				function: {
					label: 'Functions',
					className: 'functions',
					elements: [
						{
							label: 'CONCAT',
							value: 'CONCAT',
							objects: [
								{
									type: ['functions', 'value', 'field'],
									many: true
								},
							]
						},
					]
				},
				field: {
					label: 'Fields',
					className: 'fields',
					elements: [
						{
							label: 'field1',
							value: 'field1',
						},
						{
							label: 'field2',
							value: 'field2',
						},
						{
							label: 'field3',
							value: 'field3',
						},
						{
							label: 'field4',
							value: 'field4',
						},
						{
							label: 'field5',
							value: 'field5',
						},
					],
				},
				operator: {
					label: 'Operators',
					className: 'operators',
					elements: []
				},
			};

			blah = new ObjectBuilder(div, input, elements, false, true);
		</script>
	</body>
</html>