@silexlabs/silex-dashboard 1.0.73 → 1.0.74
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/connectors-152b01dfacf0586ce2f3fb0ddbbf5a5bbcd181a48b4b20b275f837786b2889cd.css +1 -0
- package/_site/css/connectors-febcafaf261c0f23ca11fc13809f259c74dbdd50b6a47506ba295fdb99d1b4a4.css +1 -0
- package/_site/en/connectors/index.html +54 -3
- package/_site/fr/connectors/index.html +54 -3
- package/_site/js/main.js +59 -57
- package/_site/js/vue.cjs.js +1 -1
- package/_site/js/vue.cjs.prod.js +1 -1
- package/_site/js/vue.esm-browser.js +312 -286
- package/_site/js/vue.esm-browser.prod.js +6 -6
- package/_site/js/vue.esm-bundler.js +1 -1
- package/_site/js/vue.global.js +303 -282
- package/_site/js/vue.global.prod.js +6 -6
- package/_site/js/vue.runtime.esm-browser.js +293 -277
- package/_site/js/vue.runtime.esm-browser.prod.js +2 -2
- package/_site/js/vue.runtime.esm-bundler.js +1 -1
- package/_site/js/vue.runtime.global.js +284 -273
- package/_site/js/vue.runtime.global.prod.js +2 -2
- package/collections/connectors/en.md +3 -0
- package/collections/connectors/fr.md +3 -0
- package/package.json +1 -1
- package/templates/connectors-en.11tydata.mjs +18 -0
- package/templates/connectors-en.html +85 -28
- package/templates/connectors-fr.11tydata.mjs +18 -0
- package/templates/connectors-fr.html +85 -28
- package/templates/css/connectors-152b01dfacf0586ce2f3fb0ddbbf5a5bbcd181a48b4b20b275f837786b2889cd.css +1 -0
- package/templates/css/connectors-febcafaf261c0f23ca11fc13809f259c74dbdd50b6a47506ba295fdb99d1b4a4.css +1 -0
- package/templates/websites-en.11tydata.mjs +12 -0
- package/templates/websites-en.html +79 -79
- package/templates/websites-fr.11tydata.mjs +12 -0
- package/templates/websites-fr.html +79 -79
- package/tina/config.ts +10 -0
- package/tina/tina-lock.json +1 -1
|
@@ -8,7 +8,7 @@ collection: "Connectors"
|
|
|
8
8
|
<html lang="">
|
|
9
9
|
<head>
|
|
10
10
|
<meta charset="UTF-8">
|
|
11
|
-
<link rel="stylesheet" href="/css/connectors-
|
|
11
|
+
<link rel="stylesheet" href="/css/connectors-152b01dfacf0586ce2f3fb0ddbbf5a5bbcd181a48b4b20b275f837786b2889cd.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">
|
|
@@ -210,6 +210,9 @@ const App = {
|
|
|
210
210
|
// Go up one level because of the language prefix
|
|
211
211
|
setServerUrl(window.location.origin)
|
|
212
212
|
await this.getConnectors()
|
|
213
|
+
console.log('=====================')
|
|
214
|
+
this.setRgpd('nl', this.getRgpd('nl') ?? true)
|
|
215
|
+
this.setRgpd('feedback', this.getRgpd('feedback') ?? true)
|
|
213
216
|
} catch (error) {
|
|
214
217
|
console.error(error)
|
|
215
218
|
this.loading = false
|
|
@@ -250,7 +253,55 @@ const App = {
|
|
|
250
253
|
this.message = ''
|
|
251
254
|
}
|
|
252
255
|
},
|
|
253
|
-
openLogin() {}
|
|
256
|
+
openLogin() {},
|
|
257
|
+
// name: "nl" | "feedback", value: Boolean
|
|
258
|
+
setRgpd(name, value) {
|
|
259
|
+
const errorDiv = document.getElementById('errorDiv');
|
|
260
|
+
console.log('set RGPD', {name, value, errorDiv})
|
|
261
|
+
if (errorDiv) errorDiv.textContent = ''; // Clear previous errors
|
|
262
|
+
|
|
263
|
+
if (typeof Storage !== 'undefined') {
|
|
264
|
+
try {
|
|
265
|
+
localStorage.setItem(name, JSON.stringify(value));
|
|
266
|
+
console.log(`RGPD setting saved: ${name} = ${value}`);
|
|
267
|
+
} catch (e) {
|
|
268
|
+
if (errorDiv) {
|
|
269
|
+
errorDiv.textContent = 'Error saving to localStorage: ' + e.message;
|
|
270
|
+
}
|
|
271
|
+
console.error('Error saving to localStorage', e);
|
|
272
|
+
}
|
|
273
|
+
} else {
|
|
274
|
+
const warning = 'Local storage is not supported in this browser.';
|
|
275
|
+
if (errorDiv) {
|
|
276
|
+
errorDiv.textContent = warning;
|
|
277
|
+
}
|
|
278
|
+
console.warn(warning);
|
|
279
|
+
}
|
|
280
|
+
},
|
|
281
|
+
getRgpd(name) {
|
|
282
|
+
const errorDiv = document.getElementById('errorDiv');
|
|
283
|
+
if (errorDiv) errorDiv.textContent = ''; // Clear previous errors
|
|
284
|
+
|
|
285
|
+
if (typeof Storage !== 'undefined') {
|
|
286
|
+
try {
|
|
287
|
+
const value = localStorage.getItem(name);
|
|
288
|
+
return value !== null ? JSON.parse(value) : null; // Return parsed value or null if not found
|
|
289
|
+
} catch (e) {
|
|
290
|
+
if (errorDiv) {
|
|
291
|
+
errorDiv.textContent = 'Error retrieving from localStorage: ' + e.message;
|
|
292
|
+
}
|
|
293
|
+
console.error('Error retrieving from localStorage', e);
|
|
294
|
+
return null;
|
|
295
|
+
}
|
|
296
|
+
} else {
|
|
297
|
+
const warning = 'Local storage is not supported in this browser.';
|
|
298
|
+
if (errorDiv) {
|
|
299
|
+
errorDiv.textContent = warning;
|
|
300
|
+
}
|
|
301
|
+
console.warn(warning);
|
|
302
|
+
return null;
|
|
303
|
+
}
|
|
304
|
+
},
|
|
254
305
|
},
|
|
255
306
|
};
|
|
256
307
|
// Prepare elements for vue
|
|
@@ -283,43 +334,49 @@ setTimeout(() => {
|
|
|
283
334
|
<meta name="og:title" property="og:title" content="Silex Dashboard"/>
|
|
284
335
|
<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>
|
|
285
336
|
{% liquid
|
|
286
|
-
assign
|
|
287
|
-
assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk =
|
|
337
|
+
assign var_i2hcfw_1397 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
|
|
338
|
+
assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk = var_i2hcfw_1397
|
|
288
339
|
%}<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
|
|
289
|
-
assign
|
|
290
|
-
assign
|
|
291
|
-
assign state_imgx81-1985_imgx81-7uhkrqd2giq =
|
|
340
|
+
assign var_imgx81_1389 = tina.connectorsConnection.edges | where: "node.lang", page.lang | first
|
|
341
|
+
assign var_imgx81_1390 = var_imgx81_1389.node
|
|
342
|
+
assign state_imgx81-1985_imgx81-7uhkrqd2giq = var_imgx81_1390
|
|
292
343
|
%}<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
|
|
293
|
-
assign
|
|
294
|
-
echo
|
|
344
|
+
assign var_it2175_1383 = state_imgx81-1985_imgx81-7uhkrqd2giq.subtitle
|
|
345
|
+
echo var_it2175_1383
|
|
295
346
|
%}</p></div><h3 id="iqc1xf" style="display:none;" class="margin-top">{% liquid
|
|
296
|
-
assign
|
|
297
|
-
echo
|
|
298
|
-
%}</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
|
|
299
|
-
assign
|
|
300
|
-
echo
|
|
347
|
+
assign var_iqc1xf_1384 = state_imgx81-1985_imgx81-7uhkrqd2giq.recommended
|
|
348
|
+
echo var_iqc1xf_1384
|
|
349
|
+
%}</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)"></input><label id="iv7hwn" for="feedback-check" class="">{% liquid
|
|
350
|
+
assign var_iv7hwn_1385 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.feedbackCheck
|
|
351
|
+
echo var_iv7hwn_1385
|
|
352
|
+
%}</label></div><div id="iahvhn" class="rgpd-checks"><input type="checkbox" name="nl-check" id="nl-check" checked __p="undefined" class="rgpd-checks__check" v-on:change="(event) => setRgpd('nl', event.target.checked)"></input><label for="nl-check" id="isjk6j" class="">{% liquid
|
|
353
|
+
assign var_isjk6j_1386 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.nlCheck
|
|
354
|
+
echo var_isjk6j_1386
|
|
355
|
+
%}</label></div><div id="errorDiv"></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" class="margin-30">{% liquid
|
|
356
|
+
assign var_i8w75b_1387 = state_imgx81-1985_imgx81-7uhkrqd2giq.advanced_users
|
|
357
|
+
echo var_i8w75b_1387
|
|
301
358
|
%}</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
|
|
302
|
-
assign
|
|
303
|
-
echo
|
|
359
|
+
assign var_ijflxq_1388 = state_imgx81-1985_imgx81-7uhkrqd2giq.help
|
|
360
|
+
echo var_ijflxq_1388
|
|
304
361
|
%}</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
|
|
305
|
-
assign
|
|
362
|
+
assign var_iprzeh_1396 = state_i2hcfw-1214_i2hcfw-xbsn5ipretk.node.footer_links
|
|
306
363
|
%}
|
|
307
|
-
{% for state_isucae-3308___data in
|
|
364
|
+
{% for state_isucae-3308___data in var_iprzeh_1396 %}
|
|
308
365
|
<div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" class="footer__item">{% liquid
|
|
309
|
-
assign
|
|
310
|
-
echo
|
|
366
|
+
assign var_ix2o2h_1391 = state_isucae-3308___data.title
|
|
367
|
+
echo var_ix2o2h_1391
|
|
311
368
|
%}</h3>{% liquid
|
|
312
|
-
assign
|
|
369
|
+
assign var_iihfqh_1393 = state_isucae-3308___data.columns
|
|
313
370
|
%}
|
|
314
|
-
{% for state_i2u9h4-2642___data in
|
|
371
|
+
{% for state_i2u9h4-2642___data in var_iihfqh_1393 %}
|
|
315
372
|
<a href="{% liquid
|
|
316
|
-
assign
|
|
317
|
-
echo
|
|
373
|
+
assign var_iihfqh_1394 = state_i2u9h4-2642___data.url
|
|
374
|
+
echo var_iihfqh_1394
|
|
318
375
|
%}" class="footer__item" target="{% liquid
|
|
319
|
-
assign
|
|
320
|
-
echo
|
|
376
|
+
assign var_iihfqh_1395 = state_i2u9h4-2642___data.target
|
|
377
|
+
echo var_iihfqh_1395
|
|
321
378
|
%}">{% liquid
|
|
322
|
-
assign
|
|
323
|
-
echo
|
|
379
|
+
assign var_iihfqh_1392 = state_i2u9h4-2642___data.label
|
|
380
|
+
echo var_iihfqh_1392
|
|
324
381
|
%}</a>{% endfor %}</div>{% endfor %}</FOOTER></body>
|
|
325
382
|
</html>
|
|
@@ -49,6 +49,12 @@ connectorsConnection {
|
|
|
49
49
|
__typename
|
|
50
50
|
subtitle
|
|
51
51
|
recommended
|
|
52
|
+
rgpd {
|
|
53
|
+
__typename
|
|
54
|
+
feedbackCheck
|
|
55
|
+
nlCheck
|
|
56
|
+
|
|
57
|
+
}
|
|
52
58
|
advanced_users
|
|
53
59
|
help
|
|
54
60
|
lang
|
|
@@ -62,7 +68,19 @@ connectorsConnection {
|
|
|
62
68
|
}`,
|
|
63
69
|
})
|
|
64
70
|
})
|
|
71
|
+
|
|
72
|
+
if (!response.ok) {
|
|
73
|
+
throw new Error(`Error fetching graphql data: HTTP status code ${response.status}, HTTP status text: ${response.statusText}`)
|
|
74
|
+
}
|
|
75
|
+
|
|
65
76
|
const json = await response.json()
|
|
77
|
+
|
|
78
|
+
if (json.errors) {
|
|
79
|
+
throw new Error(`GraphQL error: \
|
|
80
|
+
> ${json.errors.map(e => e.message).join('\
|
|
81
|
+
> ')}`)
|
|
82
|
+
}
|
|
83
|
+
|
|
66
84
|
result['tina'] = json.data
|
|
67
85
|
} catch (e) {
|
|
68
86
|
console.error('11ty plugin for Silex: error fetching graphql data', e, 'tina', 'http://localhost:4001/graphql')
|
|
@@ -8,7 +8,7 @@ collection: "Connectors"
|
|
|
8
8
|
<html lang="">
|
|
9
9
|
<head>
|
|
10
10
|
<meta charset="UTF-8">
|
|
11
|
-
<link rel="stylesheet" href="/css/connectors-
|
|
11
|
+
<link rel="stylesheet" href="/css/connectors-152b01dfacf0586ce2f3fb0ddbbf5a5bbcd181a48b4b20b275f837786b2889cd.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">
|
|
@@ -210,6 +210,9 @@ const App = {
|
|
|
210
210
|
// Go up one level because of the language prefix
|
|
211
211
|
setServerUrl(window.location.origin)
|
|
212
212
|
await this.getConnectors()
|
|
213
|
+
console.log('=====================')
|
|
214
|
+
this.setRgpd('nl', this.getRgpd('nl') ?? true)
|
|
215
|
+
this.setRgpd('feedback', this.getRgpd('feedback') ?? true)
|
|
213
216
|
} catch (error) {
|
|
214
217
|
console.error(error)
|
|
215
218
|
this.loading = false
|
|
@@ -250,7 +253,55 @@ const App = {
|
|
|
250
253
|
this.message = ''
|
|
251
254
|
}
|
|
252
255
|
},
|
|
253
|
-
openLogin() {}
|
|
256
|
+
openLogin() {},
|
|
257
|
+
// name: "nl" | "feedback", value: Boolean
|
|
258
|
+
setRgpd(name, value) {
|
|
259
|
+
const errorDiv = document.getElementById('errorDiv');
|
|
260
|
+
console.log('set RGPD', {name, value, errorDiv})
|
|
261
|
+
if (errorDiv) errorDiv.textContent = ''; // Clear previous errors
|
|
262
|
+
|
|
263
|
+
if (typeof Storage !== 'undefined') {
|
|
264
|
+
try {
|
|
265
|
+
localStorage.setItem(name, JSON.stringify(value));
|
|
266
|
+
console.log(`RGPD setting saved: ${name} = ${value}`);
|
|
267
|
+
} catch (e) {
|
|
268
|
+
if (errorDiv) {
|
|
269
|
+
errorDiv.textContent = 'Error saving to localStorage: ' + e.message;
|
|
270
|
+
}
|
|
271
|
+
console.error('Error saving to localStorage', e);
|
|
272
|
+
}
|
|
273
|
+
} else {
|
|
274
|
+
const warning = 'Local storage is not supported in this browser.';
|
|
275
|
+
if (errorDiv) {
|
|
276
|
+
errorDiv.textContent = warning;
|
|
277
|
+
}
|
|
278
|
+
console.warn(warning);
|
|
279
|
+
}
|
|
280
|
+
},
|
|
281
|
+
getRgpd(name) {
|
|
282
|
+
const errorDiv = document.getElementById('errorDiv');
|
|
283
|
+
if (errorDiv) errorDiv.textContent = ''; // Clear previous errors
|
|
284
|
+
|
|
285
|
+
if (typeof Storage !== 'undefined') {
|
|
286
|
+
try {
|
|
287
|
+
const value = localStorage.getItem(name);
|
|
288
|
+
return value !== null ? JSON.parse(value) : null; // Return parsed value or null if not found
|
|
289
|
+
} catch (e) {
|
|
290
|
+
if (errorDiv) {
|
|
291
|
+
errorDiv.textContent = 'Error retrieving from localStorage: ' + e.message;
|
|
292
|
+
}
|
|
293
|
+
console.error('Error retrieving from localStorage', e);
|
|
294
|
+
return null;
|
|
295
|
+
}
|
|
296
|
+
} else {
|
|
297
|
+
const warning = 'Local storage is not supported in this browser.';
|
|
298
|
+
if (errorDiv) {
|
|
299
|
+
errorDiv.textContent = warning;
|
|
300
|
+
}
|
|
301
|
+
console.warn(warning);
|
|
302
|
+
return null;
|
|
303
|
+
}
|
|
304
|
+
},
|
|
254
305
|
},
|
|
255
306
|
};
|
|
256
307
|
// Prepare elements for vue
|
|
@@ -283,43 +334,49 @@ setTimeout(() => {
|
|
|
283
334
|
<meta name="og:title" property="og:title" content="Silex Dashboard"/>
|
|
284
335
|
<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>
|
|
285
336
|
{% liquid
|
|
286
|
-
assign
|
|
287
|
-
assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk =
|
|
337
|
+
assign var_i2hcfw_1397 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
|
|
338
|
+
assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk = var_i2hcfw_1397
|
|
288
339
|
%}<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
|
|
289
|
-
assign
|
|
290
|
-
assign
|
|
291
|
-
assign state_imgx81-1985_imgx81-7uhkrqd2giq =
|
|
340
|
+
assign var_imgx81_1389 = tina.connectorsConnection.edges | where: "node.lang", page.lang | first
|
|
341
|
+
assign var_imgx81_1390 = var_imgx81_1389.node
|
|
342
|
+
assign state_imgx81-1985_imgx81-7uhkrqd2giq = var_imgx81_1390
|
|
292
343
|
%}<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
|
|
293
|
-
assign
|
|
294
|
-
echo
|
|
344
|
+
assign var_it2175_1383 = state_imgx81-1985_imgx81-7uhkrqd2giq.subtitle
|
|
345
|
+
echo var_it2175_1383
|
|
295
346
|
%}</p></div><h3 id="iqc1xf" style="display:none;" class="margin-top">{% liquid
|
|
296
|
-
assign
|
|
297
|
-
echo
|
|
298
|
-
%}</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
|
|
299
|
-
assign
|
|
300
|
-
echo
|
|
347
|
+
assign var_iqc1xf_1384 = state_imgx81-1985_imgx81-7uhkrqd2giq.recommended
|
|
348
|
+
echo var_iqc1xf_1384
|
|
349
|
+
%}</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)"></input><label id="iv7hwn" for="feedback-check" class="">{% liquid
|
|
350
|
+
assign var_iv7hwn_1385 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.feedbackCheck
|
|
351
|
+
echo var_iv7hwn_1385
|
|
352
|
+
%}</label></div><div id="iahvhn" class="rgpd-checks"><input type="checkbox" name="nl-check" id="nl-check" checked __p="undefined" class="rgpd-checks__check" v-on:change="(event) => setRgpd('nl', event.target.checked)"></input><label for="nl-check" id="isjk6j" class="">{% liquid
|
|
353
|
+
assign var_isjk6j_1386 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.nlCheck
|
|
354
|
+
echo var_isjk6j_1386
|
|
355
|
+
%}</label></div><div id="errorDiv"></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" class="margin-30">{% liquid
|
|
356
|
+
assign var_i8w75b_1387 = state_imgx81-1985_imgx81-7uhkrqd2giq.advanced_users
|
|
357
|
+
echo var_i8w75b_1387
|
|
301
358
|
%}</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
|
|
302
|
-
assign
|
|
303
|
-
echo
|
|
359
|
+
assign var_ijflxq_1388 = state_imgx81-1985_imgx81-7uhkrqd2giq.help
|
|
360
|
+
echo var_ijflxq_1388
|
|
304
361
|
%}</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
|
|
305
|
-
assign
|
|
362
|
+
assign var_iprzeh_1396 = state_i2hcfw-1214_i2hcfw-xbsn5ipretk.node.footer_links
|
|
306
363
|
%}
|
|
307
|
-
{% for state_isucae-3308___data in
|
|
364
|
+
{% for state_isucae-3308___data in var_iprzeh_1396 %}
|
|
308
365
|
<div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" class="footer__item">{% liquid
|
|
309
|
-
assign
|
|
310
|
-
echo
|
|
366
|
+
assign var_ix2o2h_1391 = state_isucae-3308___data.title
|
|
367
|
+
echo var_ix2o2h_1391
|
|
311
368
|
%}</h3>{% liquid
|
|
312
|
-
assign
|
|
369
|
+
assign var_iihfqh_1393 = state_isucae-3308___data.columns
|
|
313
370
|
%}
|
|
314
|
-
{% for state_i2u9h4-2642___data in
|
|
371
|
+
{% for state_i2u9h4-2642___data in var_iihfqh_1393 %}
|
|
315
372
|
<a href="{% liquid
|
|
316
|
-
assign
|
|
317
|
-
echo
|
|
373
|
+
assign var_iihfqh_1394 = state_i2u9h4-2642___data.url
|
|
374
|
+
echo var_iihfqh_1394
|
|
318
375
|
%}" class="footer__item" target="{% liquid
|
|
319
|
-
assign
|
|
320
|
-
echo
|
|
376
|
+
assign var_iihfqh_1395 = state_i2u9h4-2642___data.target
|
|
377
|
+
echo var_iihfqh_1395
|
|
321
378
|
%}">{% liquid
|
|
322
|
-
assign
|
|
323
|
-
echo
|
|
379
|
+
assign var_iihfqh_1392 = state_i2u9h4-2642___data.label
|
|
380
|
+
echo var_iihfqh_1392
|
|
324
381
|
%}</a>{% endfor %}</div>{% endfor %}</FOOTER></body>
|
|
325
382
|
</html>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
* { box-sizing: border-box; } body {margin: 0;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;color:#2b1b63;}.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;}.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;}.footer{display:flex;margin:50px 0px 0px 0px;background-color:#ffffff;justify-content:space-evenly;padding:30px 30px 60px 30px;}.full-width{width:100%;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box.flex-between{align-items:center;}.button--tertiary{background-color:transparent;font-weight:400;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{justify-content:center;}.big-button{border-radius:5px 5px 5px 5px;font-size:15px;margin:10px 10px 10px 10px;padding:15px 30px 15px 30px;font-weight:700;background-color:#ffffff;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}.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);}.text-centered{text-align:center;}.text-white{color:#ffffff;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.top-space-20{margin:20px 0 0 0;}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.box_login{max-width:450px;width:100%;padding:60px 40px 60px 40px;}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.button.button--tertiary:hover{border:2px solid #8873fe;color:#8873fe;background-color:white;}.button-bar__item__icon{float:left;height:30px;margin:5px 5px 5px 5px;width:30px;background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:contain;background-image:none;}.button-bar__item--secondary{font-size:0.8rem;}.footer__column{display:flex;flex-direction:column;flex-grow:1;text-align:center;}.footer__item{padding:10px 10px 10px 10px;}.connector__card{align-items:center;margin:10px auto 10px auto;border:1px solid;border-radius:5px 5px 5px 5px;max-width:100%;display:flex;color:black;justify-content:center;padding:4px 0px 4px 0px;transition:all 0.25s ease;}#i3cney{width:100%;display:none;justify-content:center;}.connector__description{padding:5px 15px 5px 15px;}#ior0hl{color:black;}#igp4xl{justify-content:center;display:inline-block;width:100%;}#isqe61{display:inline-block;}.margin-top{margin:80px 0px 30px 0px;}.margin-30{margin:30px 0px 30px 0px;}.connector__card:link{text-decoration:none;color:black;border:1px solid;}.connector__card:hover{background-color:#8873fe;color:white;}#iqc1xf{display:none;}#it2175{margin:15px 0px 0px 0px;font-size:1rem;}#i8w75b{margin:10px 0px 10px 0px;font-size:0.95rem;font-weight:600;cursor:pointer;}#ijflxq{font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;}#iprzeh{min-height:100px;}#ibi9qh{display:inline-block;}.rgpd-checks{padding:10px 0px 10px 0px;display:flex;align-items:center;}.rgpd-checks__check{width:20px;height:20px;margin:0px 10px 0px 0px;}#ihn6fj{margin:20px 0px 0px 0px;}#errorDiv{color:#ff557a;font-weight:800;}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
* { box-sizing: border-box; } body {margin: 0;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;color:#2b1b63;}.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;}.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;}.footer{display:flex;margin:50px 0px 0px 0px;background-color:#ffffff;justify-content:space-evenly;padding:30px 30px 60px 30px;}.full-width{width:100%;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box.flex-between{align-items:center;}.button--tertiary{background-color:transparent;font-weight:400;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{justify-content:center;}.big-button{border-radius:5px 5px 5px 5px;font-size:15px;margin:10px 10px 10px 10px;padding:15px 30px 15px 30px;font-weight:700;background-color:#ffffff;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}.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);}.text-centered{text-align:center;}.text-white{color:#ffffff;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.top-space-20{margin:20px 0 0 0;}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.box_login{max-width:450px;width:100%;padding:60px 40px 60px 40px;}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.button.button--tertiary:hover{border:2px solid #8873fe;color:#8873fe;background-color:white;}.button-bar__item__icon{float:left;height:30px;margin:5px 5px 5px 5px;width:30px;background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:contain;background-image:none;}.button-bar__item--secondary{font-size:0.8rem;}.footer__column{display:flex;flex-direction:column;flex-grow:1;text-align:center;}.footer__item{padding:10px 10px 10px 10px;}.connector__card{align-items:center;margin:10px auto 10px auto;border:1px solid;border-radius:5px 5px 5px 5px;max-width:100%;display:flex;color:black;justify-content:center;padding:4px 0px 4px 0px;transition:all 0.25s ease;}#i3cney{width:100%;display:none;justify-content:center;}.connector__description{padding:5px 15px 5px 15px;}#ior0hl{color:black;}#igp4xl{justify-content:center;display:inline-block;width:100%;}#isqe61{display:inline-block;}.margin-top{margin:80px 0px 30px 0px;}.margin-30{margin:30px 0px 30px 0px;}.connector__card:link{text-decoration:none;color:black;border:1px solid;}.connector__card:hover{background-color:#8873fe;color:white;}#iqc1xf{display:none;}#it2175{margin:15px 0px 0px 0px;font-size:1rem;}#i8w75b{margin:10px 0px 10px 0px;font-size:0.95rem;font-weight:600;cursor:pointer;}#ijflxq{font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;}#iprzeh{min-height:100px;}#ibi9qh{display:inline-block;}.rgpd-checks{padding:10px 0px 10px 0px;display:flex;align-items:center;}.rgpd-checks__check{width:20px;height:20px;margin:0px 10px 0px 0px;}#ihn6fj{margin:20px 0px 0px 0px;}
|
|
@@ -100,7 +100,19 @@ languagesConnection {
|
|
|
100
100
|
}`,
|
|
101
101
|
})
|
|
102
102
|
})
|
|
103
|
+
|
|
104
|
+
if (!response.ok) {
|
|
105
|
+
throw new Error(`Error fetching graphql data: HTTP status code ${response.status}, HTTP status text: ${response.statusText}`)
|
|
106
|
+
}
|
|
107
|
+
|
|
103
108
|
const json = await response.json()
|
|
109
|
+
|
|
110
|
+
if (json.errors) {
|
|
111
|
+
throw new Error(`GraphQL error: \
|
|
112
|
+
> ${json.errors.map(e => e.message).join('\
|
|
113
|
+
> ')}`)
|
|
114
|
+
}
|
|
115
|
+
|
|
104
116
|
result['tina'] = json.data
|
|
105
117
|
} catch (e) {
|
|
106
118
|
console.error('11ty plugin for Silex: error fetching graphql data', e, 'tina', 'http://localhost:4001/graphql')
|
|
@@ -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_1398 = tina.homeConnection.edges | where: "", | first
|
|
363
|
+
assign var_ik0i_1399 = var_ik0i_1398.node.title
|
|
364
|
+
echo var_ik0i_1399
|
|
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_1380 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
|
|
371
|
+
assign state_ik0i-958_ik0i-e8l061o7k5 = var_ik0i_1380
|
|
372
372
|
%}
|
|
373
373
|
{% liquid
|
|
374
|
-
assign
|
|
375
|
-
assign
|
|
376
|
-
assign state_ik0i-958_ik0i-24xejc2n0xy =
|
|
374
|
+
assign var_ik0i_1381 = tina.homeConnection.edges | where: "node.lang", page.lang | first
|
|
375
|
+
assign var_ik0i_1382 = var_ik0i_1381.node
|
|
376
|
+
assign state_ik0i-958_ik0i-24xejc2n0xy = var_ik0i_1382
|
|
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_1345 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
|
|
379
|
+
assign var_iels_1346 = var_iels_1345.node.nav
|
|
380
380
|
%}
|
|
381
|
-
{% for state_iels-228___data in
|
|
381
|
+
{% for state_iels-228___data in var_iels_1346 %}
|
|
382
382
|
<a id="iels" href="{% liquid
|
|
383
|
-
assign
|
|
384
|
-
echo
|
|
383
|
+
assign var_iels_1347 = state_iels-228___data.url
|
|
384
|
+
echo var_iels_1347
|
|
385
385
|
%}" class="nav__item uppercase fx-flash nav_item--active" target="{% liquid
|
|
386
|
-
assign
|
|
387
|
-
echo
|
|
386
|
+
assign var_iels_1348 = state_iels-228___data.target
|
|
387
|
+
echo var_iels_1348
|
|
388
388
|
%}">{% liquid
|
|
389
|
-
assign
|
|
390
|
-
echo
|
|
389
|
+
assign var_iels_1344 = state_iels-228___data.label
|
|
390
|
+
echo var_iels_1344
|
|
391
391
|
%}</a>{% endfor %}</NAV>{% liquid
|
|
392
|
-
assign
|
|
392
|
+
assign var_i2red7_1351 = tina.languagesConnection.edges
|
|
393
393
|
%}
|
|
394
|
-
{% for state_i2red7-8291___data in
|
|
394
|
+
{% for state_i2red7-8291___data in var_i2red7_1351 %}
|
|
395
395
|
<div id="i2red7" class="lang"><a href="{% liquid
|
|
396
|
-
assign
|
|
397
|
-
echo
|
|
396
|
+
assign var_iciz_1350 = state_i2red7-8291___data.node.permalink
|
|
397
|
+
echo var_iciz_1350
|
|
398
398
|
%}" id="iciz" class="lang__item nav__item uppercase">{% liquid
|
|
399
|
-
assign
|
|
400
|
-
echo
|
|
399
|
+
assign var_iciz_1349 = state_i2red7-8291___data.node.label
|
|
400
|
+
echo var_iciz_1349
|
|
401
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 id="iksw4d" style="padding:10px;" class="button button--tertiary text-centered" v-on:click="logout()">Logout</div></div></div></HEADER><HEADER id="iy8ax3" class="bg-silex-purpel"><div id="iisz8f" class="section-top text-centered text-white"><h1 id="ic31o" class="title-40" v-if="!empty">{% liquid
|
|
402
|
-
assign
|
|
403
|
-
echo
|
|
402
|
+
assign var_ic31o_1352 = state_ik0i-958_ik0i-24xejc2n0xy.title2
|
|
403
|
+
echo var_ic31o_1352
|
|
404
404
|
%}</h1><p id="iyex8" class="subtitle-16" v-if="!empty">{% liquid
|
|
405
|
-
assign
|
|
406
|
-
echo
|
|
405
|
+
assign var_iyex8_1353 = state_ik0i-958_ik0i-24xejc2n0xy.subtitle
|
|
406
|
+
echo var_iyex8_1353
|
|
407
407
|
%}</p><h1 id="i4ybc" class="title-40" v-if="empty">{% liquid
|
|
408
|
-
assign
|
|
409
|
-
echo
|
|
408
|
+
assign var_i4ybc_1354 = state_ik0i-958_ik0i-24xejc2n0xy.title2_empty
|
|
409
|
+
echo var_i4ybc_1354
|
|
410
410
|
%}</h1><p id="iino6r" class="subtitle-16" v-if="empty">{% liquid
|
|
411
|
-
assign
|
|
412
|
-
echo
|
|
411
|
+
assign var_iino6r_1355 = state_ik0i-958_ik0i-24xejc2n0xy.subtitle_empty
|
|
412
|
+
echo var_iino6r_1355
|
|
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_1356 = state_ik0i-958_ik0i-24xejc2n0xy.add_button
|
|
415
|
+
echo var_ixu14_1356
|
|
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_1357 = state_ik0i-958_ik0i-24xejc2n0xy.add_title
|
|
418
|
+
echo var_i3gd1b_1357
|
|
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_1358 = state_ik0i-958_ik0i-24xejc2n0xy.add_name_label
|
|
421
|
+
echo var_i1nmbc_1358
|
|
422
422
|
%}</label><input type="text" id="ij5iwh" placeholder="{% liquid
|
|
423
|
-
assign
|
|
424
|
-
echo
|
|
423
|
+
assign var_ij5iwh_1359 = state_ik0i-958_ik0i-24xejc2n0xy.add_name_placeholder
|
|
424
|
+
echo var_ij5iwh_1359
|
|
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_1360 = state_ik0i-958_ik0i-24xejc2n0xy.add_ok
|
|
427
|
+
echo var_i021na_1360
|
|
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
|
|
429
|
+
assign var_iexyg_1361 = state_ik0i-958_ik0i-24xejc2n0xy.add_cancel
|
|
430
|
+
echo var_iexyg_1361
|
|
431
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, 'en')" v-text="website.name || website.id">My first website</h3><p id="i65hn" class="button-bar__item--secondary flex-no-shrink right-space-40" v-text="'Updated ' + new Date(website.updatedAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })">Updated 1h ago by lexoyo</p><p id="i64qa" class="button-bar__item--secondary flex-no-shrink right-space-40" v-text="'Created ' + new Date(website.createdAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })">Created 2023-02-16 by lexoyo</p><div id="i3b4tr" class="flex-no-shrink"><button id="ifyf6p" title="{% liquid
|
|
432
|
-
assign
|
|
433
|
-
echo
|
|
432
|
+
assign var_ifyf6p_1363 = state_ik0i-958_ik0i-24xejc2n0xy.list_edit
|
|
433
|
+
echo var_ifyf6p_1363
|
|
434
434
|
%}" class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon" v-on:click="openEditor(website.websiteId, 'en')">{% liquid
|
|
435
|
-
assign
|
|
436
|
-
echo
|
|
435
|
+
assign var_ifyf6p_1362 = state_ik0i-958_ik0i-24xejc2n0xy.list_edit_icon
|
|
436
|
+
echo var_ifyf6p_1362
|
|
437
437
|
%}</button><button id="ihf6ew" title="{% liquid
|
|
438
|
-
assign
|
|
439
|
-
echo
|
|
438
|
+
assign var_ihf6ew_1365 = state_ik0i-958_ik0i-24xejc2n0xy.list_rename
|
|
439
|
+
echo var_ihf6ew_1365
|
|
440
440
|
%}" class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon" v-on:click="renameWebsite(website.websiteId, 'en')">{% liquid
|
|
441
|
-
assign
|
|
442
|
-
echo
|
|
441
|
+
assign var_ihf6ew_1364 = state_ik0i-958_ik0i-24xejc2n0xy.list_rename_icon
|
|
442
|
+
echo var_ihf6ew_1364
|
|
443
443
|
%}</button><button id="iol4h" title="{% liquid
|
|
444
|
-
assign
|
|
445
|
-
echo
|
|
444
|
+
assign var_iol4h_1367 = state_ik0i-958_ik0i-24xejc2n0xy.list_duplicate
|
|
445
|
+
echo var_iol4h_1367
|
|
446
446
|
%}" class="button-bar__item--link pointer fx-flash fx-scale button-bar__item--icon" v-on:click="duplicateWebsite(website.websiteId, 'en')">{% liquid
|
|
447
|
-
assign
|
|
448
|
-
echo
|
|
447
|
+
assign var_iol4h_1366 = state_ik0i-958_ik0i-24xejc2n0xy.list_duplicate_icon
|
|
448
|
+
echo var_iol4h_1366
|
|
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_1368 = state_ik0i-958_ik0i-24xejc2n0xy.list_delete
|
|
451
|
+
echo var_it5ia_1368
|
|
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_1369 = state_ik0i-958_ik0i-24xejc2n0xy.text_empty1
|
|
454
|
+
echo var_ikl1qu_1369
|
|
455
455
|
%}</p><h3 id="iwzrqi" class="text-centered title-26">{% liquid
|
|
456
|
-
assign
|
|
457
|
-
echo
|
|
456
|
+
assign var_iwzrqi_1370 = state_ik0i-958_ik0i-24xejc2n0xy.text_empty2
|
|
457
|
+
echo var_iwzrqi_1370
|
|
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_1371 = state_ik0i-958_ik0i-24xejc2n0xy.add_button
|
|
460
|
+
echo var_itl2n8_1371
|
|
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_1372 = state_ik0i-958_ik0i-24xejc2n0xy.message_dismiss
|
|
463
|
+
echo var_i4656n_1372
|
|
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_1373 = state_ik0i-958_ik0i-24xejc2n0xy.message_dismiss
|
|
466
|
+
echo var_i2urco_1373
|
|
467
467
|
%}</div></div></MAIN><FOOTER id="ilzpl" class="footer">{% liquid
|
|
468
|
-
assign
|
|
468
|
+
assign var_isucae_1379 = 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_1379 %}
|
|
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_1374 = state_isucae-3308___data.title
|
|
473
|
+
echo var_ipa5zg_1374
|
|
474
474
|
%}</h3>{% liquid
|
|
475
|
-
assign
|
|
475
|
+
assign var_iq20bk_1376 = state_isucae-3308___data.columns
|
|
476
476
|
%}
|
|
477
|
-
{% for state_i2u9h4-2642___data in
|
|
477
|
+
{% for state_i2u9h4-2642___data in var_iq20bk_1376 %}
|
|
478
478
|
<a href="{% liquid
|
|
479
|
-
assign
|
|
480
|
-
echo
|
|
479
|
+
assign var_iq20bk_1377 = state_i2u9h4-2642___data.url
|
|
480
|
+
echo var_iq20bk_1377
|
|
481
481
|
%}" class="footer__item" target="{% liquid
|
|
482
|
-
assign
|
|
483
|
-
echo
|
|
482
|
+
assign var_iq20bk_1378 = state_i2u9h4-2642___data.target
|
|
483
|
+
echo var_iq20bk_1378
|
|
484
484
|
%}">{% liquid
|
|
485
|
-
assign
|
|
486
|
-
echo
|
|
485
|
+
assign var_iq20bk_1375 = state_i2u9h4-2642___data.label
|
|
486
|
+
echo var_iq20bk_1375
|
|
487
487
|
%}</a>{% endfor %}</div>{% endfor %}</FOOTER></body>
|
|
488
488
|
</html>
|