Skip to content

Commit 42dd1bd

Browse files
frankpaganfrankpagan
committed
format html
1 parent 5fe97de commit 42dd1bd

File tree

6 files changed

+169
-108
lines changed

6 files changed

+169
-108
lines changed

‎demo/index.html‎

Lines changed: 54 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,72 @@
1+
<!DOCTYPE html>
12
<html>
23
<head>
34
<title>Render | CoCreateJS</title>
4-
5+
56
<!-- CoCreate Favicon -->
6-
<link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
7-
<link rel="manifest" href="/manifest.webmanifest" />
8-
</head>
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>
914
<body>
10-
1115
<div template_id="abc1">
12-
<div class="template card {{render2.collection}} card margin:10px firstname"
13-
value="{{render2.data._id}}"
14-
template_id="abc1"
16+
<div
17+
class="template card {{render2.collection}} card margin:10px firstname"
18+
value="{{render2.data._id}}"
19+
template_id="abc1"
1520
render-array="render2.data">
16-
<div class="card-body padding:15px" collection="{{render2.collection}}">
17-
<h3 class="{{render2.data.firstname}} blue" value="{{render2.data.lastname}} - {{render2.data.firstname}}">--</h3>
18-
<h3 value="{{ render2.data.lastname }}" value="{{lastname}}"></h3>
19-
<input value="{{ render2.collection }}"/>
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 }}" />
2033
<h3 class="email" value="{{render2.data.email}}">--</h3>
2134
<textarea value="{{render2.data.lastname}}"></textarea>
22-
<h3 data-attribute="{{render2.data.personal_info.email}}" name="email" value="{{render2.data.personal_info.email}}"></h3>
23-
24-
<div class="template card" render-array="render2.data.testing_array">
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">
2543
testing-array template
26-
<h3 data-attribute="{{render2.data.testing_array.email}}" name="email" class="{{render2.data.testing_array.email}}" value="{{render2.data.testing_array.email}}"></h3>
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>
2749
<h3 value="{{render2.collection}}"></h3>
28-
50+
2951
<h3 value="{{render2.data.personal_info.email}}"></h3>
3052
<div>*******************************************</div>
3153
</div>
32-
<div class="template card" render-array="render2.data.string_array" render-key="string">
54+
<div
55+
class="template card"
56+
render-array="render2.data.string_array"
57+
render-key="string">
3358
string - template
34-
<h3 name="test" data-attribute="{{string}}" class="{{string}}" value="{{string}}"></h3>
35-
59+
<h3
60+
name="test"
61+
data-attribute="{{string}}"
62+
class="{{string}}"
63+
value="{{string}}"></h3>
3664
</div>
37-
3865
</div>
3966
</div>
4067
</div>
41-
42-
43-
<pre>
68+
69+
<pre>
4470
<h1>Paste in your browser console</h1>
4571

4672
/** Example of array object from db -- render2 is an example of render_id**/
@@ -88,8 +114,8 @@ <h1>Paste in your browser console</h1>
88114
})
89115

90116
</pre>
91-
92-
<!--<script src="../dist/CoCreate-render.js"></script>-->
93-
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js" ></script>
117+
118+
<!--<script src="../dist/CoCreate-render.js"></script>-->
119+
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
94120
</body>
95-
</html>
121+
</html>

‎demo/render.array.html‎

Lines changed: 44 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,51 @@
1+
<!DOCTYPE html>
12
<html>
23
<head>
34
<title>Render | CoCreateJS</title>
4-
5+
56
<!-- CoCreate Favicon -->
6-
<link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
7-
<link rel="manifest" href="/manifest.webmanifest" />
8-
</head>
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>
914
<style>
10-
.template{display:none}
15+
.template {
16+
display: none;
17+
}
1118
</style>
19+
1220
<body>
13-
14-
<body>
15-
<filter template_id="domains" filter-name="_id" filter-value="5ff747727005da1c272740ab"></filter>
16-
<cc-options fetch-collection="organizations" fetch-name="domains" template_id="domains" class="overflow:auto">
17-
<cc-option class="template display:flex" template_id="domains" value="{{domains}}">
18-
<h4>{{domains}}</h4>
19-
</cc-option>
20-
</cc-options>
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>
2137

22-
<div template="abc1">
23-
<div class="template" render-array="data[0].current" render-key="current_org" value="{{current_org.name}}">
24-
<h3>{{current_org.name}}</h3>
25-
</div>
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>
2645
</div>
27-
28-
<pre>
46+
</div>
47+
48+
<pre>
2949
<h1>Paste in your browser console</h1>
3050

3151
/** Example **/
@@ -43,8 +63,8 @@ <h1>Paste in your browser console</h1>
4363
})
4464

4565
</pre>
46-
47-
<!-- CoCreate JS CDN -->
48-
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js" ></script>
49-
</body>
50-
</html>
66+
67+
<!-- CoCreate JS CDN -->
68+
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
69+
</body>
70+
</html>

‎demo/render.html‎

Lines changed: 23 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,29 @@
1+
<!DOCTYPE html>
12
<html>
23
<head>
34
<title>Render | CoCreateJS</title>
4-
5+
56
<!-- CoCreate Favicon -->
6-
<link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
7-
<link rel="manifest" href="/manifest.webmanifest" />
8-
</head>
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>
914
<style>
10-
.template{display:none}
15+
.template {
16+
display: none;
17+
}
1118
</style>
19+
1220
<body>
13-
14-
<body>
21+
<div template="abc1">
22+
<h3>{{document.collection}}</h3>
23+
<h3>{{document._id}}</h3>
24+
</div>
1525

16-
<div template="abc1">
17-
<h3>{{document.collection}}</h3>
18-
<h3>{{document._id}}</h3>
19-
</div>
20-
21-
<pre>
26+
<pre>
2227
<h1>Paste in your browser console</h1>
2328

2429
/** Example **/
@@ -36,8 +41,8 @@ <h1>Paste in your browser console</h1>
3641
})
3742

3843
</pre>
39-
40-
<!-- CoCreate JS CDN -->
41-
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js" ></script>
42-
</body>
43-
</html>
44+
45+
<!-- CoCreate JS CDN -->
46+
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
47+
</body>
48+
</html>

‎demo/render.object.html‎

Lines changed: 22 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,38 @@
1+
<!DOCTYPE html>
12
<html>
23
<head>
34
<title>Render | CoCreateJS</title>
4-
5+
56
<!-- CoCreate Favicon -->
6-
<link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
7-
<link rel="manifest" href="/manifest.webmanifest" />
8-
</head>
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>
914
<style>
10-
.template{display:none}
15+
.template {
16+
display: none;
17+
}
1118
</style>
1219
<body>
13-
1420
<div template="abc1">
1521
<!-- <div>{{data}}</div>
1622
<h1> {{document.collection}} {{document._id}}</h1> -->
1723
<div class="template" render-object="" render-key="one">
1824
<h5>{{one.key}}: {{one.value}}</h5>
1925
</div>
20-
<div class="template" render-array="data[0].current_org" render-key="current_org" value="{{current_org}}">
26+
<div
27+
class="template"
28+
render-array="data[0].current_org"
29+
render-key="current_org"
30+
value="{{current_org}}">
2131
<h3>{{current_org}}</h3>
2232
</div>
2333
</div>
24-
25-
<pre>
34+
35+
<pre>
2636
<h1>Paste in your browser console</h1>
2737

2838
/** Example **/
@@ -40,8 +50,8 @@ <h1>Paste in your browser console</h1>
4050
})
4151

4252
</pre>
43-
53+
4454
<!-- CoCreate JS CDN -->
45-
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js" ></script>
55+
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
4656
</body>
47-
</html>
57+
</html>

‎demo/renderKey.html‎

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,31 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
43
<head>
54
<title>Render-key | CoCreateJS</title>
6-
5+
76
<!-- CoCreate Favicon -->
8-
<link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
9-
<link rel="manifest" href="/manifest.webmanifest" />
10-
</head>
11-
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+
1215
<body class="padding:20px">
13-
1416
<form>
15-
<input render-key="name" value="test">
16-
<input render-key="domain" value="test.com">
17+
<input render-key="name" value="test" />
18+
<input render-key="domain" value="test.com" />
1719
<div template_id="render-key">
1820
<div>This is <b>{{render-key.name}}</b></div>
1921
<p>This {{render-key.name}}</p>
20-
<input value="{{render-key.name}}">
21-
<input value="{{render-key.domain}}">
22-
<button actions='renderKey'>Create Form</button>
22+
<input value="{{render-key.name}}" />
23+
<input value="{{render-key.domain}}" />
24+
<button actions="renderKey">Create Form</button>
2325
</div>
2426
</form>
25-
26-
<!-- <script src="../dist/CoCreate-render-key.js"></script> -->
27-
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
2827

28+
<!-- <script src="../dist/CoCreate-render-key.js"></script> -->
29+
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
2930
</body>
30-
31-
</html>
31+
</html>

0 commit comments

Comments
 (0)