@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/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>
@@ -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>
@@ -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>