@silexlabs/silex-dashboard 1.0.41 → 1.0.45

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.
Files changed (95) hide show
  1. package/.gitmodules +2 -2
  2. package/11ty/eleventy.config.mjs +62 -0
  3. package/README.md +8 -2
  4. package/_site/css/connectors-61bd21c2345101e48cc530cacf3afc0156ce7e089fcef3a34f853a537f0c55f2.css +1 -0
  5. package/_site/css/websites-4b9b2b0a0a907b33eca109d50c2a3eee97f1955c742cef487110d21a0bbf8f50.css +1 -0
  6. package/_site/en/connectors/index.html +176 -181
  7. package/_site/en/index.html +59 -470
  8. package/_site/fr/connectors/index.html +176 -181
  9. package/_site/fr/index.html +59 -470
  10. package/_site/js/main.js +362 -0
  11. package/_site/js/main.js.LICENSE.txt +38 -0
  12. package/_site/js/vue.cjs.js +89 -0
  13. package/_site/js/vue.cjs.prod.js +75 -0
  14. package/_site/js/vue.d.mts +7 -0
  15. package/_site/js/vue.d.ts +7 -0
  16. package/_site/js/vue.esm-browser.js +16740 -0
  17. package/_site/js/vue.esm-browser.prod.js +12 -0
  18. package/_site/js/vue.esm-bundler.js +80 -0
  19. package/_site/js/vue.global.js +16725 -0
  20. package/_site/js/vue.global.prod.js +12 -0
  21. package/_site/js/vue.runtime.esm-browser.js +11155 -0
  22. package/_site/js/vue.runtime.esm-browser.prod.js +12 -0
  23. package/_site/js/vue.runtime.esm-bundler.js +26 -0
  24. package/_site/js/vue.runtime.global.js +11302 -0
  25. package/_site/js/vue.runtime.global.prod.js +12 -0
  26. package/collections/connectors/en.md +70 -0
  27. package/collections/connectors/fr.md +72 -0
  28. package/collections/home/en.md +57 -0
  29. package/{pages/fr/index.md → collections/home/fr.md} +20 -21
  30. package/collections/languages/en.json +5 -0
  31. package/collections/languages/fr.json +5 -0
  32. package/collections/settings/en.json +127 -0
  33. package/collections/settings/fr.json +131 -0
  34. package/package.json +17 -8
  35. package/silex/client-config.js +24 -0
  36. package/{.silex.js → silex/server-config.js} +8 -18
  37. package/templates/connectors-en.11tydata.mjs +56 -0
  38. package/templates/connectors-en.html +440 -0
  39. package/templates/connectors-fr.11tydata.mjs +56 -0
  40. package/templates/connectors-fr.html +440 -0
  41. package/templates/css/connectors-61bd21c2345101e48cc530cacf3afc0156ce7e089fcef3a34f853a537f0c55f2.css +1 -0
  42. package/templates/css/websites-4b9b2b0a0a907b33eca109d50c2a3eee97f1955c742cef487110d21a0bbf8f50.css +1 -0
  43. package/templates/websites-en.11tydata.mjs +108 -0
  44. package/templates/websites-en.html +478 -0
  45. package/templates/websites-fr.11tydata.mjs +108 -0
  46. package/templates/websites-fr.html +478 -0
  47. package/tina/config.ts +258 -0
  48. package/tina/tina-lock.json +1 -0
  49. package/.eleventy.js +0 -11
  50. package/.silex-client.js +0 -22
  51. package/_data/languages.json +0 -7
  52. package/_includes/api-connectors.js.html +0 -96
  53. package/_includes/api-websites.js.html +0 -189
  54. package/_includes/connectors.html +0 -253
  55. package/_includes/websites.html +0 -548
  56. package/_silex/old/assets/alex-hoyau.jpg +0 -0
  57. package/_silex/old/assets/alex-small.jpg +0 -0
  58. package/_silex/old/assets/empty-projects.gif +0 -0
  59. package/_silex/old/assets/gitlab.svg +0 -13
  60. package/_silex/old/assets/picto-silex.png +0 -0
  61. package/_silex/old/assets/silex-icon-2018@200px.png +0 -0
  62. package/_silex/old/meta.json +0 -1
  63. package/_silex/old/website.json +0 -1
  64. package/_site/assets/alex-small.jpg +0 -0
  65. package/_site/assets/gitlab.svg +0 -13
  66. package/_site/assets/silex-dashboard.png +0 -0
  67. package/_site/assets/silex-icon-2018@200px.png +0 -0
  68. package/_site/css/connectors.css +0 -1
  69. package/_site/css/websites.css +0 -1
  70. package/assets/alex-small.jpg +0 -0
  71. package/assets/bg-purpel-silex.webp +0 -0
  72. package/assets/bg-silex-purpel.webp +0 -0
  73. package/assets/empty-projects-sos.gif +0 -0
  74. package/assets/gitlab.svg +0 -13
  75. package/assets/logo-silex.svg +0 -1
  76. package/assets/picto-silex@3x.png +0 -0
  77. package/assets/silex-dashboard.png +0 -0
  78. package/assets/silex-icon-2018@200px.png +0 -0
  79. package/pages/connectors.css.liquid +0 -4
  80. package/pages/en/connectors.md +0 -4
  81. package/pages/en/en.json +0 -72
  82. package/pages/en/index.md +0 -28
  83. package/pages/fr/connectors.md +0 -5
  84. package/pages/fr/fr.json +0 -72
  85. package/pages/pages.11tydata.js +0 -5
  86. package/pages/websites.css.liquid +0 -4
  87. /package/{_data → 11ty/_data}/api-translations.json +0 -0
  88. /package/{_data → 11ty/_data}/site.js +0 -0
  89. /package/{_includes → 11ty/_includes}/alternate.liquid +0 -0
  90. /package/{_silex/old → templates}/assets/bg-purpel-silex.webp +0 -0
  91. /package/{_silex/old → templates}/assets/bg-silex-purpel.webp +0 -0
  92. /package/{_silex/old → templates}/assets/empty-projects-sos.gif +0 -0
  93. /package/{assets → templates/assets}/favicon-32x32.png +0 -0
  94. /package/{_silex/old → templates}/assets/logo-silex.svg +0 -0
  95. /package/{_silex/old → templates}/assets/picto-silex@3x.png +0 -0
@@ -1,21 +1,19 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="">
3
3
  <head>
4
- <link rel="stylesheet" href="/css/websites.css" />
4
+ <meta charset="UTF-8">
5
+ <link rel="stylesheet" href="/css/websites-4b9b2b0a0a907b33eca109d50c2a3eee97f1955c742cef487110d21a0bbf8f50.css" />
5
6
  <!-- font google -->
6
7
  <link rel="preconnect" href="https://fonts.gstatic.com" />
7
8
  <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap" rel="stylesheet">
8
9
 
9
- <link
10
- rel="alternate"
11
- hreflang="fr"
12
- href="/fr/" />
13
10
  <style>
14
11
  .before-js > * {
15
12
  visibility: hidden;
16
13
  opacity: 0;
17
14
  transition: opacity .5s ease;
18
15
  }
16
+ .before-js[data-gjs-type] > *, /* This is only inside the editor, .before-js needs to be on the body */
19
17
  .after-js > * {
20
18
  visibility: visible;
21
19
  opacity: 1;
@@ -26,6 +24,7 @@
26
24
  top: 49%;
27
25
  left: 49%;
28
26
  }
27
+ .before-js[data-gjs-type]:before, /* This is only inside the editor, .before-js needs to be on the body */
29
28
  .after-js:before {
30
29
  content: none;
31
30
  }
@@ -61,7 +60,7 @@
61
60
  color: #8873FE;
62
61
  }
63
62
  input:focus {
64
- border: 2px solid ##9977FE;
63
+ border: 2px solid #9977FE;
65
64
  background-color:#ffffff;
66
65
  }
67
66
  :focus {
@@ -129,12 +128,12 @@
129
128
  }
130
129
  /*flash*/
131
130
  .fx-flash:hover {
132
- animation: flash-in .5s ;
131
+ animation: flash-in .25s ;
133
132
  }
134
133
  /*flash-in animation*/
135
134
  @keyframes flash-in{
136
135
  0% {
137
- opacity:0;
136
+ opacity:.25;
138
137
  }
139
138
  100% {
140
139
  opacity:1;
@@ -143,7 +142,7 @@
143
142
  /*flash-in animation*/
144
143
  /*FX ANIMATIONS*/
145
144
  </style>
146
- <script src="/js/vue.global.js"></script>
145
+ <script src="/js/vue.global.prod.js"></script>
147
146
  <script src="/js/main.js"></script>
148
147
  <script type="module">
149
148
  const CONNECTORS_PATH = '/connectors/'
@@ -192,9 +191,11 @@ window.addEventListener('load', function() {
192
191
  try {
193
192
  // Init Silex server path
194
193
  // Go up one level because of the language prefix
195
- setServerUrl((window.location.origin + window.location.pathname.replace(/\/$/, '')).replace(/\/[^/]+$/, ''))
194
+ setServerUrl(window.location.origin)
196
195
  // Start
197
196
  const user = await getUser({type: ConnectorType.STORAGE})
197
+ // Escape single quotes in the picture URL and decode the picture URL
198
+ user.picture = decodeURIComponent(user.picture).replace(/'/g, "\\'")
198
199
  if(user) {
199
200
  this.user = user
200
201
  this.loggedIn = true
@@ -322,9 +323,17 @@ window.addEventListener('load', function() {
322
323
  },
323
324
  },
324
325
  };
326
+ // Prepare elements for vue
327
+ document.querySelectorAll('[v-text], [v-html]')
328
+ .forEach(el => el.innerText = '')
329
+
330
+
331
+ // Create the app
332
+ const app = createApp(App);
333
+
334
+ // Mount the app
335
+ app.mount('.app');
325
336
 
326
- // Start vue app
327
- createApp(App).mount('.app');
328
337
 
329
338
  // Remove loading
330
339
  setTimeout(() => {
@@ -333,463 +342,43 @@ window.addEventListener('load', function() {
333
342
  })
334
343
  </script>
335
344
 
336
-
337
- <title>Silex Dashboard</title>
345
+ <title></title>
338
346
  <link rel="icon" href="/assets/favicon-32x32.png" />
339
- <meta name="description" property="description" content=""/>
340
- <meta name="og:title" property="og:title" content=""/>
341
- <meta name="og:description" property="og:description" content=""/>
342
- <meta name="og:image" property="og:image" content=""/>
343
- </head>
344
- <body
345
- id="ik0i"
346
- class="body loading app before-js"
347
-
348
-
349
- ><HEADER
350
- id="igrg"
351
- class="menu-bar "
352
-
353
-
354
- ><A
355
- id="igvu43" href="/"
356
-
357
-
358
-
359
- ><img
360
- src="/assets/picto-silex@3x.png" id="iel80b-2"
361
- class="nav__logo "
362
-
363
-
364
- ></img></A><NAV
365
- id="i9jq"
366
- class="nav "
367
-
368
-
369
- ><A
370
- id="iels" href="/"
371
- class="nav__item uppercase active"
372
- target=""
373
-
374
- >Sites</A><A
375
- id="iels" href="http://docs.silex.me/"
376
- class="nav__item uppercase "
377
- target="_blank"
378
-
379
- >Docs</A><A
380
- id="iels" href="https://www.silex.me/"
381
- class="nav__item uppercase "
382
- target="_blank"
383
-
384
- >About</A><A
385
- id="iels" href="https://community.silex.me/"
386
- class="nav__item uppercase "
387
- target="_blank"
388
-
389
- >Community</A><A
390
- id="iels" href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=en-US&source=silex-dashboard"
391
- class="nav__item uppercase "
392
- target="_blank"
393
-
394
- >News</A></NAV><div
395
- id="i2red7"
396
- class="lang h-space "
397
-
398
-
399
- ><A
400
- href="/en" id="iciz"
401
- class="lang__item nav__item uppercase active"
402
- hreflang="en"
403
-
404
- >en</A><A
405
- href="/fr" id="iciz"
406
- class="lang__item nav__item uppercase "
407
- hreflang="fr"
408
-
409
- >fr</A></div><div
410
- id="i24ew"
411
- class="user__wrapper pointer "
412
- v-if="user && !user.storage.disableLogout" @NOmouseover="showMenu = true" @NOmouseout="showMenu = false" @click="showMenu = !showMenu"
413
-
414
- ><div
415
- id="i5xsbd"
416
- class="user-icon__wrapper "
417
- v-if="user" v-show="!showMenu || user.storage.disableLogout"
418
-
419
- ><div
420
- id="i5wlbq"
421
- class="user-icon__image "
422
- v-if="user" v-show="!showMenu || user.storage.disableLogout" :style='`background: url("${user.picture}"); background-repeat: no-repeat; background-size: contain;`'
423
-
424
- ></div></div><div
425
- id="ic9eoa"
426
-
427
- v-show="showMenu && !user.storage.disableLogout"
428
-
429
- ><div
430
- id="iksw4d"
431
- class="button button--tertiary text-centered "
432
- @click="logout()"
433
-
434
- >Logout</div></div></div></HEADER><HEADER
435
- id="iy8ax3"
436
- class="bg-silex-purpel "
437
-
438
-
439
- ><div
440
- id="iisz8f"
441
- class="section-top text-centered text-white "
442
-
443
-
444
- ><H1
445
- id="ic31o"
446
- class="title-40 "
447
- v-if="!empty"
448
-
449
- >Welcome back!</H1><P
450
- id="iyex8"
451
- class="subtitle-16 "
452
- v-if="!empty"
453
-
454
- >Dive into your projects or kickstart a new one</P><H1
455
- id="i4ybc"
456
- class="title-40 "
457
- v-if="empty"
458
-
459
- >Welcome, let's get started</H1><P
460
- id="iino6r"
461
- class="subtitle-16 "
462
- v-if="empty"
463
-
464
- >Create your first project, click on "Create a website"</P></div></HEADER><MAIN
465
- id="iz63r"
466
- class="padding-normal main-min-height website-max-width margin-80 "
467
-
468
-
469
- ><SECTION
470
- id="iqmx38"
471
-
472
- v-if="empty"
473
-
474
- ></SECTION><div
475
- id="ickx4"
476
- class="margin-20 "
477
- v-if="!empty"
478
-
479
- ><BUTTON
480
- id="ic92g"
481
- class="button button--primary rounded top-space-40 fx-scale-round "
482
- @click="showCreationForm = !showCreationForm" v-if="!showCreationForm"
483
-
484
- ><span
485
- id="igsxoc"
486
- class="icon-font "
487
-
488
-
489
- >+</span> <span
490
-
491
-
492
-
493
-
494
- >Create website</span></BUTTON><div
495
- id="i0ro3"
496
- class="button button--secondary rounded "
497
-
498
-
499
- >Import</div></div><div
500
- id="ihwwxz"
501
- class="box top-space-40 padding-30 box_transp "
502
- v-if="showCreationForm"
503
-
504
- ><H3
505
- id="i3gd1b"
506
- class="box__header text-centered "
507
-
508
-
509
- >Create a new website</H3><form
510
- method="get" id="i50acf"
511
- class="form "
512
- @submit.prevent="createWebsite"
513
-
514
- ><div
515
- id="igtg1t"
516
- class="v-space "
517
-
518
-
519
- ><label
520
- id="i1nmbc"
521
- class="v-space bold color-2B1B63-80 "
522
-
523
-
524
- >Website name</label><input
525
- type="text" id="ij5iwh" placeholder="My project website"
526
- class="input full-width "
527
- v-model="newWebsiteName"
528
-
529
- ></input></div><div
530
- id="ie0xes"
531
-
532
-
533
-
534
- ><button
535
- type="submit" id="i021na"
536
- class="button rounded button--primary right-space-20 fx-scale-round "
537
-
538
-
539
- >Create</button><button
540
- type="reset"
541
- class="button rounded button--secondary fx-scale-round "
542
- @click="showCreationForm = !showCreationForm"
543
-
544
- >Cancel</button></div></form></div><div
545
- id="if80m"
546
- class="margin-20 "
547
- v-if="!empty"
548
-
549
- ><SECTION
550
- id="idgvg"
551
- class="button-bar loaded__item "
552
- v-if="!loading" v-for="(website, index) in websites" :key="index"
553
-
554
- ><H3
555
- id="i69a7"
556
- class="right-space-40 color-2B1B63-80 uppercase pointer fx-flash full-width button-bar__title underline "
557
- v-text="website.name || website.id" @click="openEditor(website.websiteId, 'en')"
558
-
559
- >My first website</H3><P
560
- id="i65hn"
561
- class="button-bar__item--secondary flex-no-shrink right-space-40 "
562
- v-text="'Updated ' + new Date(website.updatedAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })"
563
-
564
- >Updated 1h ago by lexoyo</P><P
565
- id="i64qa"
566
- class="button-bar__item--secondary flex-no-shrink right-space-40 "
567
- v-text="'Created ' + new Date(website.createdAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })"
568
-
569
- >Created 2023-02-16 by lexoyo</P><div
570
- id="i3b4tr"
571
- class="flex-no-shrink "
572
-
573
-
574
- ><BUTTON
575
- id="ifyf6p" title="Edit"
576
- class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon "
577
- @click="openEditor(website.websiteId, 'en')"
578
-
579
- ><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="#8873fe" d="M368 80h32v32H368V80zM352 32c-17.7 0-32 14.3-32 32H128c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64v64c0 17.7 14.3 32 32 32V352c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32H320c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V384c0-17.7-14.3-32-32-32V160c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32H352zM96 160c17.7 0 32-14.3 32-32H320c0 17.7 14.3 32 32 32V352c-17.7 0-32 14.3-32 32H128c0-17.7-14.3-32-32-32V160zM48 400H80v32H48V400zm320 32V400h32v32H368zM48 112V80H80v32H48z"/></svg></BUTTON><BUTTON
580
- id="ihf6ew" title="Rename"
581
- class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon "
582
- @click="renameWebsite(website.websiteId, 'en')"
583
-
584
- ><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="#8873fe" d="M471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7zm-299.2 220c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3 172.4 241.7zM96 64C43 64 0 107 0 160V416c0 53 43 96 96 96H352c53 0 96-43 96-96V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H96z"/></svg></BUTTON><BUTTON
585
- id="iol4h" title="Duplicate"
586
- class="button-bar__item--link pointer fx-flash fx-scale button-bar__item--icon "
587
- @click="duplicateWebsite(website.websiteId, 'en')"
588
-
589
- ><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path fill="#8873fe" d="M384 336H192c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16l140.1 0L400 115.9V320c0 8.8-7.2 16-16 16zM192 384H384c35.3 0 64-28.7 64-64V115.9c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1H192c-35.3 0-64 28.7-64 64V320c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H256c35.3 0 64-28.7 64-64V416H272v32c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192c0-8.8 7.2-16 16-16H96V128H64z"/></svg></BUTTON><BUTTON
590
-
591
- class="button-bar__item--link pointer fx-flash fx-scale "
592
- @click="deleteWebsite(website.websiteId)" title="Delete"
593
-
594
- >X</BUTTON></div></SECTION><SECTION
595
- id="i1fjn"
596
- class="button-bar loading__item skeleton-anim skeleton-wrapper "
597
- v-if="loading"
598
-
599
- ><H3
600
- id="iwu6a"
601
- class="skeleton-text skeleton right-space-40 "
602
-
603
-
604
- >My first websiteMy first websiteMy first websiteMy first</H3><P
605
- id="i26fn"
606
- class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
607
-
608
-
609
- >Updated 1h ago by lexoyo</P><P
610
- id="iywbk"
611
- class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
612
-
613
-
614
- >Created 2023-02-16 by lexoyo</P><div
615
- id="ixz6c"
616
- class="skeleton skeleton-button "
617
-
618
-
619
- >Edit</div></SECTION><SECTION
620
- id="iwxxo5"
621
- class="button-bar loading__item skeleton-anim skeleton-wrapper "
622
- v-if="loading"
623
-
624
- ><H3
625
- id="inmp3"
626
- class="skeleton-text skeleton right-space-40 "
627
-
628
-
629
- >My first websiteMy first websiteMy first websiteMy first</H3><P
630
- id="icjz8"
631
- class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
632
-
633
-
634
- >Updated 1h ago by lexoyo</P><P
635
- id="illbe"
636
- class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
637
-
638
-
639
- >Created 2023-02-16 by lexoyo</P><div
640
- id="i9fx3l"
641
- class="skeleton skeleton-button "
642
-
643
-
644
- >Edit</div></SECTION><SECTION
645
- id="isld3r"
646
- class="button-bar loading__item skeleton-anim skeleton-wrapper "
647
- v-if="loading"
648
-
649
- ><H3
650
-
651
- class="button-bar_item button-bar__item--main skeleton-text skeleton right-space-40 "
652
-
653
-
654
- >My first websiteMy first websiteMy first websiteMy first</H3><P
655
-
656
- class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40 "
657
-
658
-
659
- >Updated 1h ago by lexoyo</P><P
660
-
661
- class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40 "
662
-
663
-
664
- >Created 2023-02-16 by lexoyo</P><div
665
- id="i8oes3"
666
- class="button-bar_item skeleton skeleton-button "
667
-
668
-
669
- >Edit</div></SECTION></div><div
670
- id="ipccl7"
671
-
672
-
673
-
674
- ><div
675
- id="i2fkm9"
676
- class="margin-20 empty-image "
677
- v-if="empty"
678
-
679
- ></div><div
680
- id="i5ydxo"
681
- class="box padding-50-30 box--centered "
682
- v-if="empty"
683
-
684
- ><P
685
- id="ikl1qu"
686
- class="text-centered title-26 "
687
-
688
-
689
- >Such emptyness...</P><H3
690
- id="iwzrqi"
691
- class="text-centered title-26 "
692
-
693
-
694
- >Ready to start your journey?</H3><BUTTON
695
- id="i2x0l"
696
- class="button button--primary rounded top-space-40 fx-scale-round "
697
- @click="showCreationForm = !showCreationForm" v-if="!showCreationForm" v-if="empty"
698
-
699
- ><span
700
- id="ibsgw"
701
- class="icon-font "
702
-
703
-
704
- >+</span> <span
705
- id="itl2n8"
706
-
707
-
708
-
709
- >Create website</span></BUTTON></div></div><div
710
- id="i7ej6j"
711
- class="flex-between box-message text-white "
712
- v-if="error"
713
-
714
- ><H3
715
- id="iv0eyi"
716
- class="box-message-text "
717
- v-text="error"
718
-
719
- >Insert your text here</H3><div
720
- id="i4656n"
721
- class="pointer button-bar__item--link text-white "
722
- @click="error = null"
723
-
724
- >Dismiss</div></div><div
725
- id="ilteie"
726
- class="flex-between box-message text-white "
727
- v-if="message"
728
-
729
- ><H3
730
- id="i2d31v"
731
- class="box-message-text "
732
- v-text="message"
733
-
734
- >Insert your text here</H3><div
735
- id="i2urco"
736
- class="rounded pointer button-bar__item--link text-white "
737
- @click="message = null"
738
-
739
- >Dismiss</div></div></MAIN><FOOTER
740
- id="ilzpl"
741
- class="footer "
742
-
743
-
744
- ><div
745
- id="isucae"
746
- class="footer__column "
747
-
748
-
749
- ><A
750
- id="ipa5zg" href="http://docs.silex.me/"
751
- class="footer__item "
752
-
753
-
754
- >Documentation</A><A
755
- id="ipa5zg" href="https://www.silex.me/"
756
- class="footer__item "
757
-
758
-
759
- >About Silex, official website</A><A
760
- id="ipa5zg" href="https://community.silex.me/"
761
- class="footer__item "
762
-
763
-
764
- >Community furum</A><A
765
- id="ipa5zg" href="http://www.silexlabs.org/"
766
- class="footer__item "
767
-
768
-
769
- >Silex Labs - the non profit organization behind Silex</A></div><div
770
- id="ie28kq"
771
- class="footer__column "
772
-
773
-
774
- ><A
775
- href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=en-US&source=silex-dashboard" id="iahjww"
776
- class="footer__item "
777
-
778
-
779
- >Newsletter - every 3 months</A><A
780
- href="https://www.meetup.com/Silex-Labs-Aperopensource/" id="iahjww"
781
- class="footer__item "
782
-
783
-
784
- >Meetups, events, workshops</A><A
785
- href="https://fosstodon.org/@silex" id="iahjww"
786
- class="footer__item "
787
-
788
-
789
- >Mastodon - follow us on the free/libre social network</A><A
790
- href="https://www.youtube.com/user/Silexlabs/" id="iahjww"
791
- class="footer__item "
792
-
793
-
794
- >Youtube - tutorials and more</A></div></FOOTER></body>
347
+ <meta name="og:title" property="og:title" content="Silex Dashboard"/>
348
+ <link href="https://www.googleapis.com" rel="preconnect" ><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin ><link href="https://www.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet" ></head>
349
+
350
+ <body id="ik0i" class="body loading app before-js"><HEADER id="igrg" class="menu-bar"><A id="igvu43" href="/"><img src="/assets/favicon-32x32.png" id="iel80b-2" class="nav__logo"/></A><NAV id="i9jq" class="nav">
351
+
352
+ <a id="iels" href="/" class="nav__item uppercase fx-flash nav_item--active" target="">Sites</a>
353
+ <a id="iels" href="http://docs.silex.me/" class="nav__item uppercase fx-flash nav_item--active" target="_blank">Docs</a>
354
+ <a id="iels" href="https://www.silex.me/" class="nav__item uppercase fx-flash nav_item--active" target="_blank">About</a>
355
+ <a id="iels" href="https://community.silex.me/" class="nav__item uppercase fx-flash nav_item--active" target="_blank">Community</a>
356
+ <a id="iels" href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=en-US&source=silex-dashboard" class="nav__item uppercase fx-flash nav_item--active" target="_blank">News</a></NAV>
357
+
358
+ <div id="i2red7" class="lang"><a href="/en" id="iciz" class="lang__item nav__item uppercase">EN</a></div>
359
+ <div id="i2red7" class="lang"><a href="/fr" id="iciz" class="lang__item nav__item uppercase">FR</a></div><div id="i24ew" class="user__wrapper pointer" v-if="user" v-on:click="showMenu = !showMenu"><div id="i5xsbd" class="user-icon__wrapper" v-if="user" v-show="!showMenu || user.storage.disableLogout"><div id="i5wlbq" class="user-icon__image" v-if="user" v-show="!showMenu || user.storage.disableLogout" :style="{ backgroundImage: `url('${user?.picture}')`, backgroundRepeat: 'no-repeat', backgroundSize: 'contain', }"></div></div><div id="ic9eoa" class="" v-show="showMenu && !user.storage.disableLogout"><div id="iksw4d" class="button button--tertiary text-centered" v-on:click="logout()">Logout</div></div></div></HEADER><HEADER id="iy8ax3" class="bg-silex-purpel"><div id="iisz8f" class="section-top text-centered text-white"><h1 id="ic31o" class="title-40" v-if="!empty">Welcome back!</h1><p id="iyex8" class="subtitle-16" v-if="!empty">Dive into your projects or kickstart a new one</p><h1 id="i4ybc" class="title-40" v-if="empty">Welcome, let's get started</h1><p id="iino6r" class="subtitle-16" v-if="empty">Create your first project, click on "Create a website"</p></div></HEADER><MAIN id="iz63r" class="padding-normal main-min-height website-max-width margin-80"><section id="iqmx38" class="" v-if="empty"></section><div id="ickx4" class="margin-20" v-if="!empty"><button id="ic92g" class="button button--primary rounded top-space-40 fx-scale-round" v-if="!showCreationForm" v-on:click="showCreationForm = !showCreationForm"><span id="igsxoc" class="icon-font">+</span> <span id="ixu14" class="">Create website</span></button><div id="i0ro3" class="button button--secondary rounded">Import</div></div><div id="ihwwxz" class="box top-space-40 padding-30 box_transp" v-if="showCreationForm"><h3 id="i3gd1b" class="box__header text-centered">Create a new website</h3><form method="get" id="i50acf" class="form" v-on:submit.prevent="createWebsite"><div id="igtg1t" class="v-space"><label id="i1nmbc" class="v-space bold color-2B1B63-80">Website name</label><input type="text" id="ij5iwh" placeholder="My project website" class="input full-width" v-model="newWebsiteName"></input></div><div id="ie0xes"><button type="submit" id="i021na" class="button rounded button--primary right-space-20 fx-scale-round">Create</button><button type="reset" class="button rounded button--secondary fx-scale-round" v-on:click="showCreationForm = !showCreationForm" v-if="!empty">Cancel</button></div></form></div><div id="if80m" class="margin-20"><section id="idgvg" class="button-bar loaded__item" v-if="!loading" v-for="(website, index) in websites" :key="index"><h3 id="i69a7" class="right-space-40 color-2B1B63-80 uppercase pointer fx-flash full-width button-bar__title underline" v-on:click="openEditor(website.websiteId, 'en')" v-text="website.name || website.id">My first website</h3><p id="i65hn" class="button-bar__item--secondary flex-no-shrink right-space-40" v-text="'Updated ' + new Date(website.updatedAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })">Updated 1h ago by lexoyo</p><p id="i64qa" class="button-bar__item--secondary flex-no-shrink right-space-40" v-text="'Created ' + new Date(website.createdAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })">Created 2023-02-16 by lexoyo</p><div id="i3b4tr" class="flex-no-shrink"><button id="ifyf6p" title="Edit" class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon" v-on:click="openEditor(website.websiteId, 'en')"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="#8873fe" d="M368 80h32v32H368V80zM352 32c-17.7 0-32 14.3-32 32H128c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64v64c0 17.7 14.3 32 32 32V352c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32H320c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V384c0-17.7-14.3-32-32-32V160c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32H352zM96 160c17.7 0 32-14.3 32-32H320c0 17.7 14.3 32 32 32V352c-17.7 0-32 14.3-32 32H128c0-17.7-14.3-32-32-32V160zM48 400H80v32H48V400zm320 32V400h32v32H368zM48 112V80H80v32H48z"/></svg></button><button id="ihf6ew" title="Rename" class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon" v-on:click="renameWebsite(website.websiteId, 'en')"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="#8873fe" d="M471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7zm-299.2 220c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3 172.4 241.7zM96 64C43 64 0 107 0 160V416c0 53 43 96 96 96H352c53 0 96-43 96-96V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H96z"/></svg></button><button id="iol4h" title="Duplicate" class="button-bar__item--link pointer fx-flash fx-scale button-bar__item--icon" v-on:click="duplicateWebsite(website.websiteId, 'en')"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path fill="#8873fe" d="M384 336H192c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16l140.1 0L400 115.9V320c0 8.8-7.2 16-16 16zM192 384H384c35.3 0 64-28.7 64-64V115.9c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1H192c-35.3 0-64 28.7-64 64V320c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H256c35.3 0 64-28.7 64-64V416H272v32c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192c0-8.8 7.2-16 16-16H96V128H64z"/></svg></button><button id="it5ia" class="button-bar__item--link pointer fx-flash fx-scale" title="Delete" v-on:click="deleteWebsite(website.websiteId)">X</button></div></section><section id="i1fjn" class="button-bar loading__item skeleton-anim skeleton-wrapper" v-if="loading"><H3 id="iwu6a" class="skeleton-text skeleton right-space-40">My first websiteMy first websiteMy first websiteMy first</H3><P id="i26fn" class="button-bar__item--secondary skeleton-text skeleton right-space-40">Updated 1h ago by lexoyo</P><P id="iywbk" class="button-bar__item--secondary skeleton-text skeleton right-space-40">Created 2023-02-16 by lexoyo</P><div id="ixz6c" class="skeleton skeleton-button">Edit</div></section><section id="iwxxo5" class="button-bar loading__item skeleton-anim skeleton-wrapper" v-if="loading"><H3 id="inmp3" class="skeleton-text skeleton right-space-40">My first websiteMy first websiteMy first websiteMy first</H3><P id="icjz8" class="button-bar__item--secondary skeleton-text skeleton right-space-40">Updated 1h ago by lexoyo</P><P id="illbe" class="button-bar__item--secondary skeleton-text skeleton right-space-40">Created 2023-02-16 by lexoyo</P><div id="i9fx3l" class="skeleton skeleton-button">Edit</div></section><section id="isld3r" class="button-bar loading__item skeleton-anim skeleton-wrapper" v-if="loading"><H3 class="button-bar_item button-bar__item--main skeleton-text skeleton right-space-40">My first websiteMy first websiteMy first websiteMy first</H3><P class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40">Updated 1h ago by lexoyo</P><P class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40">Created 2023-02-16 by lexoyo</P><div id="i8oes3" class="button-bar_item skeleton skeleton-button">Edit</div></section></div><div id="ipccl7"><div id="i2fkm9" class="margin-20 empty-image" v-if="empty"></div><div id="i5ydxo" class="box padding-50-30 box--centered" v-if="empty"><p id="ikl1qu" class="text-centered title-26">Such emptyness...</p><h3 id="iwzrqi" class="text-centered title-26">Ready to start your journey?</h3><button id="i2x0l" class="button button--primary rounded top-space-40 fx-scale-round" v-on:click="showCreationForm = !showCreationForm" v-if="!showCreationForm"><span id="ibsgw" class="icon-font">+</span> <span id="itl2n8" class="">Create website</span></button></div></div><div id="i7ej6j" class="flex-between box-message text-white" v-if="error"><h3 id="iv0eyi" class="box-message-text" v-text="error">Insert your text here</h3><div id="i4656n" class="pointer button-bar__item--link text-white" v-on:click="error = null">Dismiss</div></div><div id="ilteie" class="flex-between box-message text-white" v-if="message"><h3 id="i2d31v" class="box-message-text" v-text="message">Insert your text here</h3><div id="i2urco" class="rounded pointer button-bar__item--link text-white" v-on:click="message = null">Dismiss</div></div></MAIN><FOOTER id="ilzpl" class="footer">
360
+
361
+ <div id="isucae" class="footer__column"><h3 id="ipa5zg" href="" class="footer__item">Social & community</h3>
362
+
363
+ <a href="https://www.silex.me/" class="footer__item" target="_blank">About Silex, official website</a>
364
+ <a href="mailto:contact+silex-dashboard-footer@silex.me" class="footer__item" target="">Email the team</a>
365
+ <a href="https://short.silex.me/sponsors" class="footer__item" target="">Sponsors</a>
366
+ <a href="https://short.silex.me/donate" class="footer__item" target="">Donate</a>
367
+ <a href="https://short.silex.me/community" class="footer__item" target="_blank">Community forum</a>
368
+ <a href="https://news.silex.me/forms/nfrm_weLJnLY5" class="footer__item" target="_blank">Newsletter</a>
369
+ <a href="https://events.silex.me/" class="footer__item" target="_blank">Meetups/ Events</a>
370
+ <a href="https://short.silex.me/mastodon" class="footer__item" target="_blank">Mastodon</a>
371
+ <a href="https://short.silex.me/chat" class="footer__item" target="">Chat</a></div>
372
+ <div id="isucae" class="footer__column"><h3 id="ipa5zg" href="" class="footer__item">Resources</h3>
373
+
374
+ <a href="https://short.silex.me/code" class="footer__item" target="_blank">Source code</a>
375
+ <a href="http://docs.silex.me/" class="footer__item" target="_blank">Documentation</a>
376
+ <a href="https://video.silex.me/my-library/video-playlists" class="footer__item" target="_blank">Videos</a>
377
+ <a href="https://short.silex.me/roadmap" class="footer__item" target="_blank">Roadmap</a>
378
+ <a href="https://short.silex.me/contribute" class="footer__item" target="_blank">Contribute</a></div>
379
+ <div id="isucae" class="footer__column"><h3 id="ipa5zg" href="" class="footer__item">Articles and reviews</h3>
380
+
381
+ <a href="https://short.silex.me/alternatives" class="footer__item" target="_blank">Silex alternatives</a>
382
+ <a href="https://short.silex.me/reviews" class="footer__item" target="_blank">Silex reviews</a>
383
+ <a href="https://short.silex.me/press" class="footer__item" target="_blank">Silex in the press</a></div></FOOTER></body>
795
384
  </html>