@silexlabs/silex-dashboard 1.0.83 → 1.0.84
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_site/css/websites-19b822a8683767833f7656ff2df318ba13bed49f33d9bfc946ff619cf986b449.css +1 -0
- package/_site/en/connectors/index.html +1 -1
- package/_site/en/index.html +5 -5
- package/_site/fr/connectors/index.html +1 -1
- package/_site/fr/index.html +5 -5
- package/package.json +1 -1
- package/templates/connectors-en.html +30 -30
- package/templates/connectors-fr.html +30 -30
- package/templates/css/websites-19b822a8683767833f7656ff2df318ba13bed49f33d9bfc946ff619cf986b449.css +1 -0
- package/templates/websites-en.html +88 -88
- package/templates/websites-fr.html +88 -88
package/_site/css/websites-19b822a8683767833f7656ff2df318ba13bed49f33d9bfc946ff619cf986b449.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
* { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:#4a4a4a;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;color:#2b1b63;}.menu-bar{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;height:94px;padding:0px 100px 0px 100px;width:100%;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{font-size:0.8rem;padding:10px 20px 10px 20px;display:inline-block;border:2px solid #8873fe;transition:all 0.18s ease-out;font-weight:700;line-height:1.2rem;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:30px 30px 30px 30px;align-items:center;justify-content:space-between;border-radius:4px 4px 4px 4px;background-color:#ffffff;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.rounded{border-radius:4px 4px 4px 4px;}.footer{display:flex;margin:50px 0px 0px 0px;background-color:#ffffff;justify-content:space-evenly;padding:30px 30px 60px 30px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.31;background-color:#dddddd;border-radius:5px 5px 5px 5px;width:140px;}.skeleton-anim{position:relative;}.nav__item.active{color:black;}.margin-20{margin:20px 0px 20px 0px;}#i0ro3{display:none;}.loading__item.loaded-true{display:none;}.flex-no-shrink{flex-shrink:0;}.form{padding:10px 0px 10px 0px;border-radius:5px 5px 5px 5px;}#i1nmbc{flex-shrink:0;}.input{padding:10px 10px 10px 10px;background-color:transparent;border:2px solid #8873fe;margin:10px 0px 10px 0px;border-radius:4px 4px 4px 4px;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box__header{margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;font-weight:700;font-size:1.625rem;color:rgba(43,27,99,0.5);}.box.flex-between{align-items:center;}.flex-between{display:flex;align-items:center;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{width:100%;height:100%;}.user__wrapper{border:1px solid white;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 0 0 20px;}.right-space-20{margin:0px 20px 0px 0px;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}.user-icon__wrapper{border:1px solid #f0f0f0;background-color:#f0f0f0;border-radius:50% 50% 50% 50%;width:40px;height:40px;overflow:hidden hidden;}.title-40{margin:0 0 10px 0;font-size:2.5rem;font-weight:700;}.bg-silex-purpel{background-repeat:repeat-y;background-position:center top;background-attachment:scroll;background-size:contain;background-image:url(/assets/../assets/bg-purpel-silex.webp);}.section-top{max-width:1200px;padding:40px 30px 40px 30px;height:226px;display:flex;flex-direction:column;justify-content:center;margin:0px auto 0px auto;}.text-centered{text-align:center;}.box-message{background-color:rgba(43,27,99,0.3);border-radius:4px 4px 4px 4px;padding:20px 30px 20px 30px;margin:10px 0px 10px 0px;}.text-white{color:#ffffff;}.bold{font-weight:800;}.button-bar__item--link{background-color:transparent;border:0px solid black;font-size:0.8rem;color:#8873fe;}.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{min-height:500px;background-image:url(/assets/../assets/empty-projects-sos.gif);background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:contain;}.padding-50-30{padding:50px 30px 50px 30px;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.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{border:2px solid #8873fe;color:#8873fe;background-color:white;}.box-message-text{margin:0px 0 0 0;font-weight:300;}.website-max-width{max-width:1200px;}.margin-80{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{display:flex;flex-direction:column;align-items:center;}.button-bar__title:hover{color:#8873fe;}.button-bar__item--icon{margin:0px 0 0 0;padding:5px 5px 5px 5px;}.nav__item:hover{text-decoration:none;color:#8873fe;}.nav_item--active:first-child{color:#8873fe;}
|
|
@@ -332,7 +332,7 @@ setTimeout(() => {
|
|
|
332
332
|
<link rel="icon" href="/assets/favicon-32x32.png" />
|
|
333
333
|
<meta name="og:title" property="og:title" content="Silex Dashboard"/>
|
|
334
334
|
<link href="https://fonts.googleapis.com" rel="preconnect" ><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin ><link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet" ></head>
|
|
335
|
-
<body id="i2hcfw" class="body app before-js"><A id="ixzhcr" href="/" class="button button-bar__item--secondary">< Back</A><div id="imawg3" class="bg-silex-purpel"><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">Please login to continue</p></div><h3 id="iqc1xf" style="display:none;" class="margin-top">Recommended and free</h3><div id="in62y2"><div id="isqe61" class="full-width margin-30" v-for="(connector, index) in connectors.slice(0, 1)"><a id="i44y9w" href="https://" 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/></div></a></div><div id="i9fpn7" class="rgpd-checks"><input type="checkbox" id="feedback-check" name="feedback-check" checked class="rgpd-checks__check" v-on:change="(event) => setRgpd('feedback', event.target.checked)" v-model="rgpdFeedback"></input><label id="iv7hwn" for="feedback-check" class="">Allow contact for debugging and feedback</label></div><div id="iahvhn" class="rgpd-checks"><input type="checkbox" name="nl-check" id="nl-check" checked
|
|
335
|
+
<body id="i2hcfw" class="body app before-js"><A id="ixzhcr" href="/" class="button button-bar__item--secondary">< Back</A><div id="imawg3" class="bg-silex-purpel"><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">Please login to continue</p></div><h3 id="iqc1xf" style="display:none;" class="margin-top">Recommended and free</h3><div id="in62y2"><div id="isqe61" class="full-width margin-30" v-for="(connector, index) in connectors.slice(0, 1)"><a id="i44y9w" href="https://" 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/></div></a></div><div id="i9fpn7" class="rgpd-checks"><input type="checkbox" id="feedback-check" name="feedback-check" checked class="rgpd-checks__check" v-on:change="(event) => setRgpd('feedback', event.target.checked)" v-model="rgpdFeedback"></input><label id="iv7hwn" for="feedback-check" class="">Allow contact for debugging and feedback</label></div><div id="iahvhn" class="rgpd-checks"><input type="checkbox" name="nl-check" id="nl-check" checked class="rgpd-checks__check" v-on:change="(event) => setRgpd('nl', event.target.checked)" v-model="rgpdNL"></input><label for="nl-check" id="isjk6j" class="">Subscribe to our newsletter</label></div><div id="errorDiv"></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" class="margin-30">Advanced users</summary><div id="ibi9qh" class="full-width" v-for="(connector, index) in connectors.slice(1)"><a href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div class="connector__description" v-text="connector.displayName">Login with <span href="">Name</span><br/></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 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/></div></div><div id="isndui">This connector is about blablabla<br/></div></a></div><div id="ijflxq" style="font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;" class="text-centered">Do you need help? Check <a href="https://docs.silex.me/en/user/login" target="_blank">the documentation</a>. <br><br> By logging in, you agree to the <a href="https://docs.silex.me/en/terms" target="_blank">terms of use</a> and the <a href="https://docs.silex.me/en/security" target="_blank">privacy policy</a>.</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()">Logout</div></div></div><FOOTER class="footer">
|
|
336
336
|
|
|
337
337
|
<div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" class="footer__item">Social & community</h3>
|
|
338
338
|
|
package/_site/en/index.html
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<html lang="">
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8">
|
|
5
|
-
<link rel="stylesheet" href="/css/websites-
|
|
5
|
+
<link rel="stylesheet" href="/css/websites-19b822a8683767833f7656ff2df318ba13bed49f33d9bfc946ff619cf986b449.css" />
|
|
6
6
|
<!-- font google -->
|
|
7
7
|
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
|
8
8
|
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap" rel="stylesheet">
|
|
@@ -228,7 +228,7 @@ window.addEventListener('load', function() {
|
|
|
228
228
|
}
|
|
229
229
|
},
|
|
230
230
|
|
|
231
|
-
openLogin(
|
|
231
|
+
openLogin() {
|
|
232
232
|
//throw new Error('debug')
|
|
233
233
|
const path = `/en${CONNECTORS_PATH}`
|
|
234
234
|
console.log(window.location.pathname, window.location.path, path)
|
|
@@ -236,8 +236,8 @@ window.addEventListener('load', function() {
|
|
|
236
236
|
window.open(path, '_self')
|
|
237
237
|
},
|
|
238
238
|
|
|
239
|
-
openEditor(id
|
|
240
|
-
window.open(`/?id=${id}&lang
|
|
239
|
+
openEditor(id) {
|
|
240
|
+
window.open(`/?id=${id}&lang=en&connectorId=${this.user.storage.connectorId}`, '_self')
|
|
241
241
|
},
|
|
242
242
|
|
|
243
243
|
async logout() {
|
|
@@ -366,7 +366,7 @@ window.addEventListener('load', function() {
|
|
|
366
366
|
<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>
|
|
367
367
|
|
|
368
368
|
<div id="i2red7" class="lang"><a href="/en" id="iciz" class="lang__item nav__item uppercase">EN</a></div>
|
|
369
|
-
<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"
|
|
369
|
+
<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></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" 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" 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)" 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 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">
|
|
370
370
|
|
|
371
371
|
<div id="isucae" style="min-height:100px;" class="footer__column"><h3 id="ipa5zg" href="" class="footer__item">Social & community</h3>
|
|
372
372
|
|
|
@@ -332,7 +332,7 @@ setTimeout(() => {
|
|
|
332
332
|
<link rel="icon" href="/assets/favicon-32x32.png" />
|
|
333
333
|
<meta name="og:title" property="og:title" content="Silex Dashboard"/>
|
|
334
334
|
<link href="https://fonts.googleapis.com" rel="preconnect" ><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin ><link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet" ></head>
|
|
335
|
-
<body id="i2hcfw" class="body app before-js"><A id="ixzhcr" href="/" class="button button-bar__item--secondary">< Retour</A><div id="imawg3" class="bg-silex-purpel"><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">Connectez-vous pour continuer</p></div><h3 id="iqc1xf" style="display:none;" class="margin-top">Recommandé et gratuit</h3><div id="in62y2"><div id="isqe61" class="full-width margin-30" v-for="(connector, index) in connectors.slice(0, 1)"><a id="i44y9w" href="https://" 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/></div></a></div><div id="i9fpn7" class="rgpd-checks"><input type="checkbox" id="feedback-check" name="feedback-check" checked class="rgpd-checks__check" v-on:change="(event) => setRgpd('feedback', event.target.checked)" v-model="rgpdFeedback"></input><label id="iv7hwn" for="feedback-check" class="">Autoriser le contact pour débogage et feedback</label></div><div id="iahvhn" class="rgpd-checks"><input type="checkbox" name="nl-check" id="nl-check" checked
|
|
335
|
+
<body id="i2hcfw" class="body app before-js"><A id="ixzhcr" href="/" class="button button-bar__item--secondary">< Retour</A><div id="imawg3" class="bg-silex-purpel"><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">Connectez-vous pour continuer</p></div><h3 id="iqc1xf" style="display:none;" class="margin-top">Recommandé et gratuit</h3><div id="in62y2"><div id="isqe61" class="full-width margin-30" v-for="(connector, index) in connectors.slice(0, 1)"><a id="i44y9w" href="https://" 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/></div></a></div><div id="i9fpn7" class="rgpd-checks"><input type="checkbox" id="feedback-check" name="feedback-check" checked class="rgpd-checks__check" v-on:change="(event) => setRgpd('feedback', event.target.checked)" v-model="rgpdFeedback"></input><label id="iv7hwn" for="feedback-check" class="">Autoriser le contact pour débogage et feedback</label></div><div id="iahvhn" class="rgpd-checks"><input type="checkbox" name="nl-check" id="nl-check" checked class="rgpd-checks__check" v-on:change="(event) => setRgpd('nl', event.target.checked)" v-model="rgpdNL"></input><label for="nl-check" id="isjk6j" class="">S'abonner à la newsletter</label></div><div id="errorDiv"></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" class="margin-30">Utilisateurs avancés</summary><div id="ibi9qh" class="full-width" v-for="(connector, index) in connectors.slice(1)"><a href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div class="connector__description" v-text="connector.displayName">Login with <span href="">Name</span><br/></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 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/></div></div><div id="isndui">This connector is about blablabla<br/></div></a></div><div id="ijflxq" style="font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;" class="text-centered">Avez-vous besoin d'aide ? Consultez <a href="https://docs.silex.me/fr/user/login" target="_blank">la documentation</a>. <br><br> En vous connectant, vous acceptez les <a href="https://docs.silex.me/fr/terms" target="_blank">conditions d'utilisation</a> et la <a href="https://docs.silex.me/fr/security" target="_blank">politique de confidentialité</a>.</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()">Déconnexion</div></div></div><FOOTER class="footer">
|
|
336
336
|
|
|
337
337
|
<div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" class="footer__item">Social & communauté</h3>
|
|
338
338
|
|
package/_site/fr/index.html
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<html lang="">
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8">
|
|
5
|
-
<link rel="stylesheet" href="/css/websites-
|
|
5
|
+
<link rel="stylesheet" href="/css/websites-19b822a8683767833f7656ff2df318ba13bed49f33d9bfc946ff619cf986b449.css" />
|
|
6
6
|
<!-- font google -->
|
|
7
7
|
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
|
8
8
|
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap" rel="stylesheet">
|
|
@@ -228,7 +228,7 @@ window.addEventListener('load', function() {
|
|
|
228
228
|
}
|
|
229
229
|
},
|
|
230
230
|
|
|
231
|
-
openLogin(
|
|
231
|
+
openLogin() {
|
|
232
232
|
//throw new Error('debug')
|
|
233
233
|
const path = `/fr${CONNECTORS_PATH}`
|
|
234
234
|
console.log(window.location.pathname, window.location.path, path)
|
|
@@ -236,8 +236,8 @@ window.addEventListener('load', function() {
|
|
|
236
236
|
window.open(path, '_self')
|
|
237
237
|
},
|
|
238
238
|
|
|
239
|
-
openEditor(id
|
|
240
|
-
window.open(`/?id=${id}&lang
|
|
239
|
+
openEditor(id) {
|
|
240
|
+
window.open(`/?id=${id}&lang=fr&connectorId=${this.user.storage.connectorId}`, '_self')
|
|
241
241
|
},
|
|
242
242
|
|
|
243
243
|
async logout() {
|
|
@@ -366,7 +366,7 @@ window.addEventListener('load', function() {
|
|
|
366
366
|
<a id="iels" href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard" class="nav__item uppercase fx-flash nav_item--active" target="_blank">News</a></NAV>
|
|
367
367
|
|
|
368
368
|
<div id="i2red7" class="lang"><a href="/en" id="iciz" class="lang__item nav__item uppercase">EN</a></div>
|
|
369
|
-
<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"
|
|
369
|
+
<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></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"><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="">Créer un site</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">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" class="button rounded button--secondary fx-scale-round" v-on:click="showCreationForm = !showCreationForm" v-if="!empty">Annuler</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)" 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 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">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
370
|
|
|
371
371
|
<div id="isucae" style="min-height:100px;" class="footer__column"><h3 id="ipa5zg" href="" class="footer__item">Social & communauté</h3>
|
|
372
372
|
|
package/package.json
CHANGED
|
@@ -339,49 +339,49 @@ setTimeout(() => {
|
|
|
339
339
|
<meta name="og:title" property="og:title" content="Silex Dashboard"/>
|
|
340
340
|
<link href="https://fonts.googleapis.com" rel="preconnect" ><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin ><link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet" ></head>
|
|
341
341
|
{% liquid
|
|
342
|
-
assign
|
|
343
|
-
assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk =
|
|
342
|
+
assign var_i2hcfw_221 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
|
|
343
|
+
assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk = var_i2hcfw_221
|
|
344
344
|
%}<body id="i2hcfw" class="body app before-js"><A id="ixzhcr" href="/" class="button button-bar__item--secondary">{{ api-translations[lang]["Back to home"] }}</A><div id="imawg3" class="bg-silex-purpel">{% liquid
|
|
345
|
-
assign
|
|
346
|
-
assign
|
|
347
|
-
assign state_imgx81-1985_imgx81-7uhkrqd2giq =
|
|
345
|
+
assign var_imgx81_213 = tina.connectorsConnection.edges | where: "node.lang", page.lang | first
|
|
346
|
+
assign var_imgx81_214 = var_imgx81_213.node
|
|
347
|
+
assign state_imgx81-1985_imgx81-7uhkrqd2giq = var_imgx81_214
|
|
348
348
|
%}<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
|
|
349
|
-
assign
|
|
350
|
-
echo
|
|
349
|
+
assign var_it2175_207 = state_imgx81-1985_imgx81-7uhkrqd2giq.subtitle
|
|
350
|
+
echo var_it2175_207
|
|
351
351
|
%}</p></div><h3 id="iqc1xf" style="display:none;" class="margin-top">{% liquid
|
|
352
|
-
assign
|
|
353
|
-
echo
|
|
352
|
+
assign var_iqc1xf_208 = state_imgx81-1985_imgx81-7uhkrqd2giq.recommended
|
|
353
|
+
echo var_iqc1xf_208
|
|
354
354
|
%}</h3><div id="in62y2"><div id="isqe61" class="full-width margin-30" v-for="(connector, index) in connectors.slice(0, 1)"><a id="i44y9w" href="https://" 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/></div></a></div><div id="i9fpn7" class="rgpd-checks"><input type="checkbox" id="feedback-check" name="feedback-check" checked class="rgpd-checks__check" v-on:change="(event) => setRgpd('feedback', event.target.checked)" v-model="rgpdFeedback"></input><label id="iv7hwn" for="feedback-check" class="">{% liquid
|
|
355
|
-
assign
|
|
356
|
-
echo
|
|
357
|
-
%}</label></div><div id="iahvhn" class="rgpd-checks"><input type="checkbox" name="nl-check" id="nl-check" checked
|
|
358
|
-
assign
|
|
359
|
-
echo
|
|
355
|
+
assign var_iv7hwn_209 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.feedbackCheck
|
|
356
|
+
echo var_iv7hwn_209
|
|
357
|
+
%}</label></div><div id="iahvhn" class="rgpd-checks"><input type="checkbox" name="nl-check" id="nl-check" checked 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
|
|
358
|
+
assign var_isjk6j_210 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.nlCheck
|
|
359
|
+
echo var_isjk6j_210
|
|
360
360
|
%}</label></div><div id="errorDiv"></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" class="margin-30">{% liquid
|
|
361
|
-
assign
|
|
362
|
-
echo
|
|
361
|
+
assign var_i8w75b_211 = state_imgx81-1985_imgx81-7uhkrqd2giq.advanced_users
|
|
362
|
+
echo var_i8w75b_211
|
|
363
363
|
%}</summary><div id="ibi9qh" class="full-width" v-for="(connector, index) in connectors.slice(1)"><a href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div class="connector__description" v-text="connector.displayName">Login with <span href="">Name</span><br/></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 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/></div></div><div id="isndui">This connector is about blablabla<br/></div></a></div><div id="ijflxq" style="font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;" class="text-centered">{% liquid
|
|
364
|
-
assign
|
|
365
|
-
echo
|
|
364
|
+
assign var_ijflxq_212 = state_imgx81-1985_imgx81-7uhkrqd2giq.help
|
|
365
|
+
echo var_ijflxq_212
|
|
366
366
|
%}</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 class="footer">{% liquid
|
|
367
|
-
assign
|
|
367
|
+
assign var_iprzeh_220 = state_i2hcfw-1214_i2hcfw-xbsn5ipretk.node.footer_links
|
|
368
368
|
%}
|
|
369
|
-
{% for state_isucae-3308___data in
|
|
369
|
+
{% for state_isucae-3308___data in var_iprzeh_220 %}
|
|
370
370
|
<div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" class="footer__item">{% liquid
|
|
371
|
-
assign
|
|
372
|
-
echo
|
|
371
|
+
assign var_if2c67_215 = state_isucae-3308___data.title
|
|
372
|
+
echo var_if2c67_215
|
|
373
373
|
%}</h3>{% liquid
|
|
374
|
-
assign
|
|
374
|
+
assign var_imh1aw_217 = state_isucae-3308___data.columns
|
|
375
375
|
%}
|
|
376
|
-
{% for state_i2u9h4-2642___data in
|
|
376
|
+
{% for state_i2u9h4-2642___data in var_imh1aw_217 %}
|
|
377
377
|
<a href="{% liquid
|
|
378
|
-
assign
|
|
379
|
-
echo
|
|
378
|
+
assign var_imh1aw_218 = state_i2u9h4-2642___data.url
|
|
379
|
+
echo var_imh1aw_218
|
|
380
380
|
%}" class="footer__item" target="{% liquid
|
|
381
|
-
assign
|
|
382
|
-
echo
|
|
381
|
+
assign var_imh1aw_219 = state_i2u9h4-2642___data.target
|
|
382
|
+
echo var_imh1aw_219
|
|
383
383
|
%}">{% liquid
|
|
384
|
-
assign
|
|
385
|
-
echo
|
|
384
|
+
assign var_imh1aw_216 = state_i2u9h4-2642___data.label
|
|
385
|
+
echo var_imh1aw_216
|
|
386
386
|
%}</a>{% endfor %}</div>{% endfor %}</FOOTER></body>
|
|
387
387
|
</html>
|
|
@@ -339,49 +339,49 @@ setTimeout(() => {
|
|
|
339
339
|
<meta name="og:title" property="og:title" content="Silex Dashboard"/>
|
|
340
340
|
<link href="https://fonts.googleapis.com" rel="preconnect" ><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin ><link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet" ></head>
|
|
341
341
|
{% liquid
|
|
342
|
-
assign
|
|
343
|
-
assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk =
|
|
342
|
+
assign var_i2hcfw_221 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
|
|
343
|
+
assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk = var_i2hcfw_221
|
|
344
344
|
%}<body id="i2hcfw" class="body app before-js"><A id="ixzhcr" href="/" class="button button-bar__item--secondary">{{ api-translations[lang]["Back to home"] }}</A><div id="imawg3" class="bg-silex-purpel">{% liquid
|
|
345
|
-
assign
|
|
346
|
-
assign
|
|
347
|
-
assign state_imgx81-1985_imgx81-7uhkrqd2giq =
|
|
345
|
+
assign var_imgx81_213 = tina.connectorsConnection.edges | where: "node.lang", page.lang | first
|
|
346
|
+
assign var_imgx81_214 = var_imgx81_213.node
|
|
347
|
+
assign state_imgx81-1985_imgx81-7uhkrqd2giq = var_imgx81_214
|
|
348
348
|
%}<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
|
|
349
|
-
assign
|
|
350
|
-
echo
|
|
349
|
+
assign var_it2175_207 = state_imgx81-1985_imgx81-7uhkrqd2giq.subtitle
|
|
350
|
+
echo var_it2175_207
|
|
351
351
|
%}</p></div><h3 id="iqc1xf" style="display:none;" class="margin-top">{% liquid
|
|
352
|
-
assign
|
|
353
|
-
echo
|
|
352
|
+
assign var_iqc1xf_208 = state_imgx81-1985_imgx81-7uhkrqd2giq.recommended
|
|
353
|
+
echo var_iqc1xf_208
|
|
354
354
|
%}</h3><div id="in62y2"><div id="isqe61" class="full-width margin-30" v-for="(connector, index) in connectors.slice(0, 1)"><a id="i44y9w" href="https://" 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/></div></a></div><div id="i9fpn7" class="rgpd-checks"><input type="checkbox" id="feedback-check" name="feedback-check" checked class="rgpd-checks__check" v-on:change="(event) => setRgpd('feedback', event.target.checked)" v-model="rgpdFeedback"></input><label id="iv7hwn" for="feedback-check" class="">{% liquid
|
|
355
|
-
assign
|
|
356
|
-
echo
|
|
357
|
-
%}</label></div><div id="iahvhn" class="rgpd-checks"><input type="checkbox" name="nl-check" id="nl-check" checked
|
|
358
|
-
assign
|
|
359
|
-
echo
|
|
355
|
+
assign var_iv7hwn_209 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.feedbackCheck
|
|
356
|
+
echo var_iv7hwn_209
|
|
357
|
+
%}</label></div><div id="iahvhn" class="rgpd-checks"><input type="checkbox" name="nl-check" id="nl-check" checked 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
|
|
358
|
+
assign var_isjk6j_210 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.nlCheck
|
|
359
|
+
echo var_isjk6j_210
|
|
360
360
|
%}</label></div><div id="errorDiv"></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" class="margin-30">{% liquid
|
|
361
|
-
assign
|
|
362
|
-
echo
|
|
361
|
+
assign var_i8w75b_211 = state_imgx81-1985_imgx81-7uhkrqd2giq.advanced_users
|
|
362
|
+
echo var_i8w75b_211
|
|
363
363
|
%}</summary><div id="ibi9qh" class="full-width" v-for="(connector, index) in connectors.slice(1)"><a href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div class="connector__description" v-text="connector.displayName">Login with <span href="">Name</span><br/></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 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/></div></div><div id="isndui">This connector is about blablabla<br/></div></a></div><div id="ijflxq" style="font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;" class="text-centered">{% liquid
|
|
364
|
-
assign
|
|
365
|
-
echo
|
|
364
|
+
assign var_ijflxq_212 = state_imgx81-1985_imgx81-7uhkrqd2giq.help
|
|
365
|
+
echo var_ijflxq_212
|
|
366
366
|
%}</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 class="footer">{% liquid
|
|
367
|
-
assign
|
|
367
|
+
assign var_iprzeh_220 = state_i2hcfw-1214_i2hcfw-xbsn5ipretk.node.footer_links
|
|
368
368
|
%}
|
|
369
|
-
{% for state_isucae-3308___data in
|
|
369
|
+
{% for state_isucae-3308___data in var_iprzeh_220 %}
|
|
370
370
|
<div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" class="footer__item">{% liquid
|
|
371
|
-
assign
|
|
372
|
-
echo
|
|
371
|
+
assign var_if2c67_215 = state_isucae-3308___data.title
|
|
372
|
+
echo var_if2c67_215
|
|
373
373
|
%}</h3>{% liquid
|
|
374
|
-
assign
|
|
374
|
+
assign var_imh1aw_217 = state_isucae-3308___data.columns
|
|
375
375
|
%}
|
|
376
|
-
{% for state_i2u9h4-2642___data in
|
|
376
|
+
{% for state_i2u9h4-2642___data in var_imh1aw_217 %}
|
|
377
377
|
<a href="{% liquid
|
|
378
|
-
assign
|
|
379
|
-
echo
|
|
378
|
+
assign var_imh1aw_218 = state_i2u9h4-2642___data.url
|
|
379
|
+
echo var_imh1aw_218
|
|
380
380
|
%}" class="footer__item" target="{% liquid
|
|
381
|
-
assign
|
|
382
|
-
echo
|
|
381
|
+
assign var_imh1aw_219 = state_i2u9h4-2642___data.target
|
|
382
|
+
echo var_imh1aw_219
|
|
383
383
|
%}">{% liquid
|
|
384
|
-
assign
|
|
385
|
-
echo
|
|
384
|
+
assign var_imh1aw_216 = state_i2u9h4-2642___data.label
|
|
385
|
+
echo var_imh1aw_216
|
|
386
386
|
%}</a>{% endfor %}</div>{% endfor %}</FOOTER></body>
|
|
387
387
|
</html>
|
package/templates/css/websites-19b822a8683767833f7656ff2df318ba13bed49f33d9bfc946ff619cf986b449.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
* { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:#4a4a4a;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;color:#2b1b63;}.menu-bar{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;height:94px;padding:0px 100px 0px 100px;width:100%;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{font-size:0.8rem;padding:10px 20px 10px 20px;display:inline-block;border:2px solid #8873fe;transition:all 0.18s ease-out;font-weight:700;line-height:1.2rem;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:30px 30px 30px 30px;align-items:center;justify-content:space-between;border-radius:4px 4px 4px 4px;background-color:#ffffff;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.rounded{border-radius:4px 4px 4px 4px;}.footer{display:flex;margin:50px 0px 0px 0px;background-color:#ffffff;justify-content:space-evenly;padding:30px 30px 60px 30px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.31;background-color:#dddddd;border-radius:5px 5px 5px 5px;width:140px;}.skeleton-anim{position:relative;}.nav__item.active{color:black;}.margin-20{margin:20px 0px 20px 0px;}#i0ro3{display:none;}.loading__item.loaded-true{display:none;}.flex-no-shrink{flex-shrink:0;}.form{padding:10px 0px 10px 0px;border-radius:5px 5px 5px 5px;}#i1nmbc{flex-shrink:0;}.input{padding:10px 10px 10px 10px;background-color:transparent;border:2px solid #8873fe;margin:10px 0px 10px 0px;border-radius:4px 4px 4px 4px;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box__header{margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;font-weight:700;font-size:1.625rem;color:rgba(43,27,99,0.5);}.box.flex-between{align-items:center;}.flex-between{display:flex;align-items:center;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{width:100%;height:100%;}.user__wrapper{border:1px solid white;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 0 0 20px;}.right-space-20{margin:0px 20px 0px 0px;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}.user-icon__wrapper{border:1px solid #f0f0f0;background-color:#f0f0f0;border-radius:50% 50% 50% 50%;width:40px;height:40px;overflow:hidden hidden;}.title-40{margin:0 0 10px 0;font-size:2.5rem;font-weight:700;}.bg-silex-purpel{background-repeat:repeat-y;background-position:center top;background-attachment:scroll;background-size:contain;background-image:url(/assets/../assets/bg-purpel-silex.webp);}.section-top{max-width:1200px;padding:40px 30px 40px 30px;height:226px;display:flex;flex-direction:column;justify-content:center;margin:0px auto 0px auto;}.text-centered{text-align:center;}.box-message{background-color:rgba(43,27,99,0.3);border-radius:4px 4px 4px 4px;padding:20px 30px 20px 30px;margin:10px 0px 10px 0px;}.text-white{color:#ffffff;}.bold{font-weight:800;}.button-bar__item--link{background-color:transparent;border:0px solid black;font-size:0.8rem;color:#8873fe;}.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{min-height:500px;background-image:url(/assets/../assets/empty-projects-sos.gif);background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:contain;}.padding-50-30{padding:50px 30px 50px 30px;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.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{border:2px solid #8873fe;color:#8873fe;background-color:white;}.box-message-text{margin:0px 0 0 0;font-weight:300;}.website-max-width{max-width:1200px;}.margin-80{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{display:flex;flex-direction:column;align-items:center;}.button-bar__title:hover{color:#8873fe;}.button-bar__item--icon{margin:0px 0 0 0;padding:5px 5px 5px 5px;}.nav__item:hover{text-decoration:none;color:#8873fe;}.nav_item--active:first-child{color:#8873fe;}
|
|
@@ -8,7 +8,7 @@ collection: "Websites"
|
|
|
8
8
|
<html lang="">
|
|
9
9
|
<head>
|
|
10
10
|
<meta charset="UTF-8">
|
|
11
|
-
<link rel="stylesheet" href="/css/websites-
|
|
11
|
+
<link rel="stylesheet" href="/css/websites-19b822a8683767833f7656ff2df318ba13bed49f33d9bfc946ff619cf986b449.css" />
|
|
12
12
|
<!-- font google -->
|
|
13
13
|
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
|
14
14
|
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap" rel="stylesheet">
|
|
@@ -234,7 +234,7 @@ window.addEventListener('load', function() {
|
|
|
234
234
|
}
|
|
235
235
|
},
|
|
236
236
|
|
|
237
|
-
openLogin(
|
|
237
|
+
openLogin() {
|
|
238
238
|
//throw new Error('debug')
|
|
239
239
|
const path = `/{{lang}}${CONNECTORS_PATH}`
|
|
240
240
|
console.log(window.location.pathname, window.location.path, path)
|
|
@@ -242,8 +242,8 @@ window.addEventListener('load', function() {
|
|
|
242
242
|
window.open(path, '_self')
|
|
243
243
|
},
|
|
244
244
|
|
|
245
|
-
openEditor(id
|
|
246
|
-
window.open(`/?id=${id}&lang
|
|
245
|
+
openEditor(id) {
|
|
246
|
+
window.open(`/?id=${id}&lang={{lang}}&connectorId=${this.user.storage.connectorId}`, '_self')
|
|
247
247
|
},
|
|
248
248
|
|
|
249
249
|
async logout() {
|
|
@@ -359,130 +359,130 @@ window.addEventListener('load', function() {
|
|
|
359
359
|
</script>
|
|
360
360
|
|
|
361
361
|
<title>{% liquid
|
|
362
|
-
assign
|
|
363
|
-
assign
|
|
364
|
-
echo
|
|
362
|
+
assign var_ik0i_222 = tina.homeConnection.edges | where: "", | first
|
|
363
|
+
assign var_ik0i_223 = var_ik0i_222.node.title
|
|
364
|
+
echo var_ik0i_223
|
|
365
365
|
%}</title>
|
|
366
366
|
<link rel="icon" href="/assets/favicon-32x32.png" />
|
|
367
367
|
<meta name="og:title" property="og:title" content="Silex Dashboard"/>
|
|
368
368
|
<link href="https://fonts.googleapis.com" rel="preconnect" ><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin ><link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet" ></head>
|
|
369
369
|
{% liquid
|
|
370
|
-
assign
|
|
371
|
-
assign state_ik0i-958_ik0i-e8l061o7k5 =
|
|
370
|
+
assign var_ik0i_204 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
|
|
371
|
+
assign state_ik0i-958_ik0i-e8l061o7k5 = var_ik0i_204
|
|
372
372
|
%}
|
|
373
373
|
{% liquid
|
|
374
|
-
assign
|
|
375
|
-
assign
|
|
376
|
-
assign state_ik0i-958_ik0i-24xejc2n0xy =
|
|
374
|
+
assign var_ik0i_205 = tina.homeConnection.edges | where: "node.lang", page.lang | first
|
|
375
|
+
assign var_ik0i_206 = var_ik0i_205.node
|
|
376
|
+
assign state_ik0i-958_ik0i-24xejc2n0xy = var_ik0i_206
|
|
377
377
|
%}<body id="ik0i" class="body loading app before-js"><HEADER id="igrg" class="menu-bar"><A id="igvu43" href="/"><img src="/assets/picto-silex@3x.png" id="iel80b-2" class="nav__logo"/></A><NAV id="i9jq" class="nav">{% liquid
|
|
378
|
-
assign
|
|
379
|
-
assign
|
|
378
|
+
assign var_iels_169 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
|
|
379
|
+
assign var_iels_170 = var_iels_169.node.nav
|
|
380
380
|
%}
|
|
381
|
-
{% for state_iels-228___data in
|
|
381
|
+
{% for state_iels-228___data in var_iels_170 %}
|
|
382
382
|
<a id="iels" href="{% liquid
|
|
383
|
-
assign
|
|
384
|
-
echo
|
|
383
|
+
assign var_iels_171 = state_iels-228___data.url
|
|
384
|
+
echo var_iels_171
|
|
385
385
|
%}" class="nav__item uppercase fx-flash nav_item--active" target="{% liquid
|
|
386
|
-
assign
|
|
387
|
-
echo
|
|
386
|
+
assign var_iels_172 = state_iels-228___data.target
|
|
387
|
+
echo var_iels_172
|
|
388
388
|
%}">{% liquid
|
|
389
|
-
assign
|
|
390
|
-
echo
|
|
389
|
+
assign var_iels_168 = state_iels-228___data.label
|
|
390
|
+
echo var_iels_168
|
|
391
391
|
%}</a>{% endfor %}</NAV>{% liquid
|
|
392
|
-
assign
|
|
392
|
+
assign var_i2red7_175 = tina.languagesConnection.edges
|
|
393
393
|
%}
|
|
394
|
-
{% for state_i2red7-8291___data in
|
|
394
|
+
{% for state_i2red7-8291___data in var_i2red7_175 %}
|
|
395
395
|
<div id="i2red7" class="lang"><a href="{% liquid
|
|
396
|
-
assign
|
|
397
|
-
echo
|
|
396
|
+
assign var_iciz_174 = state_i2red7-8291___data.node.permalink
|
|
397
|
+
echo var_iciz_174
|
|
398
398
|
%}" id="iciz" class="lang__item nav__item uppercase">{% liquid
|
|
399
|
-
assign
|
|
400
|
-
echo
|
|
401
|
-
%}</a></div>{% endfor %}<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"
|
|
402
|
-
assign
|
|
403
|
-
echo
|
|
399
|
+
assign var_iciz_173 = state_i2red7-8291___data.node.label
|
|
400
|
+
echo var_iciz_173
|
|
401
|
+
%}</a></div>{% endfor %}<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></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">{% liquid
|
|
402
|
+
assign var_ic31o_176 = state_ik0i-958_ik0i-24xejc2n0xy.title2
|
|
403
|
+
echo var_ic31o_176
|
|
404
404
|
%}</h1><p id="iyex8" class="subtitle-16" v-if="!empty">{% liquid
|
|
405
|
-
assign
|
|
406
|
-
echo
|
|
405
|
+
assign var_iyex8_177 = state_ik0i-958_ik0i-24xejc2n0xy.subtitle
|
|
406
|
+
echo var_iyex8_177
|
|
407
407
|
%}</p><h1 id="i4ybc" class="title-40" v-if="empty">{% liquid
|
|
408
|
-
assign
|
|
409
|
-
echo
|
|
408
|
+
assign var_i4ybc_178 = state_ik0i-958_ik0i-24xejc2n0xy.title2_empty
|
|
409
|
+
echo var_i4ybc_178
|
|
410
410
|
%}</h1><p id="iino6r" class="subtitle-16" v-if="empty">{% liquid
|
|
411
|
-
assign
|
|
412
|
-
echo
|
|
411
|
+
assign var_iino6r_179 = state_ik0i-958_ik0i-24xejc2n0xy.subtitle_empty
|
|
412
|
+
echo var_iino6r_179
|
|
413
413
|
%}</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="">{% liquid
|
|
414
|
-
assign
|
|
415
|
-
echo
|
|
414
|
+
assign var_ixu14_180 = state_ik0i-958_ik0i-24xejc2n0xy.add_button
|
|
415
|
+
echo var_ixu14_180
|
|
416
416
|
%}</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">{% liquid
|
|
417
|
-
assign
|
|
418
|
-
echo
|
|
417
|
+
assign var_i3gd1b_181 = state_ik0i-958_ik0i-24xejc2n0xy.add_title
|
|
418
|
+
echo var_i3gd1b_181
|
|
419
419
|
%}</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">{% liquid
|
|
420
|
-
assign
|
|
421
|
-
echo
|
|
420
|
+
assign var_i1nmbc_182 = state_ik0i-958_ik0i-24xejc2n0xy.add_name_label
|
|
421
|
+
echo var_i1nmbc_182
|
|
422
422
|
%}</label><input type="text" id="ij5iwh" placeholder="{% liquid
|
|
423
|
-
assign
|
|
424
|
-
echo
|
|
423
|
+
assign var_ij5iwh_183 = state_ik0i-958_ik0i-24xejc2n0xy.add_name_placeholder
|
|
424
|
+
echo var_ij5iwh_183
|
|
425
425
|
%}" 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">{% liquid
|
|
426
|
-
assign
|
|
427
|
-
echo
|
|
426
|
+
assign var_i021na_184 = state_ik0i-958_ik0i-24xejc2n0xy.add_ok
|
|
427
|
+
echo var_i021na_184
|
|
428
428
|
%}</button><button type="reset" class="button rounded button--secondary fx-scale-round" v-on:click="showCreationForm = !showCreationForm" v-if="!empty">{% liquid
|
|
429
|
-
assign
|
|
430
|
-
echo
|
|
431
|
-
%}</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
|
|
432
|
-
assign
|
|
433
|
-
echo
|
|
434
|
-
%}" class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon" v-on:click="openEditor(website.websiteId
|
|
435
|
-
assign
|
|
436
|
-
echo
|
|
429
|
+
assign var_iyhpf_185 = state_ik0i-958_ik0i-24xejc2n0xy.add_cancel
|
|
430
|
+
echo var_iyhpf_185
|
|
431
|
+
%}</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)" 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="{% liquid
|
|
432
|
+
assign var_ifyf6p_187 = state_ik0i-958_ik0i-24xejc2n0xy.list_edit
|
|
433
|
+
echo var_ifyf6p_187
|
|
434
|
+
%}" class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon" v-on:click="openEditor(website.websiteId)">{% liquid
|
|
435
|
+
assign var_ifyf6p_186 = state_ik0i-958_ik0i-24xejc2n0xy.list_edit_icon
|
|
436
|
+
echo var_ifyf6p_186
|
|
437
437
|
%}</button><button id="ihf6ew" title="{% liquid
|
|
438
|
-
assign
|
|
439
|
-
echo
|
|
440
|
-
%}" class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon" v-on:click="renameWebsite(website.websiteId
|
|
441
|
-
assign
|
|
442
|
-
echo
|
|
438
|
+
assign var_ihf6ew_189 = state_ik0i-958_ik0i-24xejc2n0xy.list_rename
|
|
439
|
+
echo var_ihf6ew_189
|
|
440
|
+
%}" class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon" v-on:click="renameWebsite(website.websiteId)">{% liquid
|
|
441
|
+
assign var_ihf6ew_188 = state_ik0i-958_ik0i-24xejc2n0xy.list_rename_icon
|
|
442
|
+
echo var_ihf6ew_188
|
|
443
443
|
%}</button><button id="iol4h" title="{% liquid
|
|
444
|
-
assign
|
|
445
|
-
echo
|
|
446
|
-
%}" class="button-bar__item--link pointer fx-flash fx-scale button-bar__item--icon" v-on:click="duplicateWebsite(website.websiteId
|
|
447
|
-
assign
|
|
448
|
-
echo
|
|
444
|
+
assign var_iol4h_191 = state_ik0i-958_ik0i-24xejc2n0xy.list_duplicate
|
|
445
|
+
echo var_iol4h_191
|
|
446
|
+
%}" class="button-bar__item--link pointer fx-flash fx-scale button-bar__item--icon" v-on:click="duplicateWebsite(website.websiteId)">{% liquid
|
|
447
|
+
assign var_iol4h_190 = state_ik0i-958_ik0i-24xejc2n0xy.list_duplicate_icon
|
|
448
|
+
echo var_iol4h_190
|
|
449
449
|
%}</button><button id="it5ia" class="button-bar__item--link pointer fx-flash fx-scale" title="{% liquid
|
|
450
|
-
assign
|
|
451
|
-
echo
|
|
450
|
+
assign var_it5ia_192 = state_ik0i-958_ik0i-24xejc2n0xy.list_delete
|
|
451
|
+
echo var_it5ia_192
|
|
452
452
|
%}" 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">{% liquid
|
|
453
|
-
assign
|
|
454
|
-
echo
|
|
453
|
+
assign var_ikl1qu_193 = state_ik0i-958_ik0i-24xejc2n0xy.text_empty1
|
|
454
|
+
echo var_ikl1qu_193
|
|
455
455
|
%}</p><h3 id="iwzrqi" class="text-centered title-26">{% liquid
|
|
456
|
-
assign
|
|
457
|
-
echo
|
|
456
|
+
assign var_iwzrqi_194 = state_ik0i-958_ik0i-24xejc2n0xy.text_empty2
|
|
457
|
+
echo var_iwzrqi_194
|
|
458
458
|
%}</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="">{% liquid
|
|
459
|
-
assign
|
|
460
|
-
echo
|
|
459
|
+
assign var_itl2n8_195 = state_ik0i-958_ik0i-24xejc2n0xy.add_button
|
|
460
|
+
echo var_itl2n8_195
|
|
461
461
|
%}</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">{% liquid
|
|
462
|
-
assign
|
|
463
|
-
echo
|
|
462
|
+
assign var_i4656n_196 = state_ik0i-958_ik0i-24xejc2n0xy.message_dismiss
|
|
463
|
+
echo var_i4656n_196
|
|
464
464
|
%}</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">{% liquid
|
|
465
|
-
assign
|
|
466
|
-
echo
|
|
465
|
+
assign var_i2urco_197 = state_ik0i-958_ik0i-24xejc2n0xy.message_dismiss
|
|
466
|
+
echo var_i2urco_197
|
|
467
467
|
%}</div></div></MAIN><FOOTER id="ilzpl" class="footer">{% liquid
|
|
468
|
-
assign
|
|
468
|
+
assign var_isucae_203 = state_ik0i-958_ik0i-e8l061o7k5.node.footer_links
|
|
469
469
|
%}
|
|
470
|
-
{% for state_isucae-3308___data in
|
|
470
|
+
{% for state_isucae-3308___data in var_isucae_203 %}
|
|
471
471
|
<div id="isucae" style="min-height:100px;" class="footer__column"><h3 id="ipa5zg" href="" class="footer__item">{% liquid
|
|
472
|
-
assign
|
|
473
|
-
echo
|
|
472
|
+
assign var_ipa5zg_198 = state_isucae-3308___data.title
|
|
473
|
+
echo var_ipa5zg_198
|
|
474
474
|
%}</h3>{% liquid
|
|
475
|
-
assign
|
|
475
|
+
assign var_iqyxrk_200 = state_isucae-3308___data.columns
|
|
476
476
|
%}
|
|
477
|
-
{% for state_i2u9h4-2642___data in
|
|
477
|
+
{% for state_i2u9h4-2642___data in var_iqyxrk_200 %}
|
|
478
478
|
<a href="{% liquid
|
|
479
|
-
assign
|
|
480
|
-
echo
|
|
479
|
+
assign var_iqyxrk_201 = state_i2u9h4-2642___data.url
|
|
480
|
+
echo var_iqyxrk_201
|
|
481
481
|
%}" class="footer__item" target="{% liquid
|
|
482
|
-
assign
|
|
483
|
-
echo
|
|
482
|
+
assign var_iqyxrk_202 = state_i2u9h4-2642___data.target
|
|
483
|
+
echo var_iqyxrk_202
|
|
484
484
|
%}">{% liquid
|
|
485
|
-
assign
|
|
486
|
-
echo
|
|
485
|
+
assign var_iqyxrk_199 = state_i2u9h4-2642___data.label
|
|
486
|
+
echo var_iqyxrk_199
|
|
487
487
|
%}</a>{% endfor %}</div>{% endfor %}</FOOTER></body>
|
|
488
488
|
</html>
|
|
@@ -8,7 +8,7 @@ collection: "Websites"
|
|
|
8
8
|
<html lang="">
|
|
9
9
|
<head>
|
|
10
10
|
<meta charset="UTF-8">
|
|
11
|
-
<link rel="stylesheet" href="/css/websites-
|
|
11
|
+
<link rel="stylesheet" href="/css/websites-19b822a8683767833f7656ff2df318ba13bed49f33d9bfc946ff619cf986b449.css" />
|
|
12
12
|
<!-- font google -->
|
|
13
13
|
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
|
14
14
|
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap" rel="stylesheet">
|
|
@@ -234,7 +234,7 @@ window.addEventListener('load', function() {
|
|
|
234
234
|
}
|
|
235
235
|
},
|
|
236
236
|
|
|
237
|
-
openLogin(
|
|
237
|
+
openLogin() {
|
|
238
238
|
//throw new Error('debug')
|
|
239
239
|
const path = `/{{lang}}${CONNECTORS_PATH}`
|
|
240
240
|
console.log(window.location.pathname, window.location.path, path)
|
|
@@ -242,8 +242,8 @@ window.addEventListener('load', function() {
|
|
|
242
242
|
window.open(path, '_self')
|
|
243
243
|
},
|
|
244
244
|
|
|
245
|
-
openEditor(id
|
|
246
|
-
window.open(`/?id=${id}&lang
|
|
245
|
+
openEditor(id) {
|
|
246
|
+
window.open(`/?id=${id}&lang={{lang}}&connectorId=${this.user.storage.connectorId}`, '_self')
|
|
247
247
|
},
|
|
248
248
|
|
|
249
249
|
async logout() {
|
|
@@ -359,130 +359,130 @@ window.addEventListener('load', function() {
|
|
|
359
359
|
</script>
|
|
360
360
|
|
|
361
361
|
<title>{% liquid
|
|
362
|
-
assign
|
|
363
|
-
assign
|
|
364
|
-
echo
|
|
362
|
+
assign var_ik0i_222 = tina.homeConnection.edges | where: "", | first
|
|
363
|
+
assign var_ik0i_223 = var_ik0i_222.node.title
|
|
364
|
+
echo var_ik0i_223
|
|
365
365
|
%}</title>
|
|
366
366
|
<link rel="icon" href="/assets/favicon-32x32.png" />
|
|
367
367
|
<meta name="og:title" property="og:title" content="Silex Dashboard"/>
|
|
368
368
|
<link href="https://fonts.googleapis.com" rel="preconnect" ><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin ><link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet" ></head>
|
|
369
369
|
{% liquid
|
|
370
|
-
assign
|
|
371
|
-
assign state_ik0i-958_ik0i-e8l061o7k5 =
|
|
370
|
+
assign var_ik0i_204 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
|
|
371
|
+
assign state_ik0i-958_ik0i-e8l061o7k5 = var_ik0i_204
|
|
372
372
|
%}
|
|
373
373
|
{% liquid
|
|
374
|
-
assign
|
|
375
|
-
assign
|
|
376
|
-
assign state_ik0i-958_ik0i-24xejc2n0xy =
|
|
374
|
+
assign var_ik0i_205 = tina.homeConnection.edges | where: "node.lang", page.lang | first
|
|
375
|
+
assign var_ik0i_206 = var_ik0i_205.node
|
|
376
|
+
assign state_ik0i-958_ik0i-24xejc2n0xy = var_ik0i_206
|
|
377
377
|
%}<body id="ik0i" class="body loading app before-js"><HEADER id="igrg" class="menu-bar"><A id="igvu43" href="/"><img src="/assets/picto-silex@3x.png" id="iel80b-2" class="nav__logo"/></A><NAV id="i9jq" class="nav">{% liquid
|
|
378
|
-
assign
|
|
379
|
-
assign
|
|
378
|
+
assign var_iels_169 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
|
|
379
|
+
assign var_iels_170 = var_iels_169.node.nav
|
|
380
380
|
%}
|
|
381
|
-
{% for state_iels-228___data in
|
|
381
|
+
{% for state_iels-228___data in var_iels_170 %}
|
|
382
382
|
<a id="iels" href="{% liquid
|
|
383
|
-
assign
|
|
384
|
-
echo
|
|
383
|
+
assign var_iels_171 = state_iels-228___data.url
|
|
384
|
+
echo var_iels_171
|
|
385
385
|
%}" class="nav__item uppercase fx-flash nav_item--active" target="{% liquid
|
|
386
|
-
assign
|
|
387
|
-
echo
|
|
386
|
+
assign var_iels_172 = state_iels-228___data.target
|
|
387
|
+
echo var_iels_172
|
|
388
388
|
%}">{% liquid
|
|
389
|
-
assign
|
|
390
|
-
echo
|
|
389
|
+
assign var_iels_168 = state_iels-228___data.label
|
|
390
|
+
echo var_iels_168
|
|
391
391
|
%}</a>{% endfor %}</NAV>{% liquid
|
|
392
|
-
assign
|
|
392
|
+
assign var_i2red7_175 = tina.languagesConnection.edges
|
|
393
393
|
%}
|
|
394
|
-
{% for state_i2red7-8291___data in
|
|
394
|
+
{% for state_i2red7-8291___data in var_i2red7_175 %}
|
|
395
395
|
<div id="i2red7" class="lang"><a href="{% liquid
|
|
396
|
-
assign
|
|
397
|
-
echo
|
|
396
|
+
assign var_iciz_174 = state_i2red7-8291___data.node.permalink
|
|
397
|
+
echo var_iciz_174
|
|
398
398
|
%}" id="iciz" class="lang__item nav__item uppercase">{% liquid
|
|
399
|
-
assign
|
|
400
|
-
echo
|
|
401
|
-
%}</a></div>{% endfor %}<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"
|
|
402
|
-
assign
|
|
403
|
-
echo
|
|
399
|
+
assign var_iciz_173 = state_i2red7-8291___data.node.label
|
|
400
|
+
echo var_iciz_173
|
|
401
|
+
%}</a></div>{% endfor %}<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></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">{% liquid
|
|
402
|
+
assign var_ic31o_176 = state_ik0i-958_ik0i-24xejc2n0xy.title2
|
|
403
|
+
echo var_ic31o_176
|
|
404
404
|
%}</h1><p id="iyex8" class="subtitle-16" v-if="!empty">{% liquid
|
|
405
|
-
assign
|
|
406
|
-
echo
|
|
405
|
+
assign var_iyex8_177 = state_ik0i-958_ik0i-24xejc2n0xy.subtitle
|
|
406
|
+
echo var_iyex8_177
|
|
407
407
|
%}</p><h1 id="i4ybc" class="title-40" v-if="empty">{% liquid
|
|
408
|
-
assign
|
|
409
|
-
echo
|
|
408
|
+
assign var_i4ybc_178 = state_ik0i-958_ik0i-24xejc2n0xy.title2_empty
|
|
409
|
+
echo var_i4ybc_178
|
|
410
410
|
%}</h1><p id="iino6r" class="subtitle-16" v-if="empty">{% liquid
|
|
411
|
-
assign
|
|
412
|
-
echo
|
|
411
|
+
assign var_iino6r_179 = state_ik0i-958_ik0i-24xejc2n0xy.subtitle_empty
|
|
412
|
+
echo var_iino6r_179
|
|
413
413
|
%}</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="">{% liquid
|
|
414
|
-
assign
|
|
415
|
-
echo
|
|
414
|
+
assign var_ixu14_180 = state_ik0i-958_ik0i-24xejc2n0xy.add_button
|
|
415
|
+
echo var_ixu14_180
|
|
416
416
|
%}</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">{% liquid
|
|
417
|
-
assign
|
|
418
|
-
echo
|
|
417
|
+
assign var_i3gd1b_181 = state_ik0i-958_ik0i-24xejc2n0xy.add_title
|
|
418
|
+
echo var_i3gd1b_181
|
|
419
419
|
%}</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">{% liquid
|
|
420
|
-
assign
|
|
421
|
-
echo
|
|
420
|
+
assign var_i1nmbc_182 = state_ik0i-958_ik0i-24xejc2n0xy.add_name_label
|
|
421
|
+
echo var_i1nmbc_182
|
|
422
422
|
%}</label><input type="text" id="ij5iwh" placeholder="{% liquid
|
|
423
|
-
assign
|
|
424
|
-
echo
|
|
423
|
+
assign var_ij5iwh_183 = state_ik0i-958_ik0i-24xejc2n0xy.add_name_placeholder
|
|
424
|
+
echo var_ij5iwh_183
|
|
425
425
|
%}" 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">{% liquid
|
|
426
|
-
assign
|
|
427
|
-
echo
|
|
426
|
+
assign var_i021na_184 = state_ik0i-958_ik0i-24xejc2n0xy.add_ok
|
|
427
|
+
echo var_i021na_184
|
|
428
428
|
%}</button><button type="reset" class="button rounded button--secondary fx-scale-round" v-on:click="showCreationForm = !showCreationForm" v-if="!empty">{% liquid
|
|
429
|
-
assign
|
|
430
|
-
echo
|
|
431
|
-
%}</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
|
|
432
|
-
assign
|
|
433
|
-
echo
|
|
434
|
-
%}" class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon" v-on:click="openEditor(website.websiteId
|
|
435
|
-
assign
|
|
436
|
-
echo
|
|
429
|
+
assign var_iyhpf_185 = state_ik0i-958_ik0i-24xejc2n0xy.add_cancel
|
|
430
|
+
echo var_iyhpf_185
|
|
431
|
+
%}</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)" 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="{% liquid
|
|
432
|
+
assign var_ifyf6p_187 = state_ik0i-958_ik0i-24xejc2n0xy.list_edit
|
|
433
|
+
echo var_ifyf6p_187
|
|
434
|
+
%}" class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon" v-on:click="openEditor(website.websiteId)">{% liquid
|
|
435
|
+
assign var_ifyf6p_186 = state_ik0i-958_ik0i-24xejc2n0xy.list_edit_icon
|
|
436
|
+
echo var_ifyf6p_186
|
|
437
437
|
%}</button><button id="ihf6ew" title="{% liquid
|
|
438
|
-
assign
|
|
439
|
-
echo
|
|
440
|
-
%}" class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon" v-on:click="renameWebsite(website.websiteId
|
|
441
|
-
assign
|
|
442
|
-
echo
|
|
438
|
+
assign var_ihf6ew_189 = state_ik0i-958_ik0i-24xejc2n0xy.list_rename
|
|
439
|
+
echo var_ihf6ew_189
|
|
440
|
+
%}" class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon" v-on:click="renameWebsite(website.websiteId)">{% liquid
|
|
441
|
+
assign var_ihf6ew_188 = state_ik0i-958_ik0i-24xejc2n0xy.list_rename_icon
|
|
442
|
+
echo var_ihf6ew_188
|
|
443
443
|
%}</button><button id="iol4h" title="{% liquid
|
|
444
|
-
assign
|
|
445
|
-
echo
|
|
446
|
-
%}" class="button-bar__item--link pointer fx-flash fx-scale button-bar__item--icon" v-on:click="duplicateWebsite(website.websiteId
|
|
447
|
-
assign
|
|
448
|
-
echo
|
|
444
|
+
assign var_iol4h_191 = state_ik0i-958_ik0i-24xejc2n0xy.list_duplicate
|
|
445
|
+
echo var_iol4h_191
|
|
446
|
+
%}" class="button-bar__item--link pointer fx-flash fx-scale button-bar__item--icon" v-on:click="duplicateWebsite(website.websiteId)">{% liquid
|
|
447
|
+
assign var_iol4h_190 = state_ik0i-958_ik0i-24xejc2n0xy.list_duplicate_icon
|
|
448
|
+
echo var_iol4h_190
|
|
449
449
|
%}</button><button id="it5ia" class="button-bar__item--link pointer fx-flash fx-scale" title="{% liquid
|
|
450
|
-
assign
|
|
451
|
-
echo
|
|
450
|
+
assign var_it5ia_192 = state_ik0i-958_ik0i-24xejc2n0xy.list_delete
|
|
451
|
+
echo var_it5ia_192
|
|
452
452
|
%}" 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">{% liquid
|
|
453
|
-
assign
|
|
454
|
-
echo
|
|
453
|
+
assign var_ikl1qu_193 = state_ik0i-958_ik0i-24xejc2n0xy.text_empty1
|
|
454
|
+
echo var_ikl1qu_193
|
|
455
455
|
%}</p><h3 id="iwzrqi" class="text-centered title-26">{% liquid
|
|
456
|
-
assign
|
|
457
|
-
echo
|
|
456
|
+
assign var_iwzrqi_194 = state_ik0i-958_ik0i-24xejc2n0xy.text_empty2
|
|
457
|
+
echo var_iwzrqi_194
|
|
458
458
|
%}</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="">{% liquid
|
|
459
|
-
assign
|
|
460
|
-
echo
|
|
459
|
+
assign var_itl2n8_195 = state_ik0i-958_ik0i-24xejc2n0xy.add_button
|
|
460
|
+
echo var_itl2n8_195
|
|
461
461
|
%}</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">{% liquid
|
|
462
|
-
assign
|
|
463
|
-
echo
|
|
462
|
+
assign var_i4656n_196 = state_ik0i-958_ik0i-24xejc2n0xy.message_dismiss
|
|
463
|
+
echo var_i4656n_196
|
|
464
464
|
%}</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">{% liquid
|
|
465
|
-
assign
|
|
466
|
-
echo
|
|
465
|
+
assign var_i2urco_197 = state_ik0i-958_ik0i-24xejc2n0xy.message_dismiss
|
|
466
|
+
echo var_i2urco_197
|
|
467
467
|
%}</div></div></MAIN><FOOTER id="ilzpl" class="footer">{% liquid
|
|
468
|
-
assign
|
|
468
|
+
assign var_isucae_203 = state_ik0i-958_ik0i-e8l061o7k5.node.footer_links
|
|
469
469
|
%}
|
|
470
|
-
{% for state_isucae-3308___data in
|
|
470
|
+
{% for state_isucae-3308___data in var_isucae_203 %}
|
|
471
471
|
<div id="isucae" style="min-height:100px;" class="footer__column"><h3 id="ipa5zg" href="" class="footer__item">{% liquid
|
|
472
|
-
assign
|
|
473
|
-
echo
|
|
472
|
+
assign var_ipa5zg_198 = state_isucae-3308___data.title
|
|
473
|
+
echo var_ipa5zg_198
|
|
474
474
|
%}</h3>{% liquid
|
|
475
|
-
assign
|
|
475
|
+
assign var_iqyxrk_200 = state_isucae-3308___data.columns
|
|
476
476
|
%}
|
|
477
|
-
{% for state_i2u9h4-2642___data in
|
|
477
|
+
{% for state_i2u9h4-2642___data in var_iqyxrk_200 %}
|
|
478
478
|
<a href="{% liquid
|
|
479
|
-
assign
|
|
480
|
-
echo
|
|
479
|
+
assign var_iqyxrk_201 = state_i2u9h4-2642___data.url
|
|
480
|
+
echo var_iqyxrk_201
|
|
481
481
|
%}" class="footer__item" target="{% liquid
|
|
482
|
-
assign
|
|
483
|
-
echo
|
|
482
|
+
assign var_iqyxrk_202 = state_i2u9h4-2642___data.target
|
|
483
|
+
echo var_iqyxrk_202
|
|
484
484
|
%}">{% liquid
|
|
485
|
-
assign
|
|
486
|
-
echo
|
|
485
|
+
assign var_iqyxrk_199 = state_i2u9h4-2642___data.label
|
|
486
|
+
echo var_iqyxrk_199
|
|
487
487
|
%}</a>{% endfor %}</div>{% endfor %}</FOOTER></body>
|
|
488
488
|
</html>
|