@cocreate/resize 1.5.11 → 1.5.12

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.
@@ -1,245 +1,488 @@
1
1
  <!DOCTYPE html>
2
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
+ }
3
31
 
4
- <head>
5
- <meta charset="utf-8">
6
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
- <meta name="viewport" content="width=device-width, initial-scale=1">
8
- <link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
9
- <title>Dashboard | CoCreate</title>
10
- <link rel="stylesheet" href="../index.css" collection="files" document_id="637bc8fe91249e639db315d9" name="src" type="text/css"/>
11
- <link rel="manifest" href="/manifest.webmanifest" />
12
- </head>
13
- <style>
14
- .progressbar {
15
- flex-grow: 1;
16
- height: 4px;
17
- border: none;
18
- position: relative;
19
- background-color: rgb(194, 240, 253);
20
- overflow: hidden;
21
- }
22
-
23
- .progressbar>div {
24
- position: absolute;
25
- top: 0;
26
- left: 0;
27
- width: 100%;
28
- bottom: 0;
29
- transform-origin: left;
30
- transition: transform .4s linear;
31
- background-color: #61dafb;
32
- }
33
-
34
- .floating-label {
35
- margin-top: 0px!important;
36
- margin-bottom: 0px!important;
37
- }
38
-
39
- .main-height {
40
- height: calc( 100vh - 30px);
41
- }
42
-
43
- .progressbar-text {
44
- color: #121212;
45
- font-weight: bolder;
46
- }
47
- </style>
48
-
49
- <body>
50
- <!-- Modal Viewport -->
51
- <div id="modal-viewport" hidden></div>
52
-
53
- <!-- Navbar -->
54
- <nav class="nav display:flex align-items:center background:whitesmoke" content_id="content" scroll="sticky-nav, hide-nav" scroll-up="5" scroll-down="5">
55
-
56
- <!-- Horizontal Scroll Nav/Tabs -->
57
- <ul class="display:inline-flex direction:rtl overflow:auto font-size:20px align-items:center list-style-type:none width:100% height:50px">
58
-
59
- <!-- Modal Controls -->
60
- <li class="margin-right:15px"><a actions="closeModal"><i class="display:flex height:18px fill:#505050" src="/assets/svg/times.svg"></i></a></li>
61
- <li class="margin-right:15px">
62
- <a actions="minMaxModal">
63
- <i toggle="/assets/svg/window-restore.svg, /assets/svg/window-maximize.svg" toggle-attribute="src" class="display:flex height:18px fill:#505050" src="/assets/svg/window-maximize.svg"></i>
64
- </a>
65
- </li>
66
- <li class="margin-right:15px"><a actions="parkModal"><i class="display:flex height:18px fill:#505050" src="/assets/svg/window-minimize.svg"></i></a></li>
67
-
68
- <!-- fullscreen toogle and icon transform-->
69
- <li class="margin-right:15px">
70
- <a fullscreen>
71
- <i class="display:flex height:18px fill:#505050" src="/assets/svg/expand.svg"></i>
72
- <i class="display:flex height:18px fill:#505050" src="/assets/svg/compress.svg"></i>
73
- </a>
74
- </li>
75
-
76
-
77
- <!-- Render Module Form -->
78
- <li class="margin-right:15px">
79
- <a actions="pass, openModal" modal-src="../modules/form.html" modal-width="320px">
80
- <i class="display:flex height:18px fill:#505050" src="/assets/svg/cog.svg"></i>
81
- <div pass_id="module-form" pass-collection="modules" pass-document_id="" pass_to="form-fields"></div>
82
- <div pass_id="datatable" pass-filter-value="" pass_to="module_id"></div>
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>
83
127
  </a>
84
- </li>
128
+ </li>
85
129
 
86
- <!-- Render Code Editor -->
87
- <li class="margin-right:15px">
88
- <a actions="pass, openModal" modal-src="../code-editor/index.html">
89
- <i class="display:flex height:18px fill:#505050" src="/assets/svg/code.svg"></i>
90
- <div pass_id="render" pass-collection="" pass-document_id="" pass-name="" pass_to="code-editor"></div>
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>
91
144
  </a>
92
- </li>
145
+ </li>
93
146
 
94
- <!-- Render Builder -->
95
- <li class="margin-right:15px">
96
- <a actions="pass, openModal" modal-src="../builder/index.html">
97
- <i class="display:flex height:18px fill:#505050" src="/assets/svg/palette.svg"></i>
98
- <div pass_id="render" pass-collection="" pass-document_id="" pass-name="" pass_to="builder"></div>
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>
99
161
  </a>
100
- </li>
162
+ </li>
101
163
 
102
- <!-- deleteDocument-->
103
- <li class="margin-right:15px">
104
- <a actions="deleteDocument, closeModal" collection="" document_id="" pass_id="form-fields">
105
- <i class="height:18px fill:#505050" src="/assets/svg/trash-alt.svg"></i>
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>
106
174
  </a>
107
- </li>
108
- </ul>
109
- </nav>
110
-
111
- <!-- SideNav -->
112
- <sidenav id="menuL" class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:50px width:275px:hover width:0px@xs" resizable resize-target="[content_id='content']" resize-property="margin-left" resize-value="width">
113
-
114
- <!-- Search -->
115
- <form class="padding:5px">
116
- <input type="text" class="floating-label" pass_to="results">
117
- <span class="passValueBtn position:relative bottom:29px right:11px float:right font-size:18px">
118
- <a actions="pass, openModal" pass_to="render" collection="website-pages" document_id="" pass-name="src" modal-width="900px" modal-color="#229954">
119
- <i class="height:20px fill:#505050" src="/assets/svg/search.svg"></i>
120
- </a>
121
- </span>
122
- </form>
123
-
124
- <!--<input type="hidden" template_id="main-menu" filter-name="menu-position" filter-value="3,4" filter-value-type="number" filter-operator="nin">-->
125
- <!--<div template_id="main-menu" filter-name="menu-position" filter-value="0" filter-value-type="number" filter-operator="ne"></div>-->
126
- <div class="padding-right:5px padding-bottom:5px">
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">
127
210
  <!-- Fetch and Render-->
128
- <ul class="overflow:auto display:flex flex-direction:column width:100% height:calc(100vh_-_160px) bottom:10px margin-right:5px">
129
- <div fetch-collection="modules"
130
- filter-sort-name="main-menu-position"
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"
131
216
  filter-sort-direction="asc"
132
- filter-name="main-menu-position"
217
+ filter-name="main-menu-position"
133
218
  filter-value="0"
134
219
  filter-value-type="number"
135
220
  filter-operator="$ne"
136
221
  template_id="main-menu">
137
-
138
222
  <!-- Template -->
139
- <li class="template line-height:40px height:40px overflow:hidden background:dodgerblue:hover" template_id="main-menu" document_id="{{document._id}}">
140
- <input type="hidden" collection="files" document_id="{{document.main-menu-primary}}" name="path" input-target="#a{{document._id}}" input-key="primary-url">
141
- <a actions="pass, openModal" id="a{{document._id}}" href='..{{primary-url}}'
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}}"
142
238
  modal-width="{{document.main-modal-primary-width}}"
143
239
  modal-color="{{document.main-modal-color}}"
144
240
  class="display:inline-block">
145
- <span class="display:inline-block width:50px text-align:center" document_id="{{document._id}}" collection="modules" name="icon" value="icon"></span>
146
- <span collection="modules" document_id="{{document._id}}" name="name" ></span>
147
- <div pass-collection="module_activities" pass-filter-name="module_id" pass-filter-value="{{document._id}}" pass_to="datatable"></div>
148
- <div pass-collection="module_activities" pass-value="{{document._id}}" pass_to="module_id"></div>
149
- <div pass-collection="files" pass-document_id="{{document.main-menu-secondary}}" pass-name="src" pass_to="form"></div>
150
- <div pass-collection="files" pass-document_id="{{document.main-menu-primary}}" pass-name="src" pass_to="render"></div>
151
- <div pass-value="{{document._id}}" pass-filter-value="{{document._id}}" pass_to="module-form"></div>
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>
152
274
  </a>
153
- <div class="float:right width:50px text-align:center">
154
- <input type="hidden" collection="files" document_id="{{document.main-menu-secondary}}" name="path" input-target="#a{{document._id}}" input-key="secondary-url">
155
- <a actions="pass, openModal" id="a{{document._id}}" href='..{{secondary-url}}'
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}}"
156
288
  modal-width="{{document.main-menu-secondary-width}}"
157
289
  modal-color="{{document.main-menu-secondary-color}}">
158
- <i class="height:16px fill:#505050" src="/assets/svg/plus.svg"></i>
159
- <div pass-value="{{document._id}}" pass-filter-value="{{document._id}}" pass_to="module_id"></div>
160
- <div pass-collection="files" pass-document_id="{{document.main-menu-secondary}}" pass-name="src" pass_to="render"></div>
161
- <div pass-document_id="{{document._id}}" pass_to="module-form"></div>
162
- <div pass_to="form-fields" pass-document_id=""></div>
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>
163
308
  </a>
164
309
  </div>
165
310
  </li>
166
311
  </div>
167
312
  </ul>
168
-
313
+
169
314
  <!-- sidenav Footer -->
170
- <div 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">
171
- <a actions="pass, openModal" modal-src="../admin/settings/index.html" modal-width="275px" modal-color="#229954" modal-x="0" modal-y="0" class="width:50px text-align:center display:inline-block">
172
- <span class="padding:10px width:50px text-align:center"><i class="height:16px fill:#505050" src="/assets/svg/cogs.svg"></i></span>
173
- <div pass-collection="files" pass-document_id="60ddfdc014b5ab0c2dd2fe18" pass-name="src" pass_to="render"></div>
174
- </a>
175
- <a actions="pass, openModal" modal-src="../admin/modules/datatable.html" modal-width="640px" modal-color="#229954" class="width:50px text-align:center display:inline-block">
176
- <span class="padding:10px width:50px text-align:center"><i class="height:16px fill:#505050" src="/assets/svg/project-diagram.svg"></i></span>
177
- <div pass-collection="files" pass-document_id="60ddfdbf14b5ab0c2dd2fe08" pass-name="src" pass_to="render"></div>
178
- </a>
179
- <a actions="pass, openModal" modal-src="../admin/module-views/datatable.html" modal-width="640px" modal-color="#229954" class="width:50px text-align:center display:inline-block">
180
- <span class="padding:10px width:50px text-align:center"><i class="height:16px fill:#505050" src="/assets/svg/shapes.svg"></i></span>
181
- <div pass-collection="files" pass-document_id="60ddfdc014b5ab0c2dd2fe0b" pass-name="src" pass_to="render"></div>
182
- </a>
183
- <a actions="pass, openModal" modal-src="../admin/files/datatable.html" modal-width="640px" modal-color="#229954" class="width:50px text-align:center display:inline-block">
184
- <span class="padding:10px width:50px text-align:center"><i class="height:16px fill:#505050" src="/assets/svg/folder.svg"></i></span>
185
- <div pass-collection="files" pass-document_id="60ddfdc014b5ab0c2dd2fe15" pass-name="src" pass_to="render"></div>
186
- </a>
187
- <a actions="logout" href="./signin.html" pass_to class="width:50px text-align:center display:inline-block">
188
- <span class="padding:10px width:50px text-align:center"><i class="height:16px fill:#505050" src="/assets/svg/sign-out-alt.svg"></i></span>
189
- </a>
190
- </div>
191
- </div>
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>
192
400
  <div resize="right"></div>
193
401
  </sidenav>
194
-
195
- <!-- Modal Viewport -->
196
- <div class="position:fixed margin-top:50px" content_id="content" id="modal-viewport"></div>
197
-
198
- <!-- Main Content -->
199
- <main class="padding:10px" content_id="content">
200
- <!--<div class="domEditor main-height" name='cards1' collection="test" pass_id="me1234">-->
201
-
202
- <div class="display:grid grid-auto-rows:50px gap:10px grid-template-columns:repeat(auto-fill,minmax(50px,1fr))" dnd-group-name="dashboard" fetch-collection="files" fetch-limit="20" template_id="card" droppable="true">
203
-
204
- <div template_id="card" class="card position:relative template display:flex padding:20px align-items:center grid-column-end:span_6 grid-row-end:span_2" eid="id1" draggable="tru" resizable>
205
- <!-- dashboard template-->
206
- <div class="flex-grow:1 padding-right:20px">
207
- <h2 name="name">Visits</h2>
208
- <p name="description">Total visits today</p>
209
- <div class="display:flex align-items:center">
210
- <h2>$<span fetch-collection="" fetch-document filter-name="total" chart-operator="sum">4000</span></h2>
211
- <div filter-name="status" filter-value="completed"></div>
212
- <!--<i class="fas fa-chart-line color:green font-size:16px padding:0px_15px"></i>-->
213
- <span class="cocreate-badge background:green round font-size:12px">7%</span>
214
- </div>
215
- <a href="#">Detail</a>
216
- </div>
217
- <div class="width:120px">
218
- <div class="progressbar-circle text-align:center width:100%" progressbar-color="#22CCE2" percent-value="85" percent-note="New Visits"></div>
219
- </div>
220
- <div resize="top" dnd-exclude></div>
221
- <div resize="bottom" dnd-exclude></div>
222
- <div resize="left" dnd-exclude></div>
223
- <div resize="right" dnd-exclude></div>
224
- </div>
225
- </div>
226
-
227
- <button 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)">
228
- <a actions="pass, openModal" modal-src="./form.html" modal-width="320px" modal-color="#229954">
229
- <i class="height:20px fill:#505050" src="/assets/svg/plus.svg"></i>
230
- <div pass_to="form-fields" pass-document_id=""></div>
231
- <div pass_id="module-form" pass-value="" pass-filter-value="" pass_to="module_id"></div>
232
- <div pass_id="form" pass-collection="" pass-document_id="" pass-name="" pass_to="render"></div>
233
- </a>
234
- </button>
235
-
236
-
237
- </main>
238
-
239
-
240
- <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
241
- <!-- <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script> -->
242
402
 
243
- </body>
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>
244
484
 
245
- </html>
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>