@silexlabs/silex-dashboard 1.0.20 → 1.0.22
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/_includes/connectors.html +61 -4
- package/_includes/websites.html +97 -40
- package/_silex/default/website.json +1 -1
- package/_site/css/connectors.css +1 -1
- package/_site/css/websites.css +1 -1
- package/_site/en/connectors/index.html +66 -4
- package/_site/en/index.html +102 -40
- package/_site/fr/connectors/index.html +67 -5
- package/_site/fr/index.html +103 -41
- package/package.json +2 -2
- package/pages/connectors.css.liquid +1 -1
- package/pages/en/en.json +5 -0
- package/pages/fr/fr.json +6 -1
- package/pages/websites.css.liquid +1 -1
|
@@ -11,16 +11,22 @@
|
|
|
11
11
|
|
|
12
12
|
<style>
|
|
13
13
|
body { color:#2B1B63;}
|
|
14
|
-
.button, .pointer { cursor: pointer
|
|
14
|
+
.button, .pointer { cursor: pointer!important}
|
|
15
|
+
.button{min-width:110px;}
|
|
15
16
|
a {
|
|
16
17
|
text-decoration: none;
|
|
17
18
|
color:#8873FE;}
|
|
18
19
|
a:hover { text-decoration: underline; }
|
|
19
20
|
.uppercase {text-transform: uppercase;}
|
|
21
|
+
|
|
22
|
+
/*footer position*/
|
|
23
|
+
.main-min-height {min-height: calc(100vh - 560px);}
|
|
24
|
+
/*footer position*/
|
|
25
|
+
|
|
20
26
|
/*label*/
|
|
21
27
|
::placeholder {color: #8873FE;}
|
|
22
28
|
input:focus {
|
|
23
|
-
border: 2px solid
|
|
29
|
+
border: 2px solid ##9977FE;
|
|
24
30
|
background-color:#ffffff;}
|
|
25
31
|
:focus { outline: none;}
|
|
26
32
|
/*label*/
|
|
@@ -48,6 +54,57 @@ input:focus {
|
|
|
48
54
|
}
|
|
49
55
|
}
|
|
50
56
|
|
|
57
|
+
/*FX ANIMATIONS*/
|
|
58
|
+
.fx-scale:hover {
|
|
59
|
+
transform-origin: center bottom;
|
|
60
|
+
transform: scale(1.1);
|
|
61
|
+
transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
|
|
62
|
+
}
|
|
63
|
+
/*flash*/
|
|
64
|
+
.fx-underline:hover, .fx-flash:hover {
|
|
65
|
+
animation: flash-in .5s ;
|
|
66
|
+
}
|
|
67
|
+
/* Underline animation */
|
|
68
|
+
.fx-underline {
|
|
69
|
+
position: relative;
|
|
70
|
+
}
|
|
71
|
+
/* Fade in */
|
|
72
|
+
.fx-underline::after {
|
|
73
|
+
content: '';
|
|
74
|
+
position: absolute;
|
|
75
|
+
bottom: -3px;
|
|
76
|
+
left: 0;
|
|
77
|
+
width: 100%;
|
|
78
|
+
height: 0.1em;
|
|
79
|
+
background-color: #8873fe;
|
|
80
|
+
opacity: 0;
|
|
81
|
+
transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 1.8);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.fx-underline:hover::after,
|
|
85
|
+
.fx-underline:focus::after {
|
|
86
|
+
opacity: 1;
|
|
87
|
+
transform: translate3d(0, 2.2em, 0);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
/* Scale from center */
|
|
91
|
+
.fx-underline:after {
|
|
92
|
+
transform: scale(0);
|
|
93
|
+
transform-origin: center;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.fx-underline:hover::after,
|
|
97
|
+
.fx-underline:focus::after{
|
|
98
|
+
transform: scale(1);
|
|
99
|
+
}
|
|
100
|
+
/* Underline animation */
|
|
101
|
+
/*flash-in animation*/
|
|
102
|
+
@keyframes flash-in{
|
|
103
|
+
0% {opacity:0;}
|
|
104
|
+
100% {opacity:1;}
|
|
105
|
+
}
|
|
106
|
+
/*flash-in animation*/
|
|
107
|
+
/*FX ANIMATIONS*/
|
|
51
108
|
</style>
|
|
52
109
|
{% render "api-connectors.js.html" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}
|
|
53
110
|
|
|
@@ -65,11 +122,11 @@ input:focus {
|
|
|
65
122
|
|
|
66
123
|
><HEADER
|
|
67
124
|
id="ij139z" src="undefined"
|
|
68
|
-
class="
|
|
125
|
+
class="menu-bar "
|
|
69
126
|
|
|
70
127
|
|
|
71
128
|
><A
|
|
72
|
-
href="/" src="undefined"
|
|
129
|
+
href="/" id="iy54t1" src="undefined"
|
|
73
130
|
|
|
74
131
|
|
|
75
132
|
|
package/_includes/websites.html
CHANGED
|
@@ -11,16 +11,22 @@
|
|
|
11
11
|
|
|
12
12
|
<style>
|
|
13
13
|
body { color:#2B1B63;}
|
|
14
|
-
.button, .pointer { cursor: pointer
|
|
14
|
+
.button, .pointer { cursor: pointer!important}
|
|
15
|
+
.button{min-width:110px;}
|
|
15
16
|
a {
|
|
16
17
|
text-decoration: none;
|
|
17
18
|
color:#8873FE;}
|
|
18
19
|
a:hover { text-decoration: underline; }
|
|
19
20
|
.uppercase {text-transform: uppercase;}
|
|
21
|
+
|
|
22
|
+
/*footer position*/
|
|
23
|
+
.main-min-height {min-height: calc(100vh - 560px);}
|
|
24
|
+
/*footer position*/
|
|
25
|
+
|
|
20
26
|
/*label*/
|
|
21
27
|
::placeholder {color: #8873FE;}
|
|
22
28
|
input:focus {
|
|
23
|
-
border: 2px solid
|
|
29
|
+
border: 2px solid ##9977FE;
|
|
24
30
|
background-color:#ffffff;}
|
|
25
31
|
:focus { outline: none;}
|
|
26
32
|
/*label*/
|
|
@@ -48,6 +54,57 @@ input:focus {
|
|
|
48
54
|
}
|
|
49
55
|
}
|
|
50
56
|
|
|
57
|
+
/*FX ANIMATIONS*/
|
|
58
|
+
.fx-scale:hover {
|
|
59
|
+
transform-origin: center bottom;
|
|
60
|
+
transform: scale(1.1);
|
|
61
|
+
transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
|
|
62
|
+
}
|
|
63
|
+
/*flash*/
|
|
64
|
+
.fx-underline:hover, .fx-flash:hover {
|
|
65
|
+
animation: flash-in .5s ;
|
|
66
|
+
}
|
|
67
|
+
/* Underline animation */
|
|
68
|
+
.fx-underline {
|
|
69
|
+
position: relative;
|
|
70
|
+
}
|
|
71
|
+
/* Fade in */
|
|
72
|
+
.fx-underline::after {
|
|
73
|
+
content: '';
|
|
74
|
+
position: absolute;
|
|
75
|
+
bottom: -3px;
|
|
76
|
+
left: 0;
|
|
77
|
+
width: 100%;
|
|
78
|
+
height: 0.1em;
|
|
79
|
+
background-color: #8873fe;
|
|
80
|
+
opacity: 0;
|
|
81
|
+
transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 1.8);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.fx-underline:hover::after,
|
|
85
|
+
.fx-underline:focus::after {
|
|
86
|
+
opacity: 1;
|
|
87
|
+
transform: translate3d(0, 2.2em, 0);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
/* Scale from center */
|
|
91
|
+
.fx-underline:after {
|
|
92
|
+
transform: scale(0);
|
|
93
|
+
transform-origin: center;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.fx-underline:hover::after,
|
|
97
|
+
.fx-underline:focus::after{
|
|
98
|
+
transform: scale(1);
|
|
99
|
+
}
|
|
100
|
+
/* Underline animation */
|
|
101
|
+
/*flash-in animation*/
|
|
102
|
+
@keyframes flash-in{
|
|
103
|
+
0% {opacity:0;}
|
|
104
|
+
100% {opacity:1;}
|
|
105
|
+
}
|
|
106
|
+
/*flash-in animation*/
|
|
107
|
+
/*FX ANIMATIONS*/
|
|
51
108
|
</style>
|
|
52
109
|
{% render "api-websites.js.html" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}
|
|
53
110
|
|
|
@@ -65,7 +122,7 @@ input:focus {
|
|
|
65
122
|
|
|
66
123
|
><HEADER
|
|
67
124
|
id="igrg" src="undefined"
|
|
68
|
-
class="
|
|
125
|
+
class="menu-bar "
|
|
69
126
|
|
|
70
127
|
|
|
71
128
|
><A
|
|
@@ -74,7 +131,7 @@ input:focus {
|
|
|
74
131
|
|
|
75
132
|
|
|
76
133
|
><img
|
|
77
|
-
src="/
|
|
134
|
+
src="/assets/picto-silex@3x.png" href="" id="iel80b-2"
|
|
78
135
|
class="nav__logo "
|
|
79
136
|
|
|
80
137
|
|
|
@@ -156,7 +213,7 @@ input:focus {
|
|
|
156
213
|
|
|
157
214
|
>{{ subtitle-empty }}</P></div></HEADER><MAIN
|
|
158
215
|
id="iz63r" src="undefined"
|
|
159
|
-
class="padding-normal
|
|
216
|
+
class="padding-normal main-min-height website-max-width margin-80 "
|
|
160
217
|
|
|
161
218
|
|
|
162
219
|
><SECTION
|
|
@@ -171,7 +228,7 @@ input:focus {
|
|
|
171
228
|
|
|
172
229
|
><BUTTON
|
|
173
230
|
id="i2x0l" src="undefined"
|
|
174
|
-
class="button button--primary rounded top-space-40 "
|
|
231
|
+
class="button button--primary rounded top-space-40 fx-scale fx-scale-round "
|
|
175
232
|
@click="showCreationForm = !showCreationForm" v-if="!showCreationForm"
|
|
176
233
|
|
|
177
234
|
><span
|
|
@@ -226,12 +283,12 @@ input:focus {
|
|
|
226
283
|
|
|
227
284
|
><button
|
|
228
285
|
type="submit" id="i021na" src="undefined"
|
|
229
|
-
class="button rounded button--primary right-space-20 "
|
|
286
|
+
class="button rounded button--primary right-space-20 fx-scale "
|
|
230
287
|
|
|
231
288
|
|
|
232
289
|
>{{ add-ok }}</button><button
|
|
233
290
|
type="reset" src="undefined"
|
|
234
|
-
class="button rounded button--secondary "
|
|
291
|
+
class="button rounded button--secondary fx-scale "
|
|
235
292
|
@click="showCreationForm = !showCreationForm"
|
|
236
293
|
|
|
237
294
|
>{{ add-cancel }}</button></div></form></div><div
|
|
@@ -241,112 +298,112 @@ input:focus {
|
|
|
241
298
|
|
|
242
299
|
><SECTION
|
|
243
300
|
id="idgvg" src="undefined"
|
|
244
|
-
class="button-bar
|
|
301
|
+
class="button-bar loaded__item "
|
|
245
302
|
v-if="!loading" v-for="(website, index) in websites" :key="index"
|
|
246
303
|
|
|
247
304
|
><H3
|
|
248
305
|
id="i69a7" src="undefined"
|
|
249
|
-
class="
|
|
306
|
+
class="right-space-40 color-2B1B63-80 uppercase "
|
|
250
307
|
v-text="website.name || website.id"
|
|
251
308
|
|
|
252
309
|
>My first website</H3><P
|
|
253
310
|
id="i65hn" src="undefined"
|
|
254
|
-
class="button-
|
|
311
|
+
class="button-bar__item--secondary flex-no-shrink right-space-40 "
|
|
255
312
|
v-text="'{{ list-item-updated }} ' + new Date(website.updatedAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })"
|
|
256
313
|
|
|
257
314
|
>Updated 1h ago by lexoyo</P><P
|
|
258
315
|
id="i64qa" src="undefined"
|
|
259
|
-
class="button-
|
|
316
|
+
class="button-bar__item--secondary flex-no-shrink right-space-40 "
|
|
260
317
|
v-text="'{{ list-item-created }} ' + new Date(website.createdAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })"
|
|
261
318
|
|
|
262
319
|
>Created 2023-02-16 by lexoyo</P><div
|
|
263
320
|
id="i3b4tr" src="undefined"
|
|
264
|
-
class="
|
|
321
|
+
class="flex-no-shrink "
|
|
265
322
|
|
|
266
323
|
|
|
267
324
|
><BUTTON
|
|
268
325
|
id="ifyf6p" href="" src="undefined"
|
|
269
|
-
class="right-space-20 bold button-bar__item--link pointer "
|
|
326
|
+
class="right-space-20 bold button-bar__item--link pointer fx-underline fx-scale "
|
|
270
327
|
@click="openEditor(website.websiteId, '{{lang}}')"
|
|
271
328
|
|
|
272
329
|
>{{ list-edit }}</BUTTON><BUTTON
|
|
273
330
|
href="" id="ihf6ew" src="undefined"
|
|
274
|
-
class="right-space-20 button-bar__item--link pointer "
|
|
331
|
+
class="right-space-20 button-bar__item--link pointer fx-underline fx-scale "
|
|
275
332
|
@click="renameWebsite(website.websiteId, '{{lang}}')"
|
|
276
333
|
|
|
277
334
|
>{{ list-rename }}</BUTTON><BUTTON
|
|
278
335
|
id="iol4h" src="undefined"
|
|
279
|
-
class="button-bar__item--link pointer "
|
|
336
|
+
class="button-bar__item--link pointer fx-flash fx-scale "
|
|
280
337
|
@click="deleteWebsite(website.websiteId)" title="{{ list-delete }}"
|
|
281
338
|
|
|
282
339
|
>X</BUTTON></div></SECTION><SECTION
|
|
283
340
|
id="i1fjn" src="undefined"
|
|
284
|
-
class="button-bar
|
|
341
|
+
class="button-bar loading__item skeleton-anim skeleton-wrapper "
|
|
285
342
|
v-if="loading"
|
|
286
343
|
|
|
287
344
|
><H3
|
|
288
345
|
id="iwu6a" src="undefined"
|
|
289
|
-
class="
|
|
346
|
+
class="skeleton-text skeleton right-space-40 "
|
|
290
347
|
|
|
291
348
|
|
|
292
349
|
>My first websiteMy first websiteMy first websiteMy first</H3><P
|
|
293
350
|
id="i26fn" src="undefined"
|
|
294
|
-
class="button-
|
|
351
|
+
class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
|
|
295
352
|
|
|
296
353
|
|
|
297
354
|
>Updated 1h ago by lexoyo</P><P
|
|
298
355
|
id="iywbk" src="undefined"
|
|
299
|
-
class="button-
|
|
356
|
+
class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
|
|
300
357
|
|
|
301
358
|
|
|
302
359
|
>Created 2023-02-16 by lexoyo</P><div
|
|
303
360
|
id="ixz6c" src="undefined"
|
|
304
|
-
class="
|
|
361
|
+
class="skeleton skeleton-button "
|
|
305
362
|
|
|
306
363
|
|
|
307
364
|
>Edit</div></SECTION><SECTION
|
|
308
365
|
id="iwxxo5" src="undefined"
|
|
309
|
-
class="button-bar
|
|
366
|
+
class="button-bar loading__item skeleton-anim skeleton-wrapper "
|
|
310
367
|
v-if="loading"
|
|
311
368
|
|
|
312
369
|
><H3
|
|
313
|
-
src="undefined"
|
|
314
|
-
class="
|
|
370
|
+
id="inmp3" src="undefined"
|
|
371
|
+
class="skeleton-text skeleton right-space-40 "
|
|
315
372
|
|
|
316
373
|
|
|
317
374
|
>My first websiteMy first websiteMy first websiteMy first</H3><P
|
|
318
|
-
src="undefined"
|
|
319
|
-
class="button-
|
|
375
|
+
id="icjz8" src="undefined"
|
|
376
|
+
class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
|
|
320
377
|
|
|
321
378
|
|
|
322
379
|
>Updated 1h ago by lexoyo</P><P
|
|
323
|
-
src="undefined"
|
|
324
|
-
class="button-
|
|
380
|
+
id="illbe" src="undefined"
|
|
381
|
+
class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
|
|
325
382
|
|
|
326
383
|
|
|
327
384
|
>Created 2023-02-16 by lexoyo</P><div
|
|
328
385
|
id="i9fx3l" src="undefined"
|
|
329
|
-
class="
|
|
386
|
+
class="skeleton skeleton-button "
|
|
330
387
|
|
|
331
388
|
|
|
332
389
|
>Edit</div></SECTION><SECTION
|
|
333
390
|
id="isld3r" src="undefined"
|
|
334
|
-
class="button-bar
|
|
391
|
+
class="button-bar loading__item skeleton-anim skeleton-wrapper "
|
|
335
392
|
v-if="loading"
|
|
336
393
|
|
|
337
394
|
><H3
|
|
338
395
|
src="undefined"
|
|
339
|
-
class="button-bar_item button-bar__item--main skeleton-text skeleton "
|
|
396
|
+
class="button-bar_item button-bar__item--main skeleton-text skeleton right-space-40 "
|
|
340
397
|
|
|
341
398
|
|
|
342
399
|
>My first websiteMy first websiteMy first websiteMy first</H3><P
|
|
343
400
|
src="undefined"
|
|
344
|
-
class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
|
|
401
|
+
class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40 "
|
|
345
402
|
|
|
346
403
|
|
|
347
404
|
>Updated 1h ago by lexoyo</P><P
|
|
348
405
|
src="undefined"
|
|
349
|
-
class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
|
|
406
|
+
class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40 "
|
|
350
407
|
|
|
351
408
|
|
|
352
409
|
>Created 2023-02-16 by lexoyo</P><div
|
|
@@ -381,27 +438,27 @@ input:focus {
|
|
|
381
438
|
|
|
382
439
|
>{{ text-empty2 }}</H3></div></div><div
|
|
383
440
|
id="i7ej6j" src="undefined"
|
|
384
|
-
class="
|
|
441
|
+
class="flex-between box-message text-white "
|
|
385
442
|
v-if="error"
|
|
386
443
|
|
|
387
444
|
><H3
|
|
388
445
|
id="iv0eyi" src="undefined"
|
|
389
|
-
class="
|
|
446
|
+
class="box-message-text "
|
|
390
447
|
v-text="error"
|
|
391
448
|
|
|
392
449
|
>Insert your text here</H3><div
|
|
393
450
|
id="i4656n" src="undefined"
|
|
394
|
-
class="
|
|
451
|
+
class="pointer button-bar__item--link text-white "
|
|
395
452
|
@click="error = null"
|
|
396
453
|
|
|
397
454
|
>{{ message-dismiss }}</div></div><div
|
|
398
455
|
id="ilteie" src="undefined"
|
|
399
|
-
class="
|
|
456
|
+
class="flex-between box-message text-white "
|
|
400
457
|
v-if="message"
|
|
401
458
|
|
|
402
459
|
><H3
|
|
403
460
|
id="i2d31v" src="undefined"
|
|
404
|
-
class="
|
|
461
|
+
class="box-message-text "
|
|
405
462
|
v-text="message"
|
|
406
463
|
|
|
407
464
|
>Insert your text here</H3><div
|
|
@@ -411,12 +468,12 @@ input:focus {
|
|
|
411
468
|
|
|
412
469
|
>{{ message-dismiss }}</div></div></MAIN><FOOTER
|
|
413
470
|
id="ilzpl" src="undefined"
|
|
414
|
-
class="
|
|
471
|
+
class="footer "
|
|
415
472
|
|
|
416
473
|
|
|
417
474
|
><div
|
|
418
475
|
id="i238z" src="undefined"
|
|
419
|
-
class="
|
|
476
|
+
class="website-max-width "
|
|
420
477
|
|
|
421
478
|
|
|
422
479
|
>{{ content }}</div></FOOTER></body>
|