@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.
Files changed (32) hide show
  1. package/_site/css/connectors-152b01dfacf0586ce2f3fb0ddbbf5a5bbcd181a48b4b20b275f837786b2889cd.css +1 -0
  2. package/_site/css/connectors-febcafaf261c0f23ca11fc13809f259c74dbdd50b6a47506ba295fdb99d1b4a4.css +1 -0
  3. package/_site/en/connectors/index.html +54 -3
  4. package/_site/fr/connectors/index.html +54 -3
  5. package/_site/js/main.js +60 -58
  6. package/_site/js/vue.cjs.js +1 -1
  7. package/_site/js/vue.cjs.prod.js +1 -1
  8. package/_site/js/vue.esm-browser.js +312 -286
  9. package/_site/js/vue.esm-browser.prod.js +6 -6
  10. package/_site/js/vue.esm-bundler.js +1 -1
  11. package/_site/js/vue.global.js +303 -282
  12. package/_site/js/vue.global.prod.js +6 -6
  13. package/_site/js/vue.runtime.esm-browser.js +293 -277
  14. package/_site/js/vue.runtime.esm-browser.prod.js +2 -2
  15. package/_site/js/vue.runtime.esm-bundler.js +1 -1
  16. package/_site/js/vue.runtime.global.js +284 -273
  17. package/_site/js/vue.runtime.global.prod.js +2 -2
  18. package/collections/connectors/en.md +3 -0
  19. package/collections/connectors/fr.md +3 -0
  20. package/package.json +5 -5
  21. package/templates/connectors-en.11tydata.mjs +18 -0
  22. package/templates/connectors-en.html +85 -28
  23. package/templates/connectors-fr.11tydata.mjs +18 -0
  24. package/templates/connectors-fr.html +85 -28
  25. package/templates/css/connectors-152b01dfacf0586ce2f3fb0ddbbf5a5bbcd181a48b4b20b275f837786b2889cd.css +1 -0
  26. package/templates/css/connectors-febcafaf261c0f23ca11fc13809f259c74dbdd50b6a47506ba295fdb99d1b4a4.css +1 -0
  27. package/templates/websites-en.11tydata.mjs +12 -0
  28. package/templates/websites-en.html +79 -79
  29. package/templates/websites-fr.11tydata.mjs +12 -0
  30. package/templates/websites-fr.html +79 -79
  31. package/tina/config.ts +10 -0
  32. 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-66fe82f10a7a257f59212e18bb384b019ffb12192fa3f748951da7d4428733b4.css" />
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 var_i2hcfw_191 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
287
- assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk = var_i2hcfw_191
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 var_imgx81_178 = tina.connectorsConnection.edges | where: "node.lang", page.lang | first
290
- assign var_imgx81_179 = var_imgx81_178.node
291
- assign state_imgx81-1985_imgx81-7uhkrqd2giq = var_imgx81_179
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 var_it2175_174 = state_imgx81-1985_imgx81-7uhkrqd2giq.subtitle
294
- echo var_it2175_174
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 var_iqc1xf_175 = state_imgx81-1985_imgx81-7uhkrqd2giq.recommended
297
- echo var_iqc1xf_175
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></div><DETAILS id="ihn6fj"><summary id="i8w75b" class="margin-30">{% liquid
299
- assign var_i8w75b_176 = state_imgx81-1985_imgx81-7uhkrqd2giq.advanced_users
300
- echo var_i8w75b_176
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 var_ijflxq_177 = state_imgx81-1985_imgx81-7uhkrqd2giq.help
303
- echo var_ijflxq_177
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 var_iprzeh_190 = state_i2hcfw-1214_i2hcfw-xbsn5ipretk.node.footer_links
362
+ assign var_iprzeh_1396 = state_i2hcfw-1214_i2hcfw-xbsn5ipretk.node.footer_links
306
363
  %}
307
- {% for state_isucae-3308___data in var_iprzeh_190 %}
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 var_ihj0tl_185 = state_isucae-3308___data.title
310
- echo var_ihj0tl_185
366
+ assign var_ix2o2h_1391 = state_isucae-3308___data.title
367
+ echo var_ix2o2h_1391
311
368
  %}</h3>{% liquid
312
- assign var_i50xxj_187 = state_isucae-3308___data.columns
369
+ assign var_iihfqh_1393 = state_isucae-3308___data.columns
313
370
  %}
314
- {% for state_i2u9h4-2642___data in var_i50xxj_187 %}
371
+ {% for state_i2u9h4-2642___data in var_iihfqh_1393 %}
315
372
  <a href="{% liquid
316
- assign var_i50xxj_188 = state_i2u9h4-2642___data.url
317
- echo var_i50xxj_188
373
+ assign var_iihfqh_1394 = state_i2u9h4-2642___data.url
374
+ echo var_iihfqh_1394
318
375
  %}" class="footer__item" target="{% liquid
319
- assign var_i50xxj_189 = state_i2u9h4-2642___data.target
320
- echo var_i50xxj_189
376
+ assign var_iihfqh_1395 = state_i2u9h4-2642___data.target
377
+ echo var_iihfqh_1395
321
378
  %}">{% liquid
322
- assign var_i50xxj_186 = state_i2u9h4-2642___data.label
323
- echo var_i50xxj_186
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-66fe82f10a7a257f59212e18bb384b019ffb12192fa3f748951da7d4428733b4.css" />
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 var_i2hcfw_191 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
287
- assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk = var_i2hcfw_191
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 var_imgx81_178 = tina.connectorsConnection.edges | where: "node.lang", page.lang | first
290
- assign var_imgx81_179 = var_imgx81_178.node
291
- assign state_imgx81-1985_imgx81-7uhkrqd2giq = var_imgx81_179
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 var_it2175_174 = state_imgx81-1985_imgx81-7uhkrqd2giq.subtitle
294
- echo var_it2175_174
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 var_iqc1xf_175 = state_imgx81-1985_imgx81-7uhkrqd2giq.recommended
297
- echo var_iqc1xf_175
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></div><DETAILS id="ihn6fj"><summary id="i8w75b" class="margin-30">{% liquid
299
- assign var_i8w75b_176 = state_imgx81-1985_imgx81-7uhkrqd2giq.advanced_users
300
- echo var_i8w75b_176
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 var_ijflxq_177 = state_imgx81-1985_imgx81-7uhkrqd2giq.help
303
- echo var_ijflxq_177
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 var_iprzeh_190 = state_i2hcfw-1214_i2hcfw-xbsn5ipretk.node.footer_links
362
+ assign var_iprzeh_1396 = state_i2hcfw-1214_i2hcfw-xbsn5ipretk.node.footer_links
306
363
  %}
307
- {% for state_isucae-3308___data in var_iprzeh_190 %}
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 var_ihj0tl_185 = state_isucae-3308___data.title
310
- echo var_ihj0tl_185
366
+ assign var_ix2o2h_1391 = state_isucae-3308___data.title
367
+ echo var_ix2o2h_1391
311
368
  %}</h3>{% liquid
312
- assign var_i50xxj_187 = state_isucae-3308___data.columns
369
+ assign var_iihfqh_1393 = state_isucae-3308___data.columns
313
370
  %}
314
- {% for state_i2u9h4-2642___data in var_i50xxj_187 %}
371
+ {% for state_i2u9h4-2642___data in var_iihfqh_1393 %}
315
372
  <a href="{% liquid
316
- assign var_i50xxj_188 = state_i2u9h4-2642___data.url
317
- echo var_i50xxj_188
373
+ assign var_iihfqh_1394 = state_i2u9h4-2642___data.url
374
+ echo var_iihfqh_1394
318
375
  %}" class="footer__item" target="{% liquid
319
- assign var_i50xxj_189 = state_i2u9h4-2642___data.target
320
- echo var_i50xxj_189
376
+ assign var_iihfqh_1395 = state_i2u9h4-2642___data.target
377
+ echo var_iihfqh_1395
321
378
  %}">{% liquid
322
- assign var_i50xxj_186 = state_i2u9h4-2642___data.label
323
- echo var_i50xxj_186
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')