@silexlabs/silex-dashboard 1.5.0-canary.3 → 1.5.0

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.
@@ -0,0 +1 @@
1
+ * { box-sizing: border-box; } body {margin: 0;}.nav__item{color:#4a4a4a;font-size:0.8rem;margin:0px 10px 0px 10px;padding:24px 0px 24px 0px;}.body{background-color:#f0f0f0;color:#2b1b63;font-family:"Ubuntu", sans-serif;}.menu-bar{align-items:center;background-color:#ffffff;display:flex;height:94px;justify-content:space-between;padding:0px 100px 0px 100px;width:100%;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{margin:0px 20px 0px 20px;width:100%;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{border:2px solid #8873fe;display:inline-block;font-size:0.8rem;font-weight:700;line-height:1.2rem;padding:10px 20px 10px 20px;transition:all 0.18s ease-out;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{align-items:center;background-color:#ffffff;border-radius:4px 4px 4px 4px;display:flex;justify-content:space-between;margin:20px 0px 20px 0px;padding:30px 30px 30px 30px;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{align-items:center;justify-content:space-between;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{border:2px solid #8873fe;color:#8873fe;font-weight:400;}.rounded{border-radius:4px 4px 4px 4px;}.footer{background-color:#ffffff;display:flex;justify-content:space-evenly;margin:50px 0px 0px 0px;padding:30px 30px 60px 30px;}.skeleton-text.skeleton{background-color:#dddddd;border-radius:5px 5px 5px 5px;color:transparent;opacity:0.31;}.skeleton.skeleton-button{background-color:#dddddd;border-radius:5px 5px 5px 5px;color:transparent;opacity:0.31;width:140px;}.skeleton-anim{position:relative;}.nav__item.active{color:black;}.margin-20{margin:20px 0px 20px 0px;}.loading__item.loaded-true{display:none;}.flex-no-shrink{flex-shrink:0;}.form{border-radius:5px 5px 5px 5px;padding:10px 0px 10px 0px;}#i1nmbc{flex-shrink:0;}.input{background-color:transparent;border:2px solid #8873fe;border-radius:4px 4px 4px 4px;margin:10px 0px 10px 0px;padding:10px 10px 10px 10px;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}.box{background-color:#ffffff;border-radius:4px 4px 4px 4px;}.box__header{color:rgba(43,27,99,0.5);font-size:1.625rem;font-weight:700;margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;}.box.flex-between{align-items:center;}.flex-between{align-items:center;display:flex;justify-content:space-between;}.icon-font{font-size:1.5rem;line-height:1px;margin:0px 2px 0px 2px;}.lang__item{margin:0px 5px 0px 5px;}.top-space-40{margin:40px 0 0 0;}.nav__logo{height:50px;}.user-icon__image{height:100%;width:100%;}.user__wrapper{align-items:center;border:1px solid white;display:flex;flex-direction:column;justify-content:center;margin:0 0 0 20px;}.right-space-20{margin:0px 20px 0px 0px;}.button:hover{border:2px solid #8873fe;color:#8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}.user-icon__wrapper{background-color:#f0f0f0;border:1px solid #f0f0f0;border-radius:50% 50% 50% 50%;height:40px;overflow:hidden hidden;width:40px;}.title-40{font-size:2.5rem;font-weight:700;margin:0 0 10px 0;}.bg-silex-purpel{background-attachment:scroll;background-image:url("/assets/../assets/bg-purpel-silex.webp");background-position:center top;background-repeat:repeat-y;background-size:contain;}.section-top{display:flex;flex-direction:column;height:226px;justify-content:center;margin:0px auto 0px auto;max-width:1200px;padding:40px 30px 40px 30px;}.text-centered{text-align:center;}.box-message{background-color:rgba(43,27,99,0.3);border-radius:4px 4px 4px 4px;margin:10px 0px 10px 0px;padding:20px 30px 20px 30px;}.text-white{color:#ffffff;}.bold{font-weight:800;}.button-bar__item--link{background-color:transparent;border:0px solid black;color:#8873fe;font-size:0.8rem;}.padding-30{padding:30px 30px 30px 30px;}.right-space-40{margin:0 40px 0 0;}.title-26{font-size:1.625rem;margin:10px 0px 10px 0px;}.empty-image{background-attachment:scroll;background-image:url("/assets/../assets/empty-projects-sos.gif");background-position:center center;background-repeat:no-repeat;background-size:contain;min-height:500px;}.padding-50-30{padding:50px 30px 50px 30px;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.button.button--tertiary{background-color:rgba(221,221,221,0.5);border:2px solid transparent;}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.color-2B1B63-80{color:rgba(43,27,99,0.8);}.button.button--tertiary:hover{background-color:white;border:2px solid #8873fe;color:#8873fe;}.box-message-text{font-weight:300;margin:0px 0 0 0;}.website-max-width{max-width:1200px;}.margin-80-centered{margin:80px auto 80px auto;}.button-bar__item--secondary{font-size:0.8rem;}.skeleton{line-height:1.1rem;}#isucae{min-height:100px;}.footer__column{display:flex;flex-direction:column;flex-grow:1;text-align:center;}.footer__item{padding:10px 10px 10px 10px;}#igsxoc{position:relative;top:3px;}.box--centered{align-items:center;display:flex;flex-direction:column;}.button-bar__title:hover{color:#8873fe;}.button-bar__item--icon{margin:0px 0 0 0;padding:5px 5px 5px 5px;}.nav__item:hover{color:#8873fe;text-decoration:none;}.nav_item--active:first-child{color:#8873fe;}#igv1rf{padding:10px;}.icon{background-attachment:scroll;background-image:url("/assets/../assets/template.svg");background-position:left top;background-repeat:no-repeat;background-size:auto;display:inline-block;height:20px;margin:0px 2px 0px 2px;width:20px;}
@@ -294,8 +294,7 @@ window.addEventListener('load', () => {
294
294
  },
295
295
 
296
296
  openEditor(id) {
297
- const params = new URLSearchParams(window.location.search)
298
- const lang = params.get('lang') || 'en'
297
+ const lang = window.location.pathname.split('/')[1] || 'en'
299
298
  window.location.href =
300
299
  `/?id=${id}&lang=${lang}&connectorId=${this.user.storage.connectorId}&forked=${GITLAB_REPO}`
301
300
  },
@@ -367,7 +367,7 @@ window.addEventListener('load', function() {
367
367
  <a href="https://short.silex.me/chat" id="iels" class="nav__item uppercase fx-flash nav_item--active" target="_blank">Chat</a></NAV>
368
368
 
369
369
  <div id="i2red7" class="lang"><a href="/en" id="iciz" class="lang__item nav__item uppercase">EN</a></div>
370
- <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" v-on:click="logout"><div id="igv1rf" class="nav__item">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-centered"><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 right-space-20" v-if="!showCreationForm" v-on:click="showCreationForm = !showCreationForm"><span id="igsxoc" class="icon-font">+</span> <span id="ixu14" class="">Create website</span></button><a id="ic92g-2" href="https://www.silex.me/template/" class="button rounded button--secondary" v-if="!showCreationForm">+ Templates</a></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" style="flex-shrink:0;" 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" id="i49y7" class="button rounded button--secondary fx-scale-round right-space-20" v-on:click="showCreationForm = !showCreationForm" v-if="!empty">Cancel</button><A id="ic92g-2-2" href="https://www.silex.me/template/" class="button rounded button--secondary">+ Templates</A></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)" 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)"><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)"><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)"><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 id="i4py6" class="button-bar_item button-bar__item--main skeleton-text skeleton right-space-40">My first websiteMy first websiteMy first websiteMy first</H3><P id="inktk" class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40">Updated 1h ago by lexoyo</P><P id="io7go" 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">
370
+ <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" v-on:click="logout"><div id="igv1rf" class="nav__item">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-centered"><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 right-space-20" v-if="!showCreationForm" v-on:click="showCreationForm = !showCreationForm"><span id="igsxoc" class="icon-font">+</span> <span id="ixu14" class="">Create website</span></button><a href="https://www.silex.me/templates/" id="ic92g-2" class="button rounded button--secondary" v-if="!showCreationForm">🔎︎ From a template</a></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" style="flex-shrink:0;" 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" id="i49y7" class="button rounded button--secondary fx-scale-round right-space-20" v-on:click="showCreationForm = !showCreationForm" v-if="!empty">Cancel</button><a href="https://www.silex.me/templates/" id="ic92g-2-2" class="button rounded button--secondary">🔎︎ From a template</a></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)" 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)"><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)"><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)"><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 id="i4py6" class="button-bar_item button-bar__item--main skeleton-text skeleton right-space-40">My first websiteMy first websiteMy first websiteMy first</H3><P id="inktk" class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40">Updated 1h ago by lexoyo</P><P id="io7go" 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">
371
371
 
372
372
  <div id="isucae" style="min-height:100px;" class="footer__column"><h3 href="" id="ipa5zg" class="footer__item">Social & community</h3>
373
373
 
@@ -294,8 +294,7 @@ window.addEventListener('load', () => {
294
294
  },
295
295
 
296
296
  openEditor(id) {
297
- const params = new URLSearchParams(window.location.search)
298
- const lang = params.get('lang') || 'en'
297
+ const lang = window.location.pathname.split('/')[1] || 'en'
299
298
  window.location.href =
300
299
  `/?id=${id}&lang=${lang}&connectorId=${this.user.storage.connectorId}&forked=${GITLAB_REPO}`
301
300
  },
@@ -367,7 +367,7 @@ window.addEventListener('load', function() {
367
367
  <a href="https://short.silex.me/chat" id="iels" class="nav__item uppercase fx-flash nav_item--active" target="_blank">Chat</a></NAV>
368
368
 
369
369
  <div id="i2red7" class="lang"><a href="/en" id="iciz" class="lang__item nav__item uppercase">EN</a></div>
370
- <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" v-on:click="logout"><div id="igv1rf" class="nav__item">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">Bienvenue !</h1><p id="iyex8" class="subtitle-16" v-if="!empty">Plongez-vous dans un projet ou créez-en un nouveau</p><h1 id="i4ybc" class="title-40" v-if="empty">Bienvenue !</h1><p id="iino6r" class="subtitle-16" v-if="empty">Créez votre premier projet, clickez sur le boutont "Créer un site"</p></div></HEADER><MAIN id="iz63r" class="padding-normal main-min-height website-max-width margin-80-centered"><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 right-space-20" v-if="!showCreationForm" v-on:click="showCreationForm = !showCreationForm"><span id="igsxoc" class="icon-font">+</span> <span id="ixu14" class="">Créer un site</span></button><a id="ic92g-2" href="https://www.silex.me/template/" class="button rounded button--secondary" v-if="!showCreationForm">+ Templates</a></div><div id="ihwwxz" class="box top-space-40 padding-30 box_transp" v-if="showCreationForm"><h3 id="i3gd1b" class="box__header text-centered">Créer un nouveau site internet</h3><form method="get" id="i50acf" class="form" v-on:submit.prevent="createWebsite"><div id="igtg1t" class="v-space"><label id="i1nmbc" style="flex-shrink:0;" class="v-space bold color-2B1B63-80">Nom du site</label><input type="text" id="ij5iwh" placeholder="Mon super projet" 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">Créer</button><button type="reset" id="i49y7" class="button rounded button--secondary fx-scale-round right-space-20" v-on:click="showCreationForm = !showCreationForm" v-if="!empty">Annuler</button><A id="ic92g-2-2" href="https://www.silex.me/template/" class="button rounded button--secondary">+ Templates</A></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)" 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="Editer" class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon" v-on:click="openEditor(website.websiteId)"><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="Renommer" class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon" v-on:click="renameWebsite(website.websiteId)"><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="Dupliquer" class="button-bar__item--link pointer fx-flash fx-scale button-bar__item--icon" v-on:click="duplicateWebsite(website.websiteId)"><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="Supprimer" 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 id="i4py6" class="button-bar_item button-bar__item--main skeleton-text skeleton right-space-40">My first websiteMy first websiteMy first websiteMy first</H3><P id="inktk" class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40">Updated 1h ago by lexoyo</P><P id="io7go" 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">C'est bien calme ici...</p><h3 id="iwzrqi" class="text-centered title-26">Prêt.e à démarrer une nouvelle aventure?</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="">Créer un site</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">Fermer</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">Fermer</div></div></MAIN><FOOTER id="ilzpl" class="footer">
370
+ <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" v-on:click="logout"><div id="igv1rf" class="nav__item">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">Bienvenue !</h1><p id="iyex8" class="subtitle-16" v-if="!empty">Plongez-vous dans un projet ou créez-en un nouveau</p><h1 id="i4ybc" class="title-40" v-if="empty">Bienvenue !</h1><p id="iino6r" class="subtitle-16" v-if="empty">Créez votre premier projet, clickez sur le boutont "Créer un site"</p></div></HEADER><MAIN id="iz63r" class="padding-normal main-min-height website-max-width margin-80-centered"><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 right-space-20" v-if="!showCreationForm" v-on:click="showCreationForm = !showCreationForm"><span id="igsxoc" class="icon-font">+</span> <span id="ixu14" class="">Créer un site</span></button><a href="https://www.silex.me/fr/templates/" id="ic92g-2" class="button rounded button--secondary" v-if="!showCreationForm">🔎︎ A partir d'une template</a></div><div id="ihwwxz" class="box top-space-40 padding-30 box_transp" v-if="showCreationForm"><h3 id="i3gd1b" class="box__header text-centered">Créer un nouveau site internet</h3><form method="get" id="i50acf" class="form" v-on:submit.prevent="createWebsite"><div id="igtg1t" class="v-space"><label id="i1nmbc" style="flex-shrink:0;" class="v-space bold color-2B1B63-80">Nom du site</label><input type="text" id="ij5iwh" placeholder="Mon super projet" 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">Créer</button><button type="reset" id="i49y7" class="button rounded button--secondary fx-scale-round right-space-20" v-on:click="showCreationForm = !showCreationForm" v-if="!empty">Annuler</button><a href="https://www.silex.me/fr/templates/" id="ic92g-2-2" class="button rounded button--secondary">🔎︎ A partir d'une template</a></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)" 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="Editer" class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon" v-on:click="openEditor(website.websiteId)"><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="Renommer" class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon" v-on:click="renameWebsite(website.websiteId)"><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="Dupliquer" class="button-bar__item--link pointer fx-flash fx-scale button-bar__item--icon" v-on:click="duplicateWebsite(website.websiteId)"><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="Supprimer" 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 id="i4py6" class="button-bar_item button-bar__item--main skeleton-text skeleton right-space-40">My first websiteMy first websiteMy first websiteMy first</H3><P id="inktk" class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40">Updated 1h ago by lexoyo</P><P id="io7go" 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">C'est bien calme ici...</p><h3 id="iwzrqi" class="text-centered title-26">Prêt.e à démarrer une nouvelle aventure?</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="">Créer un site</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">Fermer</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">Fermer</div></div></MAIN><FOOTER id="ilzpl" class="footer">
371
371
 
372
372
  <div id="isucae" style="min-height:100px;" class="footer__column"><h3 href="" id="ipa5zg" class="footer__item">Social & communauté</h3>
373
373
 
@@ -8,6 +8,8 @@ subtitle_empty: 'Create your first project, click on "Create a website"'
8
8
  text_empty1: Such emptyness...
9
9
  text_empty2: Ready to start your journey?
10
10
  add_button: Create website
11
+ add_from_template: "\U0001F50E︎ From a template"
12
+ add_from_template_link: "https://www.silex.me/templates/"
11
13
  add_title: Create a new website
12
14
  add_name_label: Website name
13
15
  add_name_placeholder: My project website
@@ -54,4 +56,3 @@ list_duplicate_icon: >-
54
56
  list_delete: Delete
55
57
  message_dismiss: Dismiss
56
58
  ---
57
-
@@ -4,10 +4,12 @@ title: Dashboard Silex
4
4
  title2: Bienvenue !
5
5
  subtitle: Plongez-vous dans un projet ou créez-en un nouveau
6
6
  title2_empty: Bienvenue !
7
- subtitle_empty: Créez votre premier projet, clickez sur le boutont "Créer un site"
8
- text_empty1: "C'est bien calme ici..."
9
- text_empty2: "Prêt.e à démarrer une nouvelle aventure?"
7
+ subtitle_empty: 'Créez votre premier projet, clickez sur le boutont "Créer un site"'
8
+ text_empty1: C'est bien calme ici...
9
+ text_empty2: Prêt.e à démarrer une nouvelle aventure?
10
10
  add_button: Créer un site
11
+ add_from_template: "\U0001F50E︎ A partir d'une template"
12
+ add_from_template_link: "https://www.silex.me/fr/templates/"
11
13
  add_title: Créer un nouveau site internet
12
14
  add_name_label: Nom du site
13
15
  add_name_placeholder: Mon super projet
@@ -16,12 +18,41 @@ add_cancel: Annuler
16
18
  list_item_updated: Mis à jour le
17
19
  list_item_created: Créé le
18
20
  list_edit: Editer
19
- list_edit_icon: '<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>'
21
+ list_edit_icon: >-
22
+ <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448
23
+ 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
24
+ License - https://fontawesome.com/license (Commercial License) Copyright 2023
25
+ Fonticons, Inc. --><path fill="#8873fe" d="M368 80h32v32H368V80zM352 32c-17.7
26
+ 0-32 14.3-32 32H128c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64v64c0 17.7 14.3
27
+ 32 32 32V352c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3
28
+ 32-32H320c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3
29
+ 32-32V384c0-17.7-14.3-32-32-32V160c17.7 0 32-14.3
30
+ 32-32V64c0-17.7-14.3-32-32-32H352zM96 160c17.7 0 32-14.3 32-32H320c0 17.7 14.3
31
+ 32 32 32V352c-17.7 0-32 14.3-32 32H128c0-17.7-14.3-32-32-32V160zM48
32
+ 400H80v32H48V400zm320 32V400h32v32H368zM48 112V80H80v32H48z"/></svg>
20
33
  list_rename: Renommer
21
- list_rename_icon: '<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>'
34
+ list_rename_icon: >-
35
+ <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512
36
+ 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
37
+ License - https://fontawesome.com/license (Commercial License) Copyright 2023
38
+ Fonticons, Inc. --><path fill="#8873fe" d="M471.6
39
+ 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
40
+ 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
41
+ 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
42
+ 21.9-13.5L437.7 172.3 339.7 74.3 172.4 241.7zM96 64C43 64 0 107 0 160V416c0 53
43
+ 43 96 96 96H352c53 0 96-43 96-96V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0
44
+ 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h96c17.7 0
45
+ 32-14.3 32-32s-14.3-32-32-32H96z"/></svg>
22
46
  list_duplicate: Dupliquer
23
- list_duplicate_icon: '<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>'
47
+ list_duplicate_icon: >-
48
+ <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448
49
+ 512"><path fill="#8873fe" d="M384 336H192c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16
50
+ 16-16l140.1 0L400 115.9V320c0 8.8-7.2 16-16 16zM192 384H384c35.3 0 64-28.7
51
+ 64-64V115.9c0-12.7-5.1-24.9-14.1-33.9L366.1
52
+ 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
53
+ 64zM64 128c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H256c35.3 0 64-28.7
54
+ 64-64V416H272v32c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192c0-8.8 7.2-16
55
+ 16-16H96V128H64z"/></svg>
24
56
  list_delete: Supprimer
25
57
  message_dismiss: Fermer
26
-
27
58
  ---
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@silexlabs/silex-dashboard",
3
- "version": "1.5.0-canary.3",
3
+ "version": "1.5.0",
4
4
  "description": "Dashboard for Silex v3",
5
5
  "main": "silex/server-config.js",
6
6
  "scripts": {
@@ -33,7 +33,7 @@
33
33
  "devDependencies": {
34
34
  "@11ty/eleventy": "^3.0.0",
35
35
  "@tinacms/cli": "^1.9.5",
36
- "@silexlabs/silex": "3.6.0-canary.2",
36
+ "@silexlabs/silex": "3.6.0",
37
37
  "@types/node": "^22.14.1",
38
38
  "concurrently": "^9.1.2",
39
39
  "start-server-and-test": "^2.0.11"
@@ -364,49 +364,49 @@ setTimeout(() => {
364
364
  <meta name="og:title" property="og:title" content="Silex Dashboard"/>
365
365
  <link href="https://fonts.googleapis.com" rel="preconnect" ><link href="https://fonts.googleapis.com/css2" rel="preconnect" crossorigin ><link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet" ></head>
366
366
  {% liquid
367
- assign var_i2hcfw_371 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
368
- assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk = var_i2hcfw_371
367
+ assign var_i2hcfw_59 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
368
+ assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk = var_i2hcfw_59
369
369
  %}<body id="i2hcfw" class="body app before-js"><A href="/" id="ixzhcr" class="button button-bar__item--secondary">{{ api-translations[lang]["Back to home"] }}</A><div id="imawg3" class="bg-silex-purpel">{% liquid
370
- assign var_imgx81_363 = tina.connectorsConnection.edges | where: "node.lang", page.lang | first
371
- assign var_imgx81_364 = var_imgx81_363.node
372
- assign state_imgx81-1985_imgx81-7uhkrqd2giq = var_imgx81_364
370
+ assign var_imgx81_51 = tina.connectorsConnection.edges | where: "node.lang", page.lang | first
371
+ assign var_imgx81_52 = var_imgx81_51.node
372
+ assign state_imgx81-1985_imgx81-7uhkrqd2giq = var_imgx81_52
373
373
  %}<div id="imgx81" style="min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;" class=""><div id="iikf0s" class="box box_login"><div id="ie0dxn" class="text-centered"><img id="ior0hl" src="/assets/logo-silex.svg"/><p id="it2175" style="margin:15px 0px 0px 0px;font-size:1rem;" class="subtitle-16">{% liquid
374
- assign var_it2175_357 = state_imgx81-1985_imgx81-7uhkrqd2giq.subtitle
375
- echo var_it2175_357
374
+ assign var_it2175_45 = state_imgx81-1985_imgx81-7uhkrqd2giq.subtitle
375
+ echo var_it2175_45
376
376
  %}</p></div><h3 id="iqc1xf" style="display:none;" class="margin-top">{% liquid
377
- assign var_iqc1xf_358 = state_imgx81-1985_imgx81-7uhkrqd2giq.recommended
378
- echo var_iqc1xf_358
377
+ assign var_iqc1xf_46 = state_imgx81-1985_imgx81-7uhkrqd2giq.recommended
378
+ echo var_iqc1xf_46
379
379
  %}</h3><div id="in62y2"><div id="isqe61" class="full-width margin-30" v-for="(connector, index) in connectors.slice(0, 1)"><a href="https://" id="i44y9w" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div id="io3lid" class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div id="i87asw" class="connector__description" v-text="connector.displayName">Login with <span href="" id="i0tt68">Name</span><br id="i1zf1p"/></div></a></div><div id="i9fpn7" class="rgpd-checks"><input type="checkbox" checked id="feedback-check" name="feedback-check" class="rgpd-checks__check" v-on:change="(event) => setRgpd('feedback', event.target.checked)" v-model="rgpdFeedback"></input><label for="feedback-check" id="iv7hwn" class="">{% liquid
380
- assign var_iv7hwn_359 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.feedbackCheck
381
- echo var_iv7hwn_359
380
+ assign var_iv7hwn_47 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.feedbackCheck
381
+ echo var_iv7hwn_47
382
382
  %}</label></div><div id="iahvhn" class="rgpd-checks"><input type="checkbox" checked id="nl-check" name="nl-check" class="rgpd-checks__check" v-on:change="(event) => setRgpd('nl', event.target.checked)" v-model="rgpdNL"></input><label for="nl-check" id="isjk6j" class="">{% liquid
383
- assign var_isjk6j_360 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.nlCheck
384
- echo var_isjk6j_360
383
+ assign var_isjk6j_48 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.nlCheck
384
+ echo var_isjk6j_48
385
385
  %}</label></div><div id="errorDiv"></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" class="margin-30">{% liquid
386
- assign var_i8w75b_361 = state_imgx81-1985_imgx81-7uhkrqd2giq.advanced_users
387
- echo var_i8w75b_361
386
+ assign var_i8w75b_49 = state_imgx81-1985_imgx81-7uhkrqd2giq.advanced_users
387
+ echo var_i8w75b_49
388
388
  %}</summary><div id="ibi9qh" class="full-width" v-for="(connector, index) in connectors.slice(1)"><a href="https://" id="i5p9p5" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div id="ibphi6" class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div id="iaoqw4" class="connector__description" v-text="connector.displayName">Login with <span href="" id="iz6g2i">Name</span><br id="ihgk46"/></div></a></div></DETAILS><div id="i3cney" class="button-bar"><a id="iacshy" class="button big-button connector__card" v-if="!loading" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" v-for="(connector, index) in connectors" v-on-click="openLogin(connector)"><div id="iiwn36"><div id="iiau0s" class="button-bar__item__icon" :style="`background: url('${connector.icon}'); background-repeat: no-repeat; background-size: contain;`"></div><div id="if4gvb" class="" v-text="connector.displayName">Name<br id="iimwvw"/></div></div><div id="isndui">This connector is about blablabla<br id="igsu87"/></div></a></div><div id="ijflxq" style="font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;" class="text-centered">{% liquid
389
- assign var_ijflxq_362 = state_imgx81-1985_imgx81-7uhkrqd2giq.help
390
- echo var_ijflxq_362
389
+ assign var_ijflxq_50 = state_imgx81-1985_imgx81-7uhkrqd2giq.help
390
+ echo var_ijflxq_50
391
391
  %}</div></div><div id="i9msnk" style="padding:10px;display:inline;" class="text-white top-space-20" v-if="error" v-text="message" :test="message">Insert your text here</div><div id="i6akll" style="padding:10px;display:inline;" class="button button--tertiary text-centered" v-if="error" v-on:click="logout()">{{ api-translations[lang]["Logout"] }}</div></div></div><FOOTER id="i6qv1n" class="footer">{% liquid
392
- assign var_iprzeh_370 = state_i2hcfw-1214_i2hcfw-xbsn5ipretk.node.footer_links
392
+ assign var_iprzeh_58 = state_i2hcfw-1214_i2hcfw-xbsn5ipretk.node.footer_links
393
393
  %}
394
- {% for state_isucae-3308___data in var_iprzeh_370 %}
394
+ {% for state_isucae-3308___data in var_iprzeh_58 %}
395
395
  <div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" id="ik1iir" class="footer__item">{% liquid
396
- assign var_ik1iir_365 = state_isucae-3308___data.title
397
- echo var_ik1iir_365
396
+ assign var_ik1iir_53 = state_isucae-3308___data.title
397
+ echo var_ik1iir_53
398
398
  %}</h3>{% liquid
399
- assign var_is59uo_367 = state_isucae-3308___data.columns
399
+ assign var_is59uo_55 = state_isucae-3308___data.columns
400
400
  %}
401
- {% for state_i2u9h4-2642___data in var_is59uo_367 %}
401
+ {% for state_i2u9h4-2642___data in var_is59uo_55 %}
402
402
  <a href="{% liquid
403
- assign var_is59uo_368 = state_i2u9h4-2642___data.url
404
- echo var_is59uo_368
403
+ assign var_is59uo_56 = state_i2u9h4-2642___data.url
404
+ echo var_is59uo_56
405
405
  %}" id="is59uo" class="footer__item" target="{% liquid
406
- assign var_is59uo_369 = state_i2u9h4-2642___data.target
407
- echo var_is59uo_369
406
+ assign var_is59uo_57 = state_i2u9h4-2642___data.target
407
+ echo var_is59uo_57
408
408
  %}">{% liquid
409
- assign var_is59uo_366 = state_i2u9h4-2642___data.label
410
- echo var_is59uo_366
409
+ assign var_is59uo_54 = state_i2u9h4-2642___data.label
410
+ echo var_is59uo_54
411
411
  %}</a>{% endfor %}</div>{% endfor %}</FOOTER></body>
412
412
  </html>
@@ -364,49 +364,49 @@ setTimeout(() => {
364
364
  <meta name="og:title" property="og:title" content="Silex Dashboard"/>
365
365
  <link href="https://fonts.googleapis.com" rel="preconnect" ><link href="https://fonts.googleapis.com/css2" rel="preconnect" crossorigin ><link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet" ></head>
366
366
  {% liquid
367
- assign var_i2hcfw_371 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
368
- assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk = var_i2hcfw_371
367
+ assign var_i2hcfw_59 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
368
+ assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk = var_i2hcfw_59
369
369
  %}<body id="i2hcfw" class="body app before-js"><A href="/" id="ixzhcr" class="button button-bar__item--secondary">{{ api-translations[lang]["Back to home"] }}</A><div id="imawg3" class="bg-silex-purpel">{% liquid
370
- assign var_imgx81_363 = tina.connectorsConnection.edges | where: "node.lang", page.lang | first
371
- assign var_imgx81_364 = var_imgx81_363.node
372
- assign state_imgx81-1985_imgx81-7uhkrqd2giq = var_imgx81_364
370
+ assign var_imgx81_51 = tina.connectorsConnection.edges | where: "node.lang", page.lang | first
371
+ assign var_imgx81_52 = var_imgx81_51.node
372
+ assign state_imgx81-1985_imgx81-7uhkrqd2giq = var_imgx81_52
373
373
  %}<div id="imgx81" style="min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;" class=""><div id="iikf0s" class="box box_login"><div id="ie0dxn" class="text-centered"><img id="ior0hl" src="/assets/logo-silex.svg"/><p id="it2175" style="margin:15px 0px 0px 0px;font-size:1rem;" class="subtitle-16">{% liquid
374
- assign var_it2175_357 = state_imgx81-1985_imgx81-7uhkrqd2giq.subtitle
375
- echo var_it2175_357
374
+ assign var_it2175_45 = state_imgx81-1985_imgx81-7uhkrqd2giq.subtitle
375
+ echo var_it2175_45
376
376
  %}</p></div><h3 id="iqc1xf" style="display:none;" class="margin-top">{% liquid
377
- assign var_iqc1xf_358 = state_imgx81-1985_imgx81-7uhkrqd2giq.recommended
378
- echo var_iqc1xf_358
377
+ assign var_iqc1xf_46 = state_imgx81-1985_imgx81-7uhkrqd2giq.recommended
378
+ echo var_iqc1xf_46
379
379
  %}</h3><div id="in62y2"><div id="isqe61" class="full-width margin-30" v-for="(connector, index) in connectors.slice(0, 1)"><a href="https://" id="i44y9w" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div id="io3lid" class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div id="i87asw" class="connector__description" v-text="connector.displayName">Login with <span href="" id="i0tt68">Name</span><br id="i1zf1p"/></div></a></div><div id="i9fpn7" class="rgpd-checks"><input type="checkbox" checked id="feedback-check" name="feedback-check" class="rgpd-checks__check" v-on:change="(event) => setRgpd('feedback', event.target.checked)" v-model="rgpdFeedback"></input><label for="feedback-check" id="iv7hwn" class="">{% liquid
380
- assign var_iv7hwn_359 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.feedbackCheck
381
- echo var_iv7hwn_359
380
+ assign var_iv7hwn_47 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.feedbackCheck
381
+ echo var_iv7hwn_47
382
382
  %}</label></div><div id="iahvhn" class="rgpd-checks"><input type="checkbox" checked id="nl-check" name="nl-check" class="rgpd-checks__check" v-on:change="(event) => setRgpd('nl', event.target.checked)" v-model="rgpdNL"></input><label for="nl-check" id="isjk6j" class="">{% liquid
383
- assign var_isjk6j_360 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.nlCheck
384
- echo var_isjk6j_360
383
+ assign var_isjk6j_48 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.nlCheck
384
+ echo var_isjk6j_48
385
385
  %}</label></div><div id="errorDiv"></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" class="margin-30">{% liquid
386
- assign var_i8w75b_361 = state_imgx81-1985_imgx81-7uhkrqd2giq.advanced_users
387
- echo var_i8w75b_361
386
+ assign var_i8w75b_49 = state_imgx81-1985_imgx81-7uhkrqd2giq.advanced_users
387
+ echo var_i8w75b_49
388
388
  %}</summary><div id="ibi9qh" class="full-width" v-for="(connector, index) in connectors.slice(1)"><a href="https://" id="i5p9p5" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div id="ibphi6" class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div id="iaoqw4" class="connector__description" v-text="connector.displayName">Login with <span href="" id="iz6g2i">Name</span><br id="ihgk46"/></div></a></div></DETAILS><div id="i3cney" class="button-bar"><a id="iacshy" class="button big-button connector__card" v-if="!loading" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" v-for="(connector, index) in connectors" v-on-click="openLogin(connector)"><div id="iiwn36"><div id="iiau0s" class="button-bar__item__icon" :style="`background: url('${connector.icon}'); background-repeat: no-repeat; background-size: contain;`"></div><div id="if4gvb" class="" v-text="connector.displayName">Name<br id="iimwvw"/></div></div><div id="isndui">This connector is about blablabla<br id="igsu87"/></div></a></div><div id="ijflxq" style="font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;" class="text-centered">{% liquid
389
- assign var_ijflxq_362 = state_imgx81-1985_imgx81-7uhkrqd2giq.help
390
- echo var_ijflxq_362
389
+ assign var_ijflxq_50 = state_imgx81-1985_imgx81-7uhkrqd2giq.help
390
+ echo var_ijflxq_50
391
391
  %}</div></div><div id="i9msnk" style="padding:10px;display:inline;" class="text-white top-space-20" v-if="error" v-text="message" :test="message">Insert your text here</div><div id="i6akll" style="padding:10px;display:inline;" class="button button--tertiary text-centered" v-if="error" v-on:click="logout()">{{ api-translations[lang]["Logout"] }}</div></div></div><FOOTER id="i6qv1n" class="footer">{% liquid
392
- assign var_iprzeh_370 = state_i2hcfw-1214_i2hcfw-xbsn5ipretk.node.footer_links
392
+ assign var_iprzeh_58 = state_i2hcfw-1214_i2hcfw-xbsn5ipretk.node.footer_links
393
393
  %}
394
- {% for state_isucae-3308___data in var_iprzeh_370 %}
394
+ {% for state_isucae-3308___data in var_iprzeh_58 %}
395
395
  <div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" id="ik1iir" class="footer__item">{% liquid
396
- assign var_ik1iir_365 = state_isucae-3308___data.title
397
- echo var_ik1iir_365
396
+ assign var_ik1iir_53 = state_isucae-3308___data.title
397
+ echo var_ik1iir_53
398
398
  %}</h3>{% liquid
399
- assign var_is59uo_367 = state_isucae-3308___data.columns
399
+ assign var_is59uo_55 = state_isucae-3308___data.columns
400
400
  %}
401
- {% for state_i2u9h4-2642___data in var_is59uo_367 %}
401
+ {% for state_i2u9h4-2642___data in var_is59uo_55 %}
402
402
  <a href="{% liquid
403
- assign var_is59uo_368 = state_i2u9h4-2642___data.url
404
- echo var_is59uo_368
403
+ assign var_is59uo_56 = state_i2u9h4-2642___data.url
404
+ echo var_is59uo_56
405
405
  %}" id="is59uo" class="footer__item" target="{% liquid
406
- assign var_is59uo_369 = state_i2u9h4-2642___data.target
407
- echo var_is59uo_369
406
+ assign var_is59uo_57 = state_i2u9h4-2642___data.target
407
+ echo var_is59uo_57
408
408
  %}">{% liquid
409
- assign var_is59uo_366 = state_i2u9h4-2642___data.label
410
- echo var_is59uo_366
409
+ assign var_is59uo_54 = state_i2u9h4-2642___data.label
410
+ echo var_is59uo_54
411
411
  %}</a>{% endfor %}</div>{% endfor %}</FOOTER></body>
412
412
  </html>
@@ -0,0 +1 @@
1
+ * { box-sizing: border-box; } body {margin: 0;}.nav__item{color:#4a4a4a;font-size:0.8rem;margin:0px 10px 0px 10px;padding:24px 0px 24px 0px;}.body{background-color:#f0f0f0;color:#2b1b63;font-family:"Ubuntu", sans-serif;}.menu-bar{align-items:center;background-color:#ffffff;display:flex;height:94px;justify-content:space-between;padding:0px 100px 0px 100px;width:100%;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{margin:0px 20px 0px 20px;width:100%;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{border:2px solid #8873fe;display:inline-block;font-size:0.8rem;font-weight:700;line-height:1.2rem;padding:10px 20px 10px 20px;transition:all 0.18s ease-out;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{align-items:center;background-color:#ffffff;border-radius:4px 4px 4px 4px;display:flex;justify-content:space-between;margin:20px 0px 20px 0px;padding:30px 30px 30px 30px;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{align-items:center;justify-content:space-between;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{border:2px solid #8873fe;color:#8873fe;font-weight:400;}.rounded{border-radius:4px 4px 4px 4px;}.footer{background-color:#ffffff;display:flex;justify-content:space-evenly;margin:50px 0px 0px 0px;padding:30px 30px 60px 30px;}.skeleton-text.skeleton{background-color:#dddddd;border-radius:5px 5px 5px 5px;color:transparent;opacity:0.31;}.skeleton.skeleton-button{background-color:#dddddd;border-radius:5px 5px 5px 5px;color:transparent;opacity:0.31;width:140px;}.skeleton-anim{position:relative;}.nav__item.active{color:black;}.margin-20{margin:20px 0px 20px 0px;}.loading__item.loaded-true{display:none;}.flex-no-shrink{flex-shrink:0;}.form{border-radius:5px 5px 5px 5px;padding:10px 0px 10px 0px;}#i1nmbc{flex-shrink:0;}.input{background-color:transparent;border:2px solid #8873fe;border-radius:4px 4px 4px 4px;margin:10px 0px 10px 0px;padding:10px 10px 10px 10px;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}.box{background-color:#ffffff;border-radius:4px 4px 4px 4px;}.box__header{color:rgba(43,27,99,0.5);font-size:1.625rem;font-weight:700;margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;}.box.flex-between{align-items:center;}.flex-between{align-items:center;display:flex;justify-content:space-between;}.icon-font{font-size:1.5rem;line-height:1px;margin:0px 2px 0px 2px;}.lang__item{margin:0px 5px 0px 5px;}.top-space-40{margin:40px 0 0 0;}.nav__logo{height:50px;}.user-icon__image{height:100%;width:100%;}.user__wrapper{align-items:center;border:1px solid white;display:flex;flex-direction:column;justify-content:center;margin:0 0 0 20px;}.right-space-20{margin:0px 20px 0px 0px;}.button:hover{border:2px solid #8873fe;color:#8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}.user-icon__wrapper{background-color:#f0f0f0;border:1px solid #f0f0f0;border-radius:50% 50% 50% 50%;height:40px;overflow:hidden hidden;width:40px;}.title-40{font-size:2.5rem;font-weight:700;margin:0 0 10px 0;}.bg-silex-purpel{background-attachment:scroll;background-image:url("/assets/../assets/bg-purpel-silex.webp");background-position:center top;background-repeat:repeat-y;background-size:contain;}.section-top{display:flex;flex-direction:column;height:226px;justify-content:center;margin:0px auto 0px auto;max-width:1200px;padding:40px 30px 40px 30px;}.text-centered{text-align:center;}.box-message{background-color:rgba(43,27,99,0.3);border-radius:4px 4px 4px 4px;margin:10px 0px 10px 0px;padding:20px 30px 20px 30px;}.text-white{color:#ffffff;}.bold{font-weight:800;}.button-bar__item--link{background-color:transparent;border:0px solid black;color:#8873fe;font-size:0.8rem;}.padding-30{padding:30px 30px 30px 30px;}.right-space-40{margin:0 40px 0 0;}.title-26{font-size:1.625rem;margin:10px 0px 10px 0px;}.empty-image{background-attachment:scroll;background-image:url("/assets/../assets/empty-projects-sos.gif");background-position:center center;background-repeat:no-repeat;background-size:contain;min-height:500px;}.padding-50-30{padding:50px 30px 50px 30px;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.button.button--tertiary{background-color:rgba(221,221,221,0.5);border:2px solid transparent;}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.color-2B1B63-80{color:rgba(43,27,99,0.8);}.button.button--tertiary:hover{background-color:white;border:2px solid #8873fe;color:#8873fe;}.box-message-text{font-weight:300;margin:0px 0 0 0;}.website-max-width{max-width:1200px;}.margin-80-centered{margin:80px auto 80px auto;}.button-bar__item--secondary{font-size:0.8rem;}.skeleton{line-height:1.1rem;}#isucae{min-height:100px;}.footer__column{display:flex;flex-direction:column;flex-grow:1;text-align:center;}.footer__item{padding:10px 10px 10px 10px;}#igsxoc{position:relative;top:3px;}.box--centered{align-items:center;display:flex;flex-direction:column;}.button-bar__title:hover{color:#8873fe;}.button-bar__item--icon{margin:0px 0 0 0;padding:5px 5px 5px 5px;}.nav__item:hover{color:#8873fe;text-decoration:none;}.nav_item--active:first-child{color:#8873fe;}#igv1rf{padding:10px;}.icon{background-attachment:scroll;background-image:url("/assets/../assets/template.svg");background-position:left top;background-repeat:no-repeat;background-size:auto;display:inline-block;height:20px;margin:0px 2px 0px 2px;width:20px;}
@@ -300,8 +300,7 @@ window.addEventListener('load', () => {
300
300
  },
301
301
 
302
302
  openEditor(id) {
303
- const params = new URLSearchParams(window.location.search)
304
- const lang = params.get('lang') || 'en'
303
+ const lang = window.location.pathname.split('/')[1] || 'en'
305
304
  window.location.href =
306
305
  `/?id=${id}&lang=${lang}&connectorId=${this.user.storage.connectorId}&forked=${GITLAB_REPO}`
307
306
  },
@@ -337,76 +336,76 @@ window.addEventListener('load', () => {
337
336
  </script>
338
337
 
339
338
  <title>{% liquid
340
- assign var_ik0i-2_393 = tina.homeConnection.edges | where: "", | first
341
- assign var_ik0i-2_394 = var_ik0i-2_393.node.title
342
- echo var_ik0i-2_394
339
+ assign var_ik0i-2_81 = tina.homeConnection.edges | where: "", | first
340
+ assign var_ik0i-2_82 = var_ik0i-2_81.node.title
341
+ echo var_ik0i-2_82
343
342
  %}</title>
344
343
  <link rel="icon" href="/assets/favicon-32x32.png" />
345
344
  <meta name="og:title" property="og:title" content="Silex Dashboard"/>
346
345
  <link href="https://fonts.googleapis.com" rel="preconnect" ><link href="https://fonts.googleapis.com/css2" rel="preconnect" crossorigin ><link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet" ></head>
347
346
  {% liquid
348
- assign var_ik0i-2_390 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
349
- assign state_ik0i-958_ik0i-e8l061o7k5 = var_ik0i-2_390
347
+ assign var_ik0i-2_78 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
348
+ assign state_ik0i-958_ik0i-e8l061o7k5 = var_ik0i-2_78
350
349
  %}
351
350
  {% liquid
352
- assign var_ik0i-2_391 = tina.forkConnection.edges | where: "node.lang", page.lang | first
353
- assign var_ik0i-2_392 = var_ik0i-2_391.node
354
- assign state_ik0i-958_ik0i-24xejc2n0xy = var_ik0i-2_392
351
+ assign var_ik0i-2_79 = tina.forkConnection.edges | where: "node.lang", page.lang | first
352
+ assign var_ik0i-2_80 = var_ik0i-2_79.node
353
+ assign state_ik0i-958_ik0i-24xejc2n0xy = var_ik0i-2_80
355
354
  %}<body id="ik0i-2" class="body loading app before-js"><HEADER id="igrg-2" class="menu-bar"><A href="/" id="igvu43-2"><img id="iel80b-2-2-2" src="/assets/picto-silex@3x.png" class="nav__logo"/></A><NAV id="i9jq-2" class="nav">{% liquid
356
- assign var_iels-2_373 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
357
- assign var_iels-2_374 = var_iels-2_373.node.nav
355
+ assign var_iels-2_61 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
356
+ assign var_iels-2_62 = var_iels-2_61.node.nav
358
357
  %}
359
- {% for state_iels-228___data in var_iels-2_374 %}
358
+ {% for state_iels-228___data in var_iels-2_62 %}
360
359
  <a href="{% liquid
361
- assign var_iels-2_375 = state_iels-228___data.url
362
- echo var_iels-2_375
360
+ assign var_iels-2_63 = state_iels-228___data.url
361
+ echo var_iels-2_63
363
362
  %}" id="iels-2" class="nav__item uppercase fx-flash nav_item--active" target="{% liquid
364
- assign var_iels-2_376 = state_iels-228___data.target
365
- echo var_iels-2_376
363
+ assign var_iels-2_64 = state_iels-228___data.target
364
+ echo var_iels-2_64
366
365
  %}">{% liquid
367
- assign var_iels-2_372 = state_iels-228___data.label
368
- echo var_iels-2_372
366
+ assign var_iels-2_60 = state_iels-228___data.label
367
+ echo var_iels-2_60
369
368
  %}</a>{% endfor %}</NAV>{% liquid
370
- assign var_i2red7-2_379 = tina.languagesConnection.edges
369
+ assign var_i2red7-2_67 = tina.languagesConnection.edges
371
370
  %}
372
- {% for state_i2red7-8291___data in var_i2red7-2_379 %}
371
+ {% for state_i2red7-8291___data in var_i2red7-2_67 %}
373
372
  <div id="i2red7-2" class="lang"><a href="{% liquid
374
- assign var_iciz-2_378 = state_i2red7-8291___data.node.permalink
375
- echo var_iciz-2_378
373
+ assign var_iciz-2_66 = state_i2red7-8291___data.node.permalink
374
+ echo var_iciz-2_66
376
375
  %}" id="iciz-2" class="lang__item nav__item uppercase">{% liquid
377
- assign var_iciz-2_377 = state_i2red7-8291___data.node.label
378
- echo var_iciz-2_377
376
+ assign var_iciz-2_65 = state_i2red7-8291___data.node.label
377
+ echo var_iciz-2_65
379
378
  %}</a></div>{% endfor %}<div id="i24ew-2" class="user__wrapper pointer" v-if="user" v-on:click="showMenu = !showMenu"><div id="i5xsbd-2" class="user-icon__wrapper" v-if="user" v-show="!showMenu || user.storage.disableLogout"><div id="i5wlbq-2" 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-2" class="" v-show="showMenu && !user.storage.disableLogout" v-on:click="logout"><div id="igv1rf-2" class="nav__item">Logout</div></div></div></HEADER><HEADER id="iy8ax3-2" class="bg-silex-purpel"><div id="iisz8f-2" class="section-top text-centered text-white"><h1 id="ic31o-2" class="title-40" v-if="!empty">{% liquid
380
- assign var_ic31o-2_380 = state_ik0i-958_ik0i-24xejc2n0xy.hero_title
381
- echo var_ic31o-2_380
379
+ assign var_ic31o-2_68 = state_ik0i-958_ik0i-24xejc2n0xy.hero_title
380
+ echo var_ic31o-2_68
382
381
  %}</h1><p id="iyex8-2" class="subtitle-16" v-if="!empty">{% liquid
383
- assign var_iyex8-2_381 = state_ik0i-958_ik0i-24xejc2n0xy.hero_subtitle
384
- echo var_iyex8-2_381
382
+ assign var_iyex8-2_69 = state_ik0i-958_ik0i-24xejc2n0xy.hero_subtitle
383
+ echo var_iyex8-2_69
385
384
  %}</p></div></HEADER><MAIN id="iz63r-2" class="padding-normal main-min-height website-max-width margin-80-centered"><div id="i7ej6j-2" class="flex-between box-message text-white" v-if="error"><h3 id="iv0eyi-2" class="box-message-text" v-html="error">Insert your text here</h3><div id="i4656n-2" class="pointer button-bar__item--link text-white" v-on:click="error = null">{% liquid
386
- assign var_i4656n-2_382 = state_ik0i-958_ik0i-24xejc2n0xy.message_dismiss
387
- echo var_i4656n-2_382
385
+ assign var_i4656n-2_70 = state_ik0i-958_ik0i-24xejc2n0xy.message_dismiss
386
+ echo var_i4656n-2_70
388
387
  %}</div></div><div id="ilteie-2" class="flex-between box-message text-white" v-if="message"><h3 id="i2d31v-2" class="box-message-text" v-html="message">Insert your text here</h3><div id="i2urco-2" class="rounded pointer button-bar__item--link text-white" v-on:click="message = null">{% liquid
389
- assign var_i2urco-2_383 = state_ik0i-958_ik0i-24xejc2n0xy.message_dismiss
390
- echo var_i2urco-2_383
388
+ assign var_i2urco-2_71 = state_ik0i-958_ik0i-24xejc2n0xy.message_dismiss
389
+ echo var_i2urco-2_71
391
390
  %}</div></div></MAIN><FOOTER id="ilzpl-2" class="footer">{% liquid
392
- assign var_isucae-2_389 = state_ik0i-958_ik0i-e8l061o7k5.node.footer_links
391
+ assign var_isucae-2_77 = state_ik0i-958_ik0i-e8l061o7k5.node.footer_links
393
392
  %}
394
- {% for state_isucae-3308___data in var_isucae-2_389 %}
393
+ {% for state_isucae-3308___data in var_isucae-2_77 %}
395
394
  <div id="isucae-2" style="min-height:100px;" class="footer__column"><h3 href="" id="ipa5zg-2" class="footer__item">{% liquid
396
- assign var_ipa5zg-2_384 = state_isucae-3308___data.title
397
- echo var_ipa5zg-2_384
395
+ assign var_ipa5zg-2_72 = state_isucae-3308___data.title
396
+ echo var_ipa5zg-2_72
398
397
  %}</h3>{% liquid
399
- assign var_i0cyhf_386 = state_isucae-3308___data.columns
398
+ assign var_i0cyhf_74 = state_isucae-3308___data.columns
400
399
  %}
401
- {% for state_i2u9h4-2642___data in var_i0cyhf_386 %}
400
+ {% for state_i2u9h4-2642___data in var_i0cyhf_74 %}
402
401
  <a href="{% liquid
403
- assign var_i0cyhf_387 = state_i2u9h4-2642___data.url
404
- echo var_i0cyhf_387
402
+ assign var_i0cyhf_75 = state_i2u9h4-2642___data.url
403
+ echo var_i0cyhf_75
405
404
  %}" id="i0cyhf" class="footer__item" target="{% liquid
406
- assign var_i0cyhf_388 = state_i2u9h4-2642___data.target
407
- echo var_i0cyhf_388
405
+ assign var_i0cyhf_76 = state_i2u9h4-2642___data.target
406
+ echo var_i0cyhf_76
408
407
  %}">{% liquid
409
- assign var_i0cyhf_385 = state_i2u9h4-2642___data.label
410
- echo var_i0cyhf_385
408
+ assign var_i0cyhf_73 = state_i2u9h4-2642___data.label
409
+ echo var_i0cyhf_73
411
410
  %}</a>{% endfor %}</div>{% endfor %}</FOOTER></body>
412
411
  </html>