@silexlabs/silex-dashboard 1.0.72 → 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 +60 -58
- 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 +5 -5
- 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
|
@@ -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>
|
|
@@ -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')
|