@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.
@@ -1,245 +1,488 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
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>
83
- </a>
84
- </li>
85
-
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>
91
- </a>
92
- </li>
93
-
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>
99
- </a>
100
- </li>
101
-
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>
106
- </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">
127
- <!-- 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"
131
- filter-sort-direction="asc"
132
- filter-name="main-menu-position"
133
- filter-value="0"
134
- filter-value-type="number"
135
- filter-operator="$ne"
136
- template_id="main-menu">
137
-
138
- <!-- 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}}'
142
- modal-width="{{document.main-modal-primary-width}}"
143
- modal-color="{{document.main-modal-color}}"
144
- 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>
152
- </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}}'
156
- modal-width="{{document.main-menu-secondary-width}}"
157
- 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>
163
- </a>
164
- </div>
165
- </li>
166
- </div>
167
- </ul>
168
-
169
- <!-- 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>
192
- <div resize="right"></div>
193
- </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
-
243
- </body>
244
-
245
- </html>
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>