@cocreate/resize 1.5.11 → 1.5.13
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 +1272 -1257
- package/CONTRIBUTING.md +96 -96
- package/CoCreate.config.js +26 -26
- package/LICENSE +21 -21
- package/README.md +85 -85
- package/demo/dashboard.html +488 -245
- package/demo/index.html +64 -64
- package/docs/index.html +366 -140
- package/package.json +64 -64
- package/release.config.js +21 -21
- package/src/index.css +39 -39
- package/src/index.js +456 -456
- package/webpack.config.js +82 -82
package/demo/dashboard.html
CHANGED
|
@@ -1,245 +1,488 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
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
|
-
|
|
82
|
-
<
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
</a>
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
7
|
+
<link
|
|
8
|
+
rel="icon"
|
|
9
|
+
href="https://cdn.cocreate.app/favicon.ico"
|
|
10
|
+
type="image/ico"
|
|
11
|
+
sizes="16x16" />
|
|
12
|
+
<title>Dashboard | CoCreate</title>
|
|
13
|
+
<link
|
|
14
|
+
rel="stylesheet"
|
|
15
|
+
href="../index.css"
|
|
16
|
+
collection="files"
|
|
17
|
+
document_id="637bc8fe91249e639db315d9"
|
|
18
|
+
name="src"
|
|
19
|
+
type="text/css" />
|
|
20
|
+
<link rel="manifest" href="/manifest.webmanifest" />
|
|
21
|
+
</head>
|
|
22
|
+
<style>
|
|
23
|
+
.progressbar {
|
|
24
|
+
flex-grow: 1;
|
|
25
|
+
height: 4px;
|
|
26
|
+
border: none;
|
|
27
|
+
position: relative;
|
|
28
|
+
background-color: rgb(194, 240, 253);
|
|
29
|
+
overflow: hidden;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.progressbar > div {
|
|
33
|
+
position: absolute;
|
|
34
|
+
top: 0;
|
|
35
|
+
left: 0;
|
|
36
|
+
width: 100%;
|
|
37
|
+
bottom: 0;
|
|
38
|
+
transform-origin: left;
|
|
39
|
+
transition: transform 0.4s linear;
|
|
40
|
+
background-color: #61dafb;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.floating-label {
|
|
44
|
+
margin-top: 0px !important;
|
|
45
|
+
margin-bottom: 0px !important;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.main-height {
|
|
49
|
+
height: calc(100vh - 30px);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.progressbar-text {
|
|
53
|
+
color: #121212;
|
|
54
|
+
font-weight: bolder;
|
|
55
|
+
}
|
|
56
|
+
</style>
|
|
57
|
+
|
|
58
|
+
<body>
|
|
59
|
+
<!-- Modal Viewport -->
|
|
60
|
+
<div id="modal-viewport" hidden></div>
|
|
61
|
+
|
|
62
|
+
<!-- Navbar -->
|
|
63
|
+
<nav
|
|
64
|
+
class="nav display:flex align-items:center background:whitesmoke"
|
|
65
|
+
content_id="content"
|
|
66
|
+
scroll="sticky-nav, hide-nav"
|
|
67
|
+
scroll-up="5"
|
|
68
|
+
scroll-down="5">
|
|
69
|
+
<!-- Horizontal Scroll Nav/Tabs -->
|
|
70
|
+
<ul
|
|
71
|
+
class="display:inline-flex direction:rtl overflow:auto font-size:20px align-items:center list-style-type:none width:100% height:50px">
|
|
72
|
+
<!-- Modal Controls -->
|
|
73
|
+
<li class="margin-right:15px">
|
|
74
|
+
<a actions="closeModal"
|
|
75
|
+
><i
|
|
76
|
+
class="display:flex height:18px fill:#505050"
|
|
77
|
+
src="/assets/svg/times.svg"></i
|
|
78
|
+
></a>
|
|
79
|
+
</li>
|
|
80
|
+
<li class="margin-right:15px">
|
|
81
|
+
<a actions="minMaxModal">
|
|
82
|
+
<i
|
|
83
|
+
toggle="/assets/svg/window-restore.svg, /assets/svg/window-maximize.svg"
|
|
84
|
+
toggle-attribute="src"
|
|
85
|
+
class="display:flex height:18px fill:#505050"
|
|
86
|
+
src="/assets/svg/window-maximize.svg"></i>
|
|
87
|
+
</a>
|
|
88
|
+
</li>
|
|
89
|
+
<li class="margin-right:15px">
|
|
90
|
+
<a actions="parkModal"
|
|
91
|
+
><i
|
|
92
|
+
class="display:flex height:18px fill:#505050"
|
|
93
|
+
src="/assets/svg/window-minimize.svg"></i
|
|
94
|
+
></a>
|
|
95
|
+
</li>
|
|
96
|
+
|
|
97
|
+
<!-- fullscreen toogle and icon transform-->
|
|
98
|
+
<li class="margin-right:15px">
|
|
99
|
+
<a fullscreen>
|
|
100
|
+
<i
|
|
101
|
+
class="display:flex height:18px fill:#505050"
|
|
102
|
+
src="/assets/svg/expand.svg"></i>
|
|
103
|
+
<i
|
|
104
|
+
class="display:flex height:18px fill:#505050"
|
|
105
|
+
src="/assets/svg/compress.svg"></i>
|
|
106
|
+
</a>
|
|
107
|
+
</li>
|
|
108
|
+
|
|
109
|
+
<!-- Render Module Form -->
|
|
110
|
+
<li class="margin-right:15px">
|
|
111
|
+
<a
|
|
112
|
+
actions="pass, openModal"
|
|
113
|
+
modal-src="../modules/form.html"
|
|
114
|
+
modal-width="320px">
|
|
115
|
+
<i
|
|
116
|
+
class="display:flex height:18px fill:#505050"
|
|
117
|
+
src="/assets/svg/cog.svg"></i>
|
|
118
|
+
<div
|
|
119
|
+
pass_id="module-form"
|
|
120
|
+
pass-collection="modules"
|
|
121
|
+
pass-document_id=""
|
|
122
|
+
pass_to="form-fields"></div>
|
|
123
|
+
<div
|
|
124
|
+
pass_id="datatable"
|
|
125
|
+
pass-filter-value=""
|
|
126
|
+
pass_to="module_id"></div>
|
|
127
|
+
</a>
|
|
128
|
+
</li>
|
|
129
|
+
|
|
130
|
+
<!-- Render Code Editor -->
|
|
131
|
+
<li class="margin-right:15px">
|
|
132
|
+
<a
|
|
133
|
+
actions="pass, openModal"
|
|
134
|
+
modal-src="../code-editor/index.html">
|
|
135
|
+
<i
|
|
136
|
+
class="display:flex height:18px fill:#505050"
|
|
137
|
+
src="/assets/svg/code.svg"></i>
|
|
138
|
+
<div
|
|
139
|
+
pass_id="render"
|
|
140
|
+
pass-collection=""
|
|
141
|
+
pass-document_id=""
|
|
142
|
+
pass-name=""
|
|
143
|
+
pass_to="code-editor"></div>
|
|
144
|
+
</a>
|
|
145
|
+
</li>
|
|
146
|
+
|
|
147
|
+
<!-- Render Builder -->
|
|
148
|
+
<li class="margin-right:15px">
|
|
149
|
+
<a
|
|
150
|
+
actions="pass, openModal"
|
|
151
|
+
modal-src="../builder/index.html">
|
|
152
|
+
<i
|
|
153
|
+
class="display:flex height:18px fill:#505050"
|
|
154
|
+
src="/assets/svg/palette.svg"></i>
|
|
155
|
+
<div
|
|
156
|
+
pass_id="render"
|
|
157
|
+
pass-collection=""
|
|
158
|
+
pass-document_id=""
|
|
159
|
+
pass-name=""
|
|
160
|
+
pass_to="builder"></div>
|
|
161
|
+
</a>
|
|
162
|
+
</li>
|
|
163
|
+
|
|
164
|
+
<!-- deleteDocument-->
|
|
165
|
+
<li class="margin-right:15px">
|
|
166
|
+
<a
|
|
167
|
+
actions="deleteDocument, closeModal"
|
|
168
|
+
collection=""
|
|
169
|
+
document_id=""
|
|
170
|
+
pass_id="form-fields">
|
|
171
|
+
<i
|
|
172
|
+
class="height:18px fill:#505050"
|
|
173
|
+
src="/assets/svg/trash-alt.svg"></i>
|
|
174
|
+
</a>
|
|
175
|
+
</li>
|
|
176
|
+
</ul>
|
|
177
|
+
</nav>
|
|
178
|
+
|
|
179
|
+
<!-- SideNav -->
|
|
180
|
+
<sidenav
|
|
181
|
+
id="menuL"
|
|
182
|
+
class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:50px width:275px:hover width:0px@xs"
|
|
183
|
+
resizable
|
|
184
|
+
resize-target="[content_id='content']"
|
|
185
|
+
resize-property="margin-left"
|
|
186
|
+
resize-value="width">
|
|
187
|
+
<!-- Search -->
|
|
188
|
+
<form class="padding:5px">
|
|
189
|
+
<input type="text" class="floating-label" pass_to="results" />
|
|
190
|
+
<span
|
|
191
|
+
class="passValueBtn position:relative bottom:29px right:11px float:right font-size:18px">
|
|
192
|
+
<a
|
|
193
|
+
actions="pass, openModal"
|
|
194
|
+
pass_to="render"
|
|
195
|
+
collection="website-pages"
|
|
196
|
+
document_id=""
|
|
197
|
+
pass-name="src"
|
|
198
|
+
modal-width="900px"
|
|
199
|
+
modal-color="#229954">
|
|
200
|
+
<i
|
|
201
|
+
class="height:20px fill:#505050"
|
|
202
|
+
src="/assets/svg/search.svg"></i>
|
|
203
|
+
</a>
|
|
204
|
+
</span>
|
|
205
|
+
</form>
|
|
206
|
+
|
|
207
|
+
<!--<input type="hidden" template_id="main-menu" filter-name="menu-position" filter-value="3,4" filter-value-type="number" filter-operator="nin">-->
|
|
208
|
+
<!--<div template_id="main-menu" filter-name="menu-position" filter-value="0" filter-value-type="number" filter-operator="ne"></div>-->
|
|
209
|
+
<div class="padding-right:5px padding-bottom:5px">
|
|
210
|
+
<!-- Fetch and Render-->
|
|
211
|
+
<ul
|
|
212
|
+
class="overflow:auto display:flex flex-direction:column width:100% height:calc(100vh_-_160px) bottom:10px margin-right:5px">
|
|
213
|
+
<div
|
|
214
|
+
fetch-collection="modules"
|
|
215
|
+
filter-sort-name="main-menu-position"
|
|
216
|
+
filter-sort-direction="asc"
|
|
217
|
+
filter-name="main-menu-position"
|
|
218
|
+
filter-value="0"
|
|
219
|
+
filter-value-type="number"
|
|
220
|
+
filter-operator="$ne"
|
|
221
|
+
template_id="main-menu">
|
|
222
|
+
<!-- Template -->
|
|
223
|
+
<li
|
|
224
|
+
class="template line-height:40px height:40px overflow:hidden background:dodgerblue:hover"
|
|
225
|
+
template_id="main-menu"
|
|
226
|
+
document_id="{{document._id}}">
|
|
227
|
+
<input
|
|
228
|
+
type="hidden"
|
|
229
|
+
collection="files"
|
|
230
|
+
document_id="{{document.main-menu-primary}}"
|
|
231
|
+
name="path"
|
|
232
|
+
input-target="#a{{document._id}}"
|
|
233
|
+
input-key="primary-url" />
|
|
234
|
+
<a
|
|
235
|
+
actions="pass, openModal"
|
|
236
|
+
id="a{{document._id}}"
|
|
237
|
+
href="..{{primary-url}}"
|
|
238
|
+
modal-width="{{document.main-modal-primary-width}}"
|
|
239
|
+
modal-color="{{document.main-modal-color}}"
|
|
240
|
+
class="display:inline-block">
|
|
241
|
+
<span
|
|
242
|
+
class="display:inline-block width:50px text-align:center"
|
|
243
|
+
document_id="{{document._id}}"
|
|
244
|
+
collection="modules"
|
|
245
|
+
name="icon"
|
|
246
|
+
value="icon"></span>
|
|
247
|
+
<span
|
|
248
|
+
collection="modules"
|
|
249
|
+
document_id="{{document._id}}"
|
|
250
|
+
name="name"></span>
|
|
251
|
+
<div
|
|
252
|
+
pass-collection="module_activities"
|
|
253
|
+
pass-filter-name="module_id"
|
|
254
|
+
pass-filter-value="{{document._id}}"
|
|
255
|
+
pass_to="datatable"></div>
|
|
256
|
+
<div
|
|
257
|
+
pass-collection="module_activities"
|
|
258
|
+
pass-value="{{document._id}}"
|
|
259
|
+
pass_to="module_id"></div>
|
|
260
|
+
<div
|
|
261
|
+
pass-collection="files"
|
|
262
|
+
pass-document_id="{{document.main-menu-secondary}}"
|
|
263
|
+
pass-name="src"
|
|
264
|
+
pass_to="form"></div>
|
|
265
|
+
<div
|
|
266
|
+
pass-collection="files"
|
|
267
|
+
pass-document_id="{{document.main-menu-primary}}"
|
|
268
|
+
pass-name="src"
|
|
269
|
+
pass_to="render"></div>
|
|
270
|
+
<div
|
|
271
|
+
pass-value="{{document._id}}"
|
|
272
|
+
pass-filter-value="{{document._id}}"
|
|
273
|
+
pass_to="module-form"></div>
|
|
274
|
+
</a>
|
|
275
|
+
<div
|
|
276
|
+
class="float:right width:50px text-align:center">
|
|
277
|
+
<input
|
|
278
|
+
type="hidden"
|
|
279
|
+
collection="files"
|
|
280
|
+
document_id="{{document.main-menu-secondary}}"
|
|
281
|
+
name="path"
|
|
282
|
+
input-target="#a{{document._id}}"
|
|
283
|
+
input-key="secondary-url" />
|
|
284
|
+
<a
|
|
285
|
+
actions="pass, openModal"
|
|
286
|
+
id="a1{{document._id}}"
|
|
287
|
+
href="..{{secondary-url}}"
|
|
288
|
+
modal-width="{{document.main-menu-secondary-width}}"
|
|
289
|
+
modal-color="{{document.main-menu-secondary-color}}">
|
|
290
|
+
<i
|
|
291
|
+
class="height:16px fill:#505050"
|
|
292
|
+
src="/assets/svg/plus.svg"></i>
|
|
293
|
+
<div
|
|
294
|
+
pass-value="{{document._id}}"
|
|
295
|
+
pass-filter-value="{{document._id}}"
|
|
296
|
+
pass_to="module_id"></div>
|
|
297
|
+
<div
|
|
298
|
+
pass-collection="files"
|
|
299
|
+
pass-document_id="{{document.main-menu-secondary}}"
|
|
300
|
+
pass-name="src"
|
|
301
|
+
pass_to="render"></div>
|
|
302
|
+
<div
|
|
303
|
+
pass-document_id="{{document._id}}"
|
|
304
|
+
pass_to="module-form"></div>
|
|
305
|
+
<div
|
|
306
|
+
pass_to="form-fields"
|
|
307
|
+
pass-document_id=""></div>
|
|
308
|
+
</a>
|
|
309
|
+
</div>
|
|
310
|
+
</li>
|
|
311
|
+
</div>
|
|
312
|
+
</ul>
|
|
313
|
+
|
|
314
|
+
<!-- sidenav Footer -->
|
|
315
|
+
<div
|
|
316
|
+
class="display:flex justify-content:space-between flex-wrap:wrap position:absolute bottom:0px background:gainsboro line-height:40px height:40px width:100% overflow:hidden">
|
|
317
|
+
<a
|
|
318
|
+
actions="pass, openModal"
|
|
319
|
+
modal-src="../admin/settings/index.html"
|
|
320
|
+
modal-width="275px"
|
|
321
|
+
modal-color="#229954"
|
|
322
|
+
modal-x="0"
|
|
323
|
+
modal-y="0"
|
|
324
|
+
class="width:50px text-align:center display:inline-block">
|
|
325
|
+
<span class="padding:10px width:50px text-align:center"
|
|
326
|
+
><i
|
|
327
|
+
class="height:16px fill:#505050"
|
|
328
|
+
src="/assets/svg/cogs.svg"></i
|
|
329
|
+
></span>
|
|
330
|
+
<div
|
|
331
|
+
pass-collection="files"
|
|
332
|
+
pass-document_id="60ddfdc014b5ab0c2dd2fe18"
|
|
333
|
+
pass-name="src"
|
|
334
|
+
pass_to="render"></div>
|
|
335
|
+
</a>
|
|
336
|
+
<a
|
|
337
|
+
actions="pass, openModal"
|
|
338
|
+
modal-src="../admin/modules/datatable.html"
|
|
339
|
+
modal-width="640px"
|
|
340
|
+
modal-color="#229954"
|
|
341
|
+
class="width:50px text-align:center display:inline-block">
|
|
342
|
+
<span class="padding:10px width:50px text-align:center"
|
|
343
|
+
><i
|
|
344
|
+
class="height:16px fill:#505050"
|
|
345
|
+
src="/assets/svg/project-diagram.svg"></i
|
|
346
|
+
></span>
|
|
347
|
+
<div
|
|
348
|
+
pass-collection="files"
|
|
349
|
+
pass-document_id="60ddfdbf14b5ab0c2dd2fe08"
|
|
350
|
+
pass-name="src"
|
|
351
|
+
pass_to="render"></div>
|
|
352
|
+
</a>
|
|
353
|
+
<a
|
|
354
|
+
actions="pass, openModal"
|
|
355
|
+
modal-src="../admin/module-views/datatable.html"
|
|
356
|
+
modal-width="640px"
|
|
357
|
+
modal-color="#229954"
|
|
358
|
+
class="width:50px text-align:center display:inline-block">
|
|
359
|
+
<span class="padding:10px width:50px text-align:center"
|
|
360
|
+
><i
|
|
361
|
+
class="height:16px fill:#505050"
|
|
362
|
+
src="/assets/svg/shapes.svg"></i
|
|
363
|
+
></span>
|
|
364
|
+
<div
|
|
365
|
+
pass-collection="files"
|
|
366
|
+
pass-document_id="60ddfdc014b5ab0c2dd2fe0b"
|
|
367
|
+
pass-name="src"
|
|
368
|
+
pass_to="render"></div>
|
|
369
|
+
</a>
|
|
370
|
+
<a
|
|
371
|
+
actions="pass, openModal"
|
|
372
|
+
modal-src="../admin/files/datatable.html"
|
|
373
|
+
modal-width="640px"
|
|
374
|
+
modal-color="#229954"
|
|
375
|
+
class="width:50px text-align:center display:inline-block">
|
|
376
|
+
<span class="padding:10px width:50px text-align:center"
|
|
377
|
+
><i
|
|
378
|
+
class="height:16px fill:#505050"
|
|
379
|
+
src="/assets/svg/folder.svg"></i
|
|
380
|
+
></span>
|
|
381
|
+
<div
|
|
382
|
+
pass-collection="files"
|
|
383
|
+
pass-document_id="60ddfdc014b5ab0c2dd2fe15"
|
|
384
|
+
pass-name="src"
|
|
385
|
+
pass_to="render"></div>
|
|
386
|
+
</a>
|
|
387
|
+
<a
|
|
388
|
+
actions="logout"
|
|
389
|
+
href="./signin.html"
|
|
390
|
+
pass_to
|
|
391
|
+
class="width:50px text-align:center display:inline-block">
|
|
392
|
+
<span class="padding:10px width:50px text-align:center"
|
|
393
|
+
><i
|
|
394
|
+
class="height:16px fill:#505050"
|
|
395
|
+
src="/assets/svg/sign-out-alt.svg"></i
|
|
396
|
+
></span>
|
|
397
|
+
</a>
|
|
398
|
+
</div>
|
|
399
|
+
</div>
|
|
400
|
+
<div resize="right"></div>
|
|
401
|
+
</sidenav>
|
|
402
|
+
|
|
403
|
+
<!-- Main Content -->
|
|
404
|
+
<main class="padding:10px" content_id="content">
|
|
405
|
+
<!--<div class="domEditor main-height" name="cards1" collection="test" pass_id="me1234">-->
|
|
406
|
+
|
|
407
|
+
<div
|
|
408
|
+
class="display:grid grid-auto-rows:50px gap:10px grid-template-columns:repeat(auto-fill,minmax(50px,1fr))"
|
|
409
|
+
dnd-group-name="dashboard"
|
|
410
|
+
fetch-collection="files"
|
|
411
|
+
fetch-limit="20"
|
|
412
|
+
template_id="card"
|
|
413
|
+
droppable="true">
|
|
414
|
+
<div
|
|
415
|
+
template_id="card"
|
|
416
|
+
class="card position:relative template display:flex padding:20px align-items:center grid-column-end:span_6 grid-row-end:span_2"
|
|
417
|
+
eid="id1"
|
|
418
|
+
draggable="tru"
|
|
419
|
+
resizable>
|
|
420
|
+
<!-- dashboard template-->
|
|
421
|
+
<div class="flex-grow:1 padding-right:20px">
|
|
422
|
+
<h2 name="name">Visits</h2>
|
|
423
|
+
<p name="description">Total visits today</p>
|
|
424
|
+
<div class="display:flex align-items:center">
|
|
425
|
+
<h2>
|
|
426
|
+
$<span
|
|
427
|
+
fetch-collection=""
|
|
428
|
+
fetch-document
|
|
429
|
+
filter-name="total"
|
|
430
|
+
chart-operator="sum"
|
|
431
|
+
>4000</span
|
|
432
|
+
>
|
|
433
|
+
</h2>
|
|
434
|
+
<div
|
|
435
|
+
filter-name="status"
|
|
436
|
+
filter-value="completed"></div>
|
|
437
|
+
<!--<i class="fas fa-chart-line color:green font-size:16px padding:0px_15px"></i>-->
|
|
438
|
+
<span
|
|
439
|
+
class="cocreate-badge background:green round font-size:12px"
|
|
440
|
+
>7%</span
|
|
441
|
+
>
|
|
442
|
+
</div>
|
|
443
|
+
<a href="#">Detail</a>
|
|
444
|
+
</div>
|
|
445
|
+
<div class="width:120px">
|
|
446
|
+
<div
|
|
447
|
+
class="progressbar-circle text-align:center width:100%"
|
|
448
|
+
progressbar-color="#22CCE2"
|
|
449
|
+
percent-value="85"
|
|
450
|
+
percent-note="New Visits"></div>
|
|
451
|
+
</div>
|
|
452
|
+
<div resize="top" dnd-exclude></div>
|
|
453
|
+
<div resize="bottom" dnd-exclude></div>
|
|
454
|
+
<div resize="left" dnd-exclude></div>
|
|
455
|
+
<div resize="right" dnd-exclude></div>
|
|
456
|
+
</div>
|
|
457
|
+
</div>
|
|
458
|
+
|
|
459
|
+
<button
|
|
460
|
+
class="position:absolute bottom:15px right:15px line-height:50px width:50px background:dodgerblue color:#fff font-size:1.5rem grow-hover border-radius:50% border-width:0 box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
|
|
461
|
+
<a
|
|
462
|
+
actions="pass, openModal"
|
|
463
|
+
modal-src="./form.html"
|
|
464
|
+
modal-width="320px"
|
|
465
|
+
modal-color="#229954">
|
|
466
|
+
<i
|
|
467
|
+
class="height:20px fill:#505050"
|
|
468
|
+
src="/assets/svg/plus.svg"></i>
|
|
469
|
+
<div pass_to="form-fields" pass-document_id=""></div>
|
|
470
|
+
<div
|
|
471
|
+
pass_id="module-form"
|
|
472
|
+
pass-value=""
|
|
473
|
+
pass-filter-value=""
|
|
474
|
+
pass_to="module_id"></div>
|
|
475
|
+
<div
|
|
476
|
+
pass_id="form"
|
|
477
|
+
pass-collection=""
|
|
478
|
+
pass-document_id=""
|
|
479
|
+
pass-name=""
|
|
480
|
+
pass_to="render"></div>
|
|
481
|
+
</a>
|
|
482
|
+
</button>
|
|
483
|
+
</main>
|
|
484
|
+
|
|
485
|
+
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
|
|
486
|
+
<!-- <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script> -->
|
|
487
|
+
</body>
|
|
488
|
+
</html>
|