Skip to content

Commit 9c18e5f

Browse files
frankpaganfrankpagan
committed
fix: format demo html
1 parent 294a6c9 commit 9c18e5f

File tree

2 files changed

+515
-229
lines changed

2 files changed

+515
-229
lines changed

‎demo/index.html‎

Lines changed: 162 additions & 118 deletions
Original file line numberDiff line numberDiff line change
@@ -1,121 +1,165 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
4-
<head>
5-
<title>Clone | CoCreateJS</title>
6-
<!-- CoCreate Favicon -->
7-
<link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
8-
9-
<style>
10-
.stage {
11-
background-color: gray;
12-
margin: 15px;
13-
padding-top: 10px;
14-
}
15-
16-
.card {
17-
background-color: beige;
18-
margin: 15px;
19-
min-height: 100px;
20-
21-
}
22-
23-
.tasklist {
24-
background-color: lightgray;
25-
margin: 15px;
26-
27-
}
28-
29-
span {
30-
display: inline-block;
31-
32-
}
33-
.template {
34-
display: none
35-
}
36-
</style>
37-
<link rel="manifest" href="/manifest.webmanifest" />
38-
</head>
39-
40-
<body>
41-
42-
<a actions="clone" clone-target=".stage[template]">New Stage</a>
43-
<!--<div id="saveFetch1" -->
44-
<!-- class="domEditor" -->
45-
<!-- name='clonehtml7' -->
46-
<!-- collection="module_activity124" -->
47-
<!-- document_id="5fbd3b198b0e4d7391255615" -->
48-
<!-- pass_id="me1234">-->
49-
50-
<div class="Sortable">
51-
52-
<div class="Sortable stage" style="padding:15px" template>
53-
<span style="color:#fff; font-size:20px" class="noDrag">Stage</span>
54-
<span style="float:right;">
55-
<a actions="remove" remove-closest=".stage" class="noDrag"><i class="height:18px fill:#505050" src="/assets/svg/times.svg"></i></a>
56-
</span>
57-
58-
<div class="Sortable" dnd-group-name="cards">
59-
60-
<div class="card" style="padding:15px" template>
61-
<span class="noDrag">Card</span>
62-
<span style="float:right;">
63-
<a actions="remove" remove-closest=".card" class="noDrag"><i class="height:18px fill:#505050" src="/assets/svg/times.svg"></i></a>
64-
</span>
65-
66-
<div class="Sortable" dnd-group-name="tasklist">
67-
<div class="tasklist" template>
68-
<span class="noDrag">Tasklist</span>
69-
<span style="float:right;">
70-
<a actions="remove" remove-closest=".tasklist" class="noDrag"><i class="height:18px fill:#505050" src="/assets/svg/times.svg"></i></a>
71-
</span>
72-
73-
<form collection="module_activity" class="Sortable" dnd-group-name="task-itemse" id="testForm">
74-
<div class="task-item" template>
75-
<!-- <div style="display:inline-block;width: calc(100% - 20px);"> -->
76-
<input class="floating-label" document_id="" name="taskname" placeholder="Task Name">
77-
<!-- </div> -->
78-
<span style="float:right;">
79-
<a actions="remove" remove-closest=".task-item" class="deleteBtn noDrag"><i class="height:18px fill:#505050" src="/assets/svg/times.svg"></i></a>
80-
</span>
81-
</div>
82-
</form>
83-
<a actions="clone" clone-parent=".task-item[template]" class="noDrag" style="display: block">Add Task</a>
84-
</div>
85-
<!-- Cloneable Tasklist element -->
86-
</div>
87-
<!-- Sortable Tasklist Container -->
88-
89-
<a actions="clone" clone-parent=".tasklist[template]" class="noDrag" style="display: block" clone-data="tasklist-name">New Tasklist</a>
90-
91-
92-
</div>
93-
<!-- Cloneable Card element -->
94-
</div>
95-
<!-- Sortable Card Container -->
96-
97-
<a actions="clone" clone-previous=".card[template]" class="noDrag">New Card</a>
98-
<input id="card-name">
99-
100-
</div>
101-
<!-- sortable and clonable stage -->
102-
103-
</div>
104-
<!-- sortable project -->
105-
106-
<!--</div> -->
107-
108-
<script>
109-
var config = {
110-
key: '2061acef-0451-4545-f754-60cf8160',
111-
organization_Id: '5de0387b12e200ea63204d6c',
112-
host: 'ws.cocreate.app'
113-
}
114-
</script>
115-
116-
<!-- <script src="../dist/CoCreate-clone.js"></script> -->
117-
<script src="https://cdn.cocreate.app/1.50.6/CoCreate.min.js"></script>
118-
119-
</body>
120-
3+
<head>
4+
<title>Clone | CoCreateJS</title>
5+
<!-- CoCreate Favicon -->
6+
<link
7+
rel="icon"
8+
href="https://cdn.cocreate.app/favicon.ico"
9+
type="image/ico"
10+
sizes="16x16" />
11+
12+
<style>
13+
.stage {
14+
background-color: gray;
15+
margin: 15px;
16+
padding-top: 10px;
17+
}
18+
19+
.card {
20+
background-color: beige;
21+
margin: 15px;
22+
min-height: 100px;
23+
}
24+
25+
.tasklist {
26+
background-color: lightgray;
27+
margin: 15px;
28+
}
29+
30+
span {
31+
display: inline-block;
32+
}
33+
.template {
34+
display: none;
35+
}
36+
</style>
37+
<link rel="manifest" href="/manifest.webmanifest" />
38+
</head>
39+
40+
<body>
41+
<a actions="clone" clone-target=".stage[template]">New Stage</a>
42+
<!--<div id="saveFetch1" -->
43+
<!-- class="domEditor" -->
44+
<!-- name='clonehtml7' -->
45+
<!-- collection="module_activity124" -->
46+
<!-- document_id="5fbd3b198b0e4d7391255615" -->
47+
<!-- pass_id="me1234">-->
48+
49+
<div class="Sortable">
50+
<div class="Sortable stage" style="padding: 15px" template>
51+
<span style="color: #fff; font-size: 20px" class="noDrag"
52+
>Stage</span
53+
>
54+
<span style="float: right">
55+
<a actions="remove" remove-closest=".stage" class="noDrag"
56+
><i
57+
class="height:18px fill:#505050"
58+
src="/assets/svg/times.svg"></i
59+
></a>
60+
</span>
61+
62+
<div class="Sortable" dnd-group-name="cards">
63+
<div class="card" style="padding: 15px" template>
64+
<span class="noDrag">Card</span>
65+
<span style="float: right">
66+
<a
67+
actions="remove"
68+
remove-closest=".card"
69+
class="noDrag"
70+
><i
71+
class="height:18px fill:#505050"
72+
src="/assets/svg/times.svg"></i
73+
></a>
74+
</span>
75+
76+
<div class="Sortable" dnd-group-name="tasklist">
77+
<div class="tasklist" template>
78+
<span class="noDrag">Tasklist</span>
79+
<span style="float: right">
80+
<a
81+
actions="remove"
82+
remove-closest=".tasklist"
83+
class="noDrag"
84+
><i
85+
class="height:18px fill:#505050"
86+
src="/assets/svg/times.svg"></i
87+
></a>
88+
</span>
89+
90+
<form
91+
collection="module_activity"
92+
class="Sortable"
93+
dnd-group-name="task-itemse"
94+
id="testForm">
95+
<div class="task-item" template>
96+
<!-- <div style="display:inline-block;width: calc(100% - 20px);"> -->
97+
<input
98+
class="floating-label"
99+
document_id=""
100+
name="taskname"
101+
placeholder="Task Name" />
102+
<!-- </div> -->
103+
<span style="float: right">
104+
<a
105+
actions="remove"
106+
remove-closest=".task-item"
107+
class="deleteBtn noDrag"
108+
><i
109+
class="height:18px fill:#505050"
110+
src="/assets/svg/times.svg"></i
111+
></a>
112+
</span>
113+
</div>
114+
</form>
115+
<a
116+
actions="clone"
117+
clone-parent=".task-item[template]"
118+
class="noDrag"
119+
style="display: block"
120+
>Add Task</a
121+
>
122+
</div>
123+
<!-- Cloneable Tasklist element -->
124+
</div>
125+
<!-- Sortable Tasklist Container -->
126+
127+
<a
128+
actions="clone"
129+
clone-parent=".tasklist[template]"
130+
class="noDrag"
131+
style="display: block"
132+
clone-data="tasklist-name"
133+
>New Tasklist</a
134+
>
135+
</div>
136+
<!-- Cloneable Card element -->
137+
</div>
138+
<!-- Sortable Card Container -->
139+
140+
<a
141+
actions="clone"
142+
clone-previous=".card[template]"
143+
class="noDrag"
144+
>New Card</a
145+
>
146+
<input id="card-name" />
147+
</div>
148+
<!-- sortable and clonable stage -->
149+
</div>
150+
<!-- sortable project -->
151+
152+
<!--</div> -->
153+
154+
<script>
155+
var config = {
156+
key: "2061acef-0451-4545-f754-60cf8160",
157+
organization_Id: "5de0387b12e200ea63204d6c",
158+
host: "ws.cocreate.app",
159+
};
160+
</script>
161+
162+
<!-- <script src="../dist/CoCreate-clone.js"></script> -->
163+
<script src="https://cdn.cocreate.app/1.50.6/CoCreate.min.js"></script>
164+
</body>
121165
</html>

0 commit comments

Comments
 (0)