@cocreate/render 1.24.14 → 1.24.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.github/FUNDING.yml +3 -3
- package/.github/workflows/automated.yml +95 -95
- package/.github/workflows/manual.yml +44 -44
- package/CHANGELOG.md +1464 -1457
- package/CONTRIBUTING.md +96 -96
- package/CoCreate.config.js +26 -26
- package/LICENSE +21 -21
- package/README.md +85 -85
- package/demo/fetch.string.html +51 -51
- package/demo/index.html +121 -121
- package/demo/render.array.html +70 -70
- package/demo/render.html +48 -48
- package/demo/render.object.html +57 -57
- package/demo/renderKey.html +31 -31
- package/docs/index.html +582 -582
- package/package.json +69 -69
- package/release.config.js +21 -21
- package/src/index.js +530 -530
- package/webpack.config.js +84 -84
package/demo/index.html
CHANGED
|
@@ -1,121 +1,121 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<title>Render | CoCreateJS</title>
|
|
5
|
-
|
|
6
|
-
<!-- CoCreate Favicon -->
|
|
7
|
-
<link
|
|
8
|
-
rel="icon"
|
|
9
|
-
href="https://cdn.cocreate.app/favicon.ico"
|
|
10
|
-
type="image/ico"
|
|
11
|
-
sizes="16x16" />
|
|
12
|
-
<link rel="manifest" href="/manifest.webmanifest" />
|
|
13
|
-
</head>
|
|
14
|
-
<body>
|
|
15
|
-
<div template_id="abc1">
|
|
16
|
-
<div
|
|
17
|
-
class="template card {{render2.collection}} card margin:10px firstname"
|
|
18
|
-
value="{{render2.data._id}}"
|
|
19
|
-
template_id="abc1"
|
|
20
|
-
render-array="render2.data">
|
|
21
|
-
<div
|
|
22
|
-
class="card-body padding:15px"
|
|
23
|
-
collection="{{render2.collection}}">
|
|
24
|
-
<h3
|
|
25
|
-
class="{{render2.data.firstname}} blue"
|
|
26
|
-
value="{{render2.data.lastname}} - {{render2.data.firstname}}">
|
|
27
|
-
--
|
|
28
|
-
</h3>
|
|
29
|
-
<h3
|
|
30
|
-
value="{{ render2.data.lastname }}"
|
|
31
|
-
test="{{lastname}}"></h3>
|
|
32
|
-
<input value="{{ render2.collection }}" />
|
|
33
|
-
<h3 class="email" value="{{render2.data.email}}">--</h3>
|
|
34
|
-
<textarea value="{{render2.data.lastname}}"></textarea>
|
|
35
|
-
<h3
|
|
36
|
-
data-attribute="{{render2.data.personal_info.email}}"
|
|
37
|
-
name="email"
|
|
38
|
-
value="{{render2.data.personal_info.email}}"></h3>
|
|
39
|
-
|
|
40
|
-
<div
|
|
41
|
-
class="template card"
|
|
42
|
-
render-array="render2.data.testing_array">
|
|
43
|
-
testing-array template
|
|
44
|
-
<h3
|
|
45
|
-
data-attribute="{{render2.data.testing_array.email}}"
|
|
46
|
-
name="email"
|
|
47
|
-
class="{{render2.data.testing_array.email}}"
|
|
48
|
-
value="{{render2.data.testing_array.email}}"></h3>
|
|
49
|
-
<h3 value="{{render2.collection}}"></h3>
|
|
50
|
-
|
|
51
|
-
<h3 value="{{render2.data.personal_info.email}}"></h3>
|
|
52
|
-
<div>*******************************************</div>
|
|
53
|
-
</div>
|
|
54
|
-
<div
|
|
55
|
-
class="template card"
|
|
56
|
-
render-array="render2.data.string_array"
|
|
57
|
-
render-key="string">
|
|
58
|
-
string - template
|
|
59
|
-
<h3
|
|
60
|
-
name="test"
|
|
61
|
-
data-attribute="{{string}}"
|
|
62
|
-
class="{{string}}"
|
|
63
|
-
value="{{string}}"></h3>
|
|
64
|
-
</div>
|
|
65
|
-
</div>
|
|
66
|
-
</div>
|
|
67
|
-
</div>
|
|
68
|
-
|
|
69
|
-
<pre>
|
|
70
|
-
<h1>Paste in your browser console</h1>
|
|
71
|
-
|
|
72
|
-
/** Example of array object from db -- render2 is an example of render_id**/
|
|
73
|
-
CoCreate.render.data({
|
|
74
|
-
selector: '[template=abc1]',
|
|
75
|
-
data: {
|
|
76
|
-
render2: {
|
|
77
|
-
collection : 'dededede',
|
|
78
|
-
data: [{
|
|
79
|
-
_id : '123kijfhgfkel45',
|
|
80
|
-
firstname : 'Jin',
|
|
81
|
-
lastname : 'codingmachinine',
|
|
82
|
-
personal_info : {email:'jeanmendozar@gmail.com','phone':'56666'},
|
|
83
|
-
email: 'tesing@gamil.com',
|
|
84
|
-
testing_array : [
|
|
85
|
-
{email:'jeanmendozar@gmail.com','phone':'0','home':'home1'},
|
|
86
|
-
{email:'frank@gmail.com','phone':'1','home':'home2'},
|
|
87
|
-
{email:'jose@gmail.com','phone':'2','home':'home3'},
|
|
88
|
-
{email:'juan@gmail.com','phone':'3','home':'home4'},
|
|
89
|
-
{email:'kooo@gmail.com','phone':'4','home':'home5'},
|
|
90
|
-
],
|
|
91
|
-
string_array: ['string1', 'string2', 1, 3]
|
|
92
|
-
},{
|
|
93
|
-
_id : '5678efe32qd2ol',
|
|
94
|
-
firstname : 'jean',
|
|
95
|
-
lastname : 'Mendoza',
|
|
96
|
-
personal_info : {email:'jeanmendozar@gmail.com','phone':'56666'},
|
|
97
|
-
email: 'tesing2@gamil.com',
|
|
98
|
-
testing_array : [
|
|
99
|
-
{email:'1jeanmendozar@gmail.com','phone':'10','home':'home11'},
|
|
100
|
-
{email:'1frank@gmail.com','phone':'11','home':'home12'},
|
|
101
|
-
{email:'1jose@gmail.com','phone':'12','home':'home13'},
|
|
102
|
-
{email:'1juan@gmail.com','phone':'13','home':'home14'},
|
|
103
|
-
{email:'1kooo@gmail.com','phone':'14','home':'home15'},
|
|
104
|
-
{email:'1allask@gmail.com','phone':'15','home':'home16'},
|
|
105
|
-
{email:'1ana@gmail.com','phone':'16','home':'home17'},
|
|
106
|
-
{email:'1rosa@gmail.com','phone':'17','home':'home18'},
|
|
107
|
-
{email:'1nuevo@gmail.com','phone':'18','home':'home19'}
|
|
108
|
-
],
|
|
109
|
-
string_array: ['string1', 'string2', 1, 3]
|
|
110
|
-
},
|
|
111
|
-
]
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
})
|
|
115
|
-
|
|
116
|
-
</pre>
|
|
117
|
-
|
|
118
|
-
<!--<script src="../dist/CoCreate-render.js"></script>-->
|
|
119
|
-
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
|
|
120
|
-
</body>
|
|
121
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<title>Render | CoCreateJS</title>
|
|
5
|
+
|
|
6
|
+
<!-- CoCreate Favicon -->
|
|
7
|
+
<link
|
|
8
|
+
rel="icon"
|
|
9
|
+
href="https://cdn.cocreate.app/favicon.ico"
|
|
10
|
+
type="image/ico"
|
|
11
|
+
sizes="16x16" />
|
|
12
|
+
<link rel="manifest" href="/manifest.webmanifest" />
|
|
13
|
+
</head>
|
|
14
|
+
<body>
|
|
15
|
+
<div template_id="abc1">
|
|
16
|
+
<div
|
|
17
|
+
class="template card {{render2.collection}} card margin:10px firstname"
|
|
18
|
+
value="{{render2.data._id}}"
|
|
19
|
+
template_id="abc1"
|
|
20
|
+
render-array="render2.data">
|
|
21
|
+
<div
|
|
22
|
+
class="card-body padding:15px"
|
|
23
|
+
collection="{{render2.collection}}">
|
|
24
|
+
<h3
|
|
25
|
+
class="{{render2.data.firstname}} blue"
|
|
26
|
+
value="{{render2.data.lastname}} - {{render2.data.firstname}}">
|
|
27
|
+
--
|
|
28
|
+
</h3>
|
|
29
|
+
<h3
|
|
30
|
+
value="{{ render2.data.lastname }}"
|
|
31
|
+
test="{{lastname}}"></h3>
|
|
32
|
+
<input value="{{ render2.collection }}" />
|
|
33
|
+
<h3 class="email" value="{{render2.data.email}}">--</h3>
|
|
34
|
+
<textarea value="{{render2.data.lastname}}"></textarea>
|
|
35
|
+
<h3
|
|
36
|
+
data-attribute="{{render2.data.personal_info.email}}"
|
|
37
|
+
name="email"
|
|
38
|
+
value="{{render2.data.personal_info.email}}"></h3>
|
|
39
|
+
|
|
40
|
+
<div
|
|
41
|
+
class="template card"
|
|
42
|
+
render-array="render2.data.testing_array">
|
|
43
|
+
testing-array template
|
|
44
|
+
<h3
|
|
45
|
+
data-attribute="{{render2.data.testing_array.email}}"
|
|
46
|
+
name="email"
|
|
47
|
+
class="{{render2.data.testing_array.email}}"
|
|
48
|
+
value="{{render2.data.testing_array.email}}"></h3>
|
|
49
|
+
<h3 value="{{render2.collection}}"></h3>
|
|
50
|
+
|
|
51
|
+
<h3 value="{{render2.data.personal_info.email}}"></h3>
|
|
52
|
+
<div>*******************************************</div>
|
|
53
|
+
</div>
|
|
54
|
+
<div
|
|
55
|
+
class="template card"
|
|
56
|
+
render-array="render2.data.string_array"
|
|
57
|
+
render-key="string">
|
|
58
|
+
string - template
|
|
59
|
+
<h3
|
|
60
|
+
name="test"
|
|
61
|
+
data-attribute="{{string}}"
|
|
62
|
+
class="{{string}}"
|
|
63
|
+
value="{{string}}"></h3>
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
</div>
|
|
67
|
+
</div>
|
|
68
|
+
|
|
69
|
+
<pre>
|
|
70
|
+
<h1>Paste in your browser console</h1>
|
|
71
|
+
|
|
72
|
+
/** Example of array object from db -- render2 is an example of render_id**/
|
|
73
|
+
CoCreate.render.data({
|
|
74
|
+
selector: '[template=abc1]',
|
|
75
|
+
data: {
|
|
76
|
+
render2: {
|
|
77
|
+
collection : 'dededede',
|
|
78
|
+
data: [{
|
|
79
|
+
_id : '123kijfhgfkel45',
|
|
80
|
+
firstname : 'Jin',
|
|
81
|
+
lastname : 'codingmachinine',
|
|
82
|
+
personal_info : {email:'jeanmendozar@gmail.com','phone':'56666'},
|
|
83
|
+
email: 'tesing@gamil.com',
|
|
84
|
+
testing_array : [
|
|
85
|
+
{email:'jeanmendozar@gmail.com','phone':'0','home':'home1'},
|
|
86
|
+
{email:'frank@gmail.com','phone':'1','home':'home2'},
|
|
87
|
+
{email:'jose@gmail.com','phone':'2','home':'home3'},
|
|
88
|
+
{email:'juan@gmail.com','phone':'3','home':'home4'},
|
|
89
|
+
{email:'kooo@gmail.com','phone':'4','home':'home5'},
|
|
90
|
+
],
|
|
91
|
+
string_array: ['string1', 'string2', 1, 3]
|
|
92
|
+
},{
|
|
93
|
+
_id : '5678efe32qd2ol',
|
|
94
|
+
firstname : 'jean',
|
|
95
|
+
lastname : 'Mendoza',
|
|
96
|
+
personal_info : {email:'jeanmendozar@gmail.com','phone':'56666'},
|
|
97
|
+
email: 'tesing2@gamil.com',
|
|
98
|
+
testing_array : [
|
|
99
|
+
{email:'1jeanmendozar@gmail.com','phone':'10','home':'home11'},
|
|
100
|
+
{email:'1frank@gmail.com','phone':'11','home':'home12'},
|
|
101
|
+
{email:'1jose@gmail.com','phone':'12','home':'home13'},
|
|
102
|
+
{email:'1juan@gmail.com','phone':'13','home':'home14'},
|
|
103
|
+
{email:'1kooo@gmail.com','phone':'14','home':'home15'},
|
|
104
|
+
{email:'1allask@gmail.com','phone':'15','home':'home16'},
|
|
105
|
+
{email:'1ana@gmail.com','phone':'16','home':'home17'},
|
|
106
|
+
{email:'1rosa@gmail.com','phone':'17','home':'home18'},
|
|
107
|
+
{email:'1nuevo@gmail.com','phone':'18','home':'home19'}
|
|
108
|
+
],
|
|
109
|
+
string_array: ['string1', 'string2', 1, 3]
|
|
110
|
+
},
|
|
111
|
+
]
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
})
|
|
115
|
+
|
|
116
|
+
</pre>
|
|
117
|
+
|
|
118
|
+
<!--<script src="../dist/CoCreate-render.js"></script>-->
|
|
119
|
+
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
|
|
120
|
+
</body>
|
|
121
|
+
</html>
|
package/demo/render.array.html
CHANGED
|
@@ -1,70 +1,70 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<title>Render | CoCreateJS</title>
|
|
5
|
-
|
|
6
|
-
<!-- CoCreate Favicon -->
|
|
7
|
-
<link
|
|
8
|
-
rel="icon"
|
|
9
|
-
href="https://cdn.cocreate.app/favicon.ico"
|
|
10
|
-
type="image/ico"
|
|
11
|
-
sizes="16x16" />
|
|
12
|
-
<link rel="manifest" href="/manifest.webmanifest" />
|
|
13
|
-
</head>
|
|
14
|
-
<style>
|
|
15
|
-
.template {
|
|
16
|
-
display: none;
|
|
17
|
-
}
|
|
18
|
-
</style>
|
|
19
|
-
|
|
20
|
-
<body>
|
|
21
|
-
<filter
|
|
22
|
-
template_id="domains"
|
|
23
|
-
filter-name="_id"
|
|
24
|
-
filter-value="5ff747727005da1c272740ab"></filter>
|
|
25
|
-
<cc-options
|
|
26
|
-
fetch-collection="organizations"
|
|
27
|
-
fetch-name="domains"
|
|
28
|
-
template_id="domains"
|
|
29
|
-
class="overflow:auto">
|
|
30
|
-
<cc-option
|
|
31
|
-
class="template display:flex"
|
|
32
|
-
template_id="domains"
|
|
33
|
-
value="{{domains}}">
|
|
34
|
-
<h4>{{domains}}</h4>
|
|
35
|
-
</cc-option>
|
|
36
|
-
</cc-options>
|
|
37
|
-
|
|
38
|
-
<div template="abc1">
|
|
39
|
-
<div
|
|
40
|
-
class="template"
|
|
41
|
-
render-array="data[0].current"
|
|
42
|
-
render-key="current_org"
|
|
43
|
-
value="{{current_org.name}}">
|
|
44
|
-
<h3>{{current_org.name}}</h3>
|
|
45
|
-
</div>
|
|
46
|
-
</div>
|
|
47
|
-
|
|
48
|
-
<pre>
|
|
49
|
-
<h1>Paste in your browser console</h1>
|
|
50
|
-
|
|
51
|
-
/** Example **/
|
|
52
|
-
CoCreate.render.data({
|
|
53
|
-
selector: '[template=abc1]',
|
|
54
|
-
data: {
|
|
55
|
-
collection : 'dededede',
|
|
56
|
-
data: [{
|
|
57
|
-
_id : '123kijfhgfkel45',
|
|
58
|
-
current_org: ['test1', 'test2', 'test31', 'test3'],
|
|
59
|
-
current: [{name: 'test1w'}, {name: 'test2'}, {name: 'test31'}, {name: 'test3'}]
|
|
60
|
-
}]
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
})
|
|
64
|
-
|
|
65
|
-
</pre>
|
|
66
|
-
|
|
67
|
-
<!-- CoCreate JS CDN -->
|
|
68
|
-
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
|
|
69
|
-
</body>
|
|
70
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<title>Render | CoCreateJS</title>
|
|
5
|
+
|
|
6
|
+
<!-- CoCreate Favicon -->
|
|
7
|
+
<link
|
|
8
|
+
rel="icon"
|
|
9
|
+
href="https://cdn.cocreate.app/favicon.ico"
|
|
10
|
+
type="image/ico"
|
|
11
|
+
sizes="16x16" />
|
|
12
|
+
<link rel="manifest" href="/manifest.webmanifest" />
|
|
13
|
+
</head>
|
|
14
|
+
<style>
|
|
15
|
+
.template {
|
|
16
|
+
display: none;
|
|
17
|
+
}
|
|
18
|
+
</style>
|
|
19
|
+
|
|
20
|
+
<body>
|
|
21
|
+
<filter
|
|
22
|
+
template_id="domains"
|
|
23
|
+
filter-name="_id"
|
|
24
|
+
filter-value="5ff747727005da1c272740ab"></filter>
|
|
25
|
+
<cc-options
|
|
26
|
+
fetch-collection="organizations"
|
|
27
|
+
fetch-name="domains"
|
|
28
|
+
template_id="domains"
|
|
29
|
+
class="overflow:auto">
|
|
30
|
+
<cc-option
|
|
31
|
+
class="template display:flex"
|
|
32
|
+
template_id="domains"
|
|
33
|
+
value="{{domains}}">
|
|
34
|
+
<h4>{{domains}}</h4>
|
|
35
|
+
</cc-option>
|
|
36
|
+
</cc-options>
|
|
37
|
+
|
|
38
|
+
<div template="abc1">
|
|
39
|
+
<div
|
|
40
|
+
class="template"
|
|
41
|
+
render-array="data[0].current"
|
|
42
|
+
render-key="current_org"
|
|
43
|
+
value="{{current_org.name}}">
|
|
44
|
+
<h3>{{current_org.name}}</h3>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
|
|
48
|
+
<pre>
|
|
49
|
+
<h1>Paste in your browser console</h1>
|
|
50
|
+
|
|
51
|
+
/** Example **/
|
|
52
|
+
CoCreate.render.data({
|
|
53
|
+
selector: '[template=abc1]',
|
|
54
|
+
data: {
|
|
55
|
+
collection : 'dededede',
|
|
56
|
+
data: [{
|
|
57
|
+
_id : '123kijfhgfkel45',
|
|
58
|
+
current_org: ['test1', 'test2', 'test31', 'test3'],
|
|
59
|
+
current: [{name: 'test1w'}, {name: 'test2'}, {name: 'test31'}, {name: 'test3'}]
|
|
60
|
+
}]
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
})
|
|
64
|
+
|
|
65
|
+
</pre>
|
|
66
|
+
|
|
67
|
+
<!-- CoCreate JS CDN -->
|
|
68
|
+
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
|
|
69
|
+
</body>
|
|
70
|
+
</html>
|
package/demo/render.html
CHANGED
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<title>Render | CoCreateJS</title>
|
|
5
|
-
|
|
6
|
-
<!-- CoCreate Favicon -->
|
|
7
|
-
<link
|
|
8
|
-
rel="icon"
|
|
9
|
-
href="https://cdn.cocreate.app/favicon.ico"
|
|
10
|
-
type="image/ico"
|
|
11
|
-
sizes="16x16" />
|
|
12
|
-
<link rel="manifest" href="/manifest.webmanifest" />
|
|
13
|
-
</head>
|
|
14
|
-
<style>
|
|
15
|
-
.template {
|
|
16
|
-
display: none;
|
|
17
|
-
}
|
|
18
|
-
</style>
|
|
19
|
-
|
|
20
|
-
<body>
|
|
21
|
-
<div template="abc1">
|
|
22
|
-
<h3>{{document.collection}}</h3>
|
|
23
|
-
<h3>{{document._id}}</h3>
|
|
24
|
-
</div>
|
|
25
|
-
|
|
26
|
-
<pre>
|
|
27
|
-
<h1>Paste in your browser console</h1>
|
|
28
|
-
|
|
29
|
-
/** Example **/
|
|
30
|
-
CoCreate.render.data({
|
|
31
|
-
selector: '[template=abc1]',
|
|
32
|
-
data: {
|
|
33
|
-
collection: 'dededede',
|
|
34
|
-
data: {
|
|
35
|
-
_id : '123kijfhgfkel45',
|
|
36
|
-
current_org: ['test1', 'test2', 'test31', 'test3'],
|
|
37
|
-
current: [{name: 'test1w'}, {name: 'test2'}, {name: 'test31'}, {name: 'test3'}]
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
})
|
|
42
|
-
|
|
43
|
-
</pre>
|
|
44
|
-
|
|
45
|
-
<!-- CoCreate JS CDN -->
|
|
46
|
-
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
|
|
47
|
-
</body>
|
|
48
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<title>Render | CoCreateJS</title>
|
|
5
|
+
|
|
6
|
+
<!-- CoCreate Favicon -->
|
|
7
|
+
<link
|
|
8
|
+
rel="icon"
|
|
9
|
+
href="https://cdn.cocreate.app/favicon.ico"
|
|
10
|
+
type="image/ico"
|
|
11
|
+
sizes="16x16" />
|
|
12
|
+
<link rel="manifest" href="/manifest.webmanifest" />
|
|
13
|
+
</head>
|
|
14
|
+
<style>
|
|
15
|
+
.template {
|
|
16
|
+
display: none;
|
|
17
|
+
}
|
|
18
|
+
</style>
|
|
19
|
+
|
|
20
|
+
<body>
|
|
21
|
+
<div template="abc1">
|
|
22
|
+
<h3>{{document.collection}}</h3>
|
|
23
|
+
<h3>{{document._id}}</h3>
|
|
24
|
+
</div>
|
|
25
|
+
|
|
26
|
+
<pre>
|
|
27
|
+
<h1>Paste in your browser console</h1>
|
|
28
|
+
|
|
29
|
+
/** Example **/
|
|
30
|
+
CoCreate.render.data({
|
|
31
|
+
selector: '[template=abc1]',
|
|
32
|
+
data: {
|
|
33
|
+
collection: 'dededede',
|
|
34
|
+
data: {
|
|
35
|
+
_id : '123kijfhgfkel45',
|
|
36
|
+
current_org: ['test1', 'test2', 'test31', 'test3'],
|
|
37
|
+
current: [{name: 'test1w'}, {name: 'test2'}, {name: 'test31'}, {name: 'test3'}]
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
})
|
|
42
|
+
|
|
43
|
+
</pre>
|
|
44
|
+
|
|
45
|
+
<!-- CoCreate JS CDN -->
|
|
46
|
+
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
|
|
47
|
+
</body>
|
|
48
|
+
</html>
|
package/demo/render.object.html
CHANGED
|
@@ -1,57 +1,57 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<title>Render | CoCreateJS</title>
|
|
5
|
-
|
|
6
|
-
<!-- CoCreate Favicon -->
|
|
7
|
-
<link
|
|
8
|
-
rel="icon"
|
|
9
|
-
href="https://cdn.cocreate.app/favicon.ico"
|
|
10
|
-
type="image/ico"
|
|
11
|
-
sizes="16x16" />
|
|
12
|
-
<link rel="manifest" href="/manifest.webmanifest" />
|
|
13
|
-
</head>
|
|
14
|
-
<style>
|
|
15
|
-
.template {
|
|
16
|
-
display: none;
|
|
17
|
-
}
|
|
18
|
-
</style>
|
|
19
|
-
<body>
|
|
20
|
-
<div template="abc1">
|
|
21
|
-
<!-- <div>{{data}}</div>
|
|
22
|
-
<h1> {{document.collection}} {{document._id}}</h1> -->
|
|
23
|
-
<div class="template" render-object="" render-key="one">
|
|
24
|
-
<h5>{{one.key}}: {{one.value}}</h5>
|
|
25
|
-
</div>
|
|
26
|
-
<div
|
|
27
|
-
class="template"
|
|
28
|
-
render-array="data[0].current_org"
|
|
29
|
-
render-key="current_org"
|
|
30
|
-
value="{{current_org}}">
|
|
31
|
-
<h3>{{current_org}}</h3>
|
|
32
|
-
</div>
|
|
33
|
-
</div>
|
|
34
|
-
|
|
35
|
-
<pre>
|
|
36
|
-
<h1>Paste in your browser console</h1>
|
|
37
|
-
|
|
38
|
-
/** Example **/
|
|
39
|
-
CoCreate.render.data({
|
|
40
|
-
selector: '[template=abc1]',
|
|
41
|
-
data: {
|
|
42
|
-
collection : 'dededede',
|
|
43
|
-
data: [{
|
|
44
|
-
collection : 'dededede',
|
|
45
|
-
_id : '123kijfhgfkel45',
|
|
46
|
-
current_org: ['test1', 'test2', 'test31', 'test3']
|
|
47
|
-
}]
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
})
|
|
51
|
-
|
|
52
|
-
</pre>
|
|
53
|
-
|
|
54
|
-
<!-- CoCreate JS CDN -->
|
|
55
|
-
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
|
|
56
|
-
</body>
|
|
57
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<title>Render | CoCreateJS</title>
|
|
5
|
+
|
|
6
|
+
<!-- CoCreate Favicon -->
|
|
7
|
+
<link
|
|
8
|
+
rel="icon"
|
|
9
|
+
href="https://cdn.cocreate.app/favicon.ico"
|
|
10
|
+
type="image/ico"
|
|
11
|
+
sizes="16x16" />
|
|
12
|
+
<link rel="manifest" href="/manifest.webmanifest" />
|
|
13
|
+
</head>
|
|
14
|
+
<style>
|
|
15
|
+
.template {
|
|
16
|
+
display: none;
|
|
17
|
+
}
|
|
18
|
+
</style>
|
|
19
|
+
<body>
|
|
20
|
+
<div template="abc1">
|
|
21
|
+
<!-- <div>{{data}}</div>
|
|
22
|
+
<h1> {{document.collection}} {{document._id}}</h1> -->
|
|
23
|
+
<div class="template" render-object="" render-key="one">
|
|
24
|
+
<h5>{{one.key}}: {{one.value}}</h5>
|
|
25
|
+
</div>
|
|
26
|
+
<div
|
|
27
|
+
class="template"
|
|
28
|
+
render-array="data[0].current_org"
|
|
29
|
+
render-key="current_org"
|
|
30
|
+
value="{{current_org}}">
|
|
31
|
+
<h3>{{current_org}}</h3>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
|
|
35
|
+
<pre>
|
|
36
|
+
<h1>Paste in your browser console</h1>
|
|
37
|
+
|
|
38
|
+
/** Example **/
|
|
39
|
+
CoCreate.render.data({
|
|
40
|
+
selector: '[template=abc1]',
|
|
41
|
+
data: {
|
|
42
|
+
collection : 'dededede',
|
|
43
|
+
data: [{
|
|
44
|
+
collection : 'dededede',
|
|
45
|
+
_id : '123kijfhgfkel45',
|
|
46
|
+
current_org: ['test1', 'test2', 'test31', 'test3']
|
|
47
|
+
}]
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
})
|
|
51
|
+
|
|
52
|
+
</pre>
|
|
53
|
+
|
|
54
|
+
<!-- CoCreate JS CDN -->
|
|
55
|
+
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
|
|
56
|
+
</body>
|
|
57
|
+
</html>
|