@silexlabs/silex-dashboard 1.0.73 → 1.0.75
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 +59 -3
- package/_site/fr/connectors/index.html +59 -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 +90 -28
- package/templates/connectors-fr.11tydata.mjs +18 -0
- package/templates/connectors-fr.html +90 -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">
|
|
@@ -197,6 +197,8 @@ const App = {
|
|
|
197
197
|
user: null,
|
|
198
198
|
showMenu: false,
|
|
199
199
|
empty: false,
|
|
200
|
+
rgpdFeedback: false,
|
|
201
|
+
rgpdNL: false,
|
|
200
202
|
}
|
|
201
203
|
},
|
|
202
204
|
mounted() {
|
|
@@ -210,6 +212,8 @@ const App = {
|
|
|
210
212
|
// Go up one level because of the language prefix
|
|
211
213
|
setServerUrl(window.location.origin)
|
|
212
214
|
await this.getConnectors()
|
|
215
|
+
this.setRgpd('nl', this.getRgpd('nl') ?? true)
|
|
216
|
+
this.setRgpd('feedback', this.getRgpd('feedback') ?? true)
|
|
213
217
|
} catch (error) {
|
|
214
218
|
console.error(error)
|
|
215
219
|
this.loading = false
|
|
@@ -250,7 +254,59 @@ const App = {
|
|
|
250
254
|
this.message = ''
|
|
251
255
|
}
|
|
252
256
|
},
|
|
253
|
-
openLogin() {}
|
|
257
|
+
openLogin() {},
|
|
258
|
+
// name: "nl" | "feedback", value: Boolean
|
|
259
|
+
setRgpd(name, value) {
|
|
260
|
+
const errorDiv = document.getElementById('errorDiv');
|
|
261
|
+
console.log('set RGPD', {name, value, errorDiv})
|
|
262
|
+
if (errorDiv) errorDiv.textContent = ''; // Clear previous errors
|
|
263
|
+
|
|
264
|
+
if(name === 'feedback') this.rgpdFeedback = value.toString()
|
|
265
|
+
if(name === 'nl') this.rgpdNL = value.toString()
|
|
266
|
+
|
|
267
|
+
if (typeof Storage !== 'undefined') {
|
|
268
|
+
try {
|
|
269
|
+
localStorage.setItem(name, JSON.stringify(value));
|
|
270
|
+
console.log(`RGPD setting saved: ${name} = ${value}`);
|
|
271
|
+
} catch (e) {
|
|
272
|
+
if (errorDiv) {
|
|
273
|
+
errorDiv.textContent = 'Error saving to localStorage: ' + e.message;
|
|
274
|
+
}
|
|
275
|
+
console.error('Error saving to localStorage', e);
|
|
276
|
+
}
|
|
277
|
+
} else {
|
|
278
|
+
const warning = 'Local storage is not supported in this browser.';
|
|
279
|
+
if (errorDiv) {
|
|
280
|
+
errorDiv.textContent = warning;
|
|
281
|
+
}
|
|
282
|
+
console.warn(warning);
|
|
283
|
+
}
|
|
284
|
+
},
|
|
285
|
+
getRgpd(name) {
|
|
286
|
+
const errorDiv = document.getElementById('errorDiv');
|
|
287
|
+
if (errorDiv) errorDiv.textContent = ''; // Clear previous errors
|
|
288
|
+
console.log('getRgpd', name)
|
|
289
|
+
|
|
290
|
+
if (typeof Storage !== 'undefined') {
|
|
291
|
+
try {
|
|
292
|
+
const value = localStorage.getItem(name);
|
|
293
|
+
return value !== null ? JSON.parse(value) : null; // Return parsed value or null if not found
|
|
294
|
+
} catch (e) {
|
|
295
|
+
if (errorDiv) {
|
|
296
|
+
errorDiv.textContent = 'Error retrieving from localStorage: ' + e.message;
|
|
297
|
+
}
|
|
298
|
+
console.error('Error retrieving from localStorage', e);
|
|
299
|
+
return null;
|
|
300
|
+
}
|
|
301
|
+
} else {
|
|
302
|
+
const warning = 'Local storage is not supported in this browser.';
|
|
303
|
+
if (errorDiv) {
|
|
304
|
+
errorDiv.textContent = warning;
|
|
305
|
+
}
|
|
306
|
+
console.warn(warning);
|
|
307
|
+
return null;
|
|
308
|
+
}
|
|
309
|
+
},
|
|
254
310
|
},
|
|
255
311
|
};
|
|
256
312
|
// Prepare elements for vue
|
|
@@ -283,43 +339,49 @@ setTimeout(() => {
|
|
|
283
339
|
<meta name="og:title" property="og:title" content="Silex Dashboard"/>
|
|
284
340
|
<link href="https://fonts.googleapis.com" rel="preconnect" ><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin ><link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet" ></head>
|
|
285
341
|
{% liquid
|
|
286
|
-
assign
|
|
287
|
-
assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk =
|
|
342
|
+
assign var_i2hcfw_2293 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
|
|
343
|
+
assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk = var_i2hcfw_2293
|
|
288
344
|
%}<body id="i2hcfw" class="body app before-js"><A id="ixzhcr" href="/" class="button button-bar__item--secondary">{{ api-translations[lang]["Back to home"] }}</A><div id="imawg3" class="bg-silex-purpel">{% liquid
|
|
289
|
-
assign
|
|
290
|
-
assign
|
|
291
|
-
assign state_imgx81-1985_imgx81-7uhkrqd2giq =
|
|
345
|
+
assign var_imgx81_2285 = tina.connectorsConnection.edges | where: "node.lang", page.lang | first
|
|
346
|
+
assign var_imgx81_2286 = var_imgx81_2285.node
|
|
347
|
+
assign state_imgx81-1985_imgx81-7uhkrqd2giq = var_imgx81_2286
|
|
292
348
|
%}<div id="imgx81" style="min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;" class=""><div id="iikf0s" class="box box_login"><div id="ie0dxn" class="text-centered"><img id="ior0hl" src="/assets/logo-silex.svg"/><p id="it2175" style="margin:15px 0px 0px 0px;font-size:1rem;" class="subtitle-16">{% liquid
|
|
293
|
-
assign
|
|
294
|
-
echo
|
|
349
|
+
assign var_it2175_2279 = state_imgx81-1985_imgx81-7uhkrqd2giq.subtitle
|
|
350
|
+
echo var_it2175_2279
|
|
295
351
|
%}</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
|
|
352
|
+
assign var_iqc1xf_2280 = state_imgx81-1985_imgx81-7uhkrqd2giq.recommended
|
|
353
|
+
echo var_iqc1xf_2280
|
|
354
|
+
%}</h3><div id="in62y2"><div id="isqe61" class="full-width margin-30" v-for="(connector, index) in connectors.slice(0, 1)"><a id="i44y9w" href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div id="io3lid" class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div id="i87asw" class="connector__description" v-text="connector.displayName">Login with <span href="" id="i0tt68">Name</span><br/></div></a></div><div id="i9fpn7" class="rgpd-checks"><input type="checkbox" id="feedback-check" name="feedback-check" checked class="rgpd-checks__check" v-on:change="(event) => setRgpd('feedback', event.target.checked)" v-model="rgpdFeedback"></input><label id="iv7hwn" for="feedback-check" class="">{% liquid
|
|
355
|
+
assign var_iv7hwn_2281 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.feedbackCheck
|
|
356
|
+
echo var_iv7hwn_2281
|
|
357
|
+
%}</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)" v-model="rgpdNL"></input><label for="nl-check" id="isjk6j" class="">{% liquid
|
|
358
|
+
assign var_isjk6j_2282 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.nlCheck
|
|
359
|
+
echo var_isjk6j_2282
|
|
360
|
+
%}</label></div><div id="errorDiv"></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" class="margin-30">{% liquid
|
|
361
|
+
assign var_i8w75b_2283 = state_imgx81-1985_imgx81-7uhkrqd2giq.advanced_users
|
|
362
|
+
echo var_i8w75b_2283
|
|
301
363
|
%}</summary><div id="ibi9qh" class="full-width" v-for="(connector, index) in connectors.slice(1)"><a href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div class="connector__description" v-text="connector.displayName">Login with <span href="">Name</span><br/></div></a></div></DETAILS><div id="i3cney" class="button-bar"><a id="iacshy" class="button big-button connector__card" v-if="!loading" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" v-for="(connector, index) in connectors" v-on-click="openLogin(connector)"><div id="iiwn36"><div class="button-bar__item__icon" :style="`background: url('${connector.icon}'); background-repeat: no-repeat; background-size: contain;`"></div><div id="if4gvb" class="" v-text="connector.displayName">Name<br/></div></div><div id="isndui">This connector is about blablabla<br/></div></a></div><div id="ijflxq" style="font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;" class="text-centered">{% liquid
|
|
302
|
-
assign
|
|
303
|
-
echo
|
|
364
|
+
assign var_ijflxq_2284 = state_imgx81-1985_imgx81-7uhkrqd2giq.help
|
|
365
|
+
echo var_ijflxq_2284
|
|
304
366
|
%}</div></div><div id="i9msnk" style="padding:10px;display:inline;" class="text-white top-space-20" v-if="error" v-text="message" :test="message">Insert your text here</div><div id="i6akll" style="padding:10px;display:inline;" class="button button--tertiary text-centered" v-if="error" v-on:click="logout()">{{ api-translations[lang]["Logout"] }}</div></div></div><FOOTER class="footer">{% liquid
|
|
305
|
-
assign
|
|
367
|
+
assign var_iprzeh_2292 = state_i2hcfw-1214_i2hcfw-xbsn5ipretk.node.footer_links
|
|
306
368
|
%}
|
|
307
|
-
{% for state_isucae-3308___data in
|
|
369
|
+
{% for state_isucae-3308___data in var_iprzeh_2292 %}
|
|
308
370
|
<div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" class="footer__item">{% liquid
|
|
309
|
-
assign
|
|
310
|
-
echo
|
|
371
|
+
assign var_ix2o2h_2287 = state_isucae-3308___data.title
|
|
372
|
+
echo var_ix2o2h_2287
|
|
311
373
|
%}</h3>{% liquid
|
|
312
|
-
assign
|
|
374
|
+
assign var_iihfqh_2289 = state_isucae-3308___data.columns
|
|
313
375
|
%}
|
|
314
|
-
{% for state_i2u9h4-2642___data in
|
|
376
|
+
{% for state_i2u9h4-2642___data in var_iihfqh_2289 %}
|
|
315
377
|
<a href="{% liquid
|
|
316
|
-
assign
|
|
317
|
-
echo
|
|
378
|
+
assign var_iihfqh_2290 = state_i2u9h4-2642___data.url
|
|
379
|
+
echo var_iihfqh_2290
|
|
318
380
|
%}" class="footer__item" target="{% liquid
|
|
319
|
-
assign
|
|
320
|
-
echo
|
|
381
|
+
assign var_iihfqh_2291 = state_i2u9h4-2642___data.target
|
|
382
|
+
echo var_iihfqh_2291
|
|
321
383
|
%}">{% liquid
|
|
322
|
-
assign
|
|
323
|
-
echo
|
|
384
|
+
assign var_iihfqh_2288 = state_i2u9h4-2642___data.label
|
|
385
|
+
echo var_iihfqh_2288
|
|
324
386
|
%}</a>{% endfor %}</div>{% endfor %}</FOOTER></body>
|
|
325
387
|
</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">
|
|
@@ -197,6 +197,8 @@ const App = {
|
|
|
197
197
|
user: null,
|
|
198
198
|
showMenu: false,
|
|
199
199
|
empty: false,
|
|
200
|
+
rgpdFeedback: false,
|
|
201
|
+
rgpdNL: false,
|
|
200
202
|
}
|
|
201
203
|
},
|
|
202
204
|
mounted() {
|
|
@@ -210,6 +212,8 @@ const App = {
|
|
|
210
212
|
// Go up one level because of the language prefix
|
|
211
213
|
setServerUrl(window.location.origin)
|
|
212
214
|
await this.getConnectors()
|
|
215
|
+
this.setRgpd('nl', this.getRgpd('nl') ?? true)
|
|
216
|
+
this.setRgpd('feedback', this.getRgpd('feedback') ?? true)
|
|
213
217
|
} catch (error) {
|
|
214
218
|
console.error(error)
|
|
215
219
|
this.loading = false
|
|
@@ -250,7 +254,59 @@ const App = {
|
|
|
250
254
|
this.message = ''
|
|
251
255
|
}
|
|
252
256
|
},
|
|
253
|
-
openLogin() {}
|
|
257
|
+
openLogin() {},
|
|
258
|
+
// name: "nl" | "feedback", value: Boolean
|
|
259
|
+
setRgpd(name, value) {
|
|
260
|
+
const errorDiv = document.getElementById('errorDiv');
|
|
261
|
+
console.log('set RGPD', {name, value, errorDiv})
|
|
262
|
+
if (errorDiv) errorDiv.textContent = ''; // Clear previous errors
|
|
263
|
+
|
|
264
|
+
if(name === 'feedback') this.rgpdFeedback = value.toString()
|
|
265
|
+
if(name === 'nl') this.rgpdNL = value.toString()
|
|
266
|
+
|
|
267
|
+
if (typeof Storage !== 'undefined') {
|
|
268
|
+
try {
|
|
269
|
+
localStorage.setItem(name, JSON.stringify(value));
|
|
270
|
+
console.log(`RGPD setting saved: ${name} = ${value}`);
|
|
271
|
+
} catch (e) {
|
|
272
|
+
if (errorDiv) {
|
|
273
|
+
errorDiv.textContent = 'Error saving to localStorage: ' + e.message;
|
|
274
|
+
}
|
|
275
|
+
console.error('Error saving to localStorage', e);
|
|
276
|
+
}
|
|
277
|
+
} else {
|
|
278
|
+
const warning = 'Local storage is not supported in this browser.';
|
|
279
|
+
if (errorDiv) {
|
|
280
|
+
errorDiv.textContent = warning;
|
|
281
|
+
}
|
|
282
|
+
console.warn(warning);
|
|
283
|
+
}
|
|
284
|
+
},
|
|
285
|
+
getRgpd(name) {
|
|
286
|
+
const errorDiv = document.getElementById('errorDiv');
|
|
287
|
+
if (errorDiv) errorDiv.textContent = ''; // Clear previous errors
|
|
288
|
+
console.log('getRgpd', name)
|
|
289
|
+
|
|
290
|
+
if (typeof Storage !== 'undefined') {
|
|
291
|
+
try {
|
|
292
|
+
const value = localStorage.getItem(name);
|
|
293
|
+
return value !== null ? JSON.parse(value) : null; // Return parsed value or null if not found
|
|
294
|
+
} catch (e) {
|
|
295
|
+
if (errorDiv) {
|
|
296
|
+
errorDiv.textContent = 'Error retrieving from localStorage: ' + e.message;
|
|
297
|
+
}
|
|
298
|
+
console.error('Error retrieving from localStorage', e);
|
|
299
|
+
return null;
|
|
300
|
+
}
|
|
301
|
+
} else {
|
|
302
|
+
const warning = 'Local storage is not supported in this browser.';
|
|
303
|
+
if (errorDiv) {
|
|
304
|
+
errorDiv.textContent = warning;
|
|
305
|
+
}
|
|
306
|
+
console.warn(warning);
|
|
307
|
+
return null;
|
|
308
|
+
}
|
|
309
|
+
},
|
|
254
310
|
},
|
|
255
311
|
};
|
|
256
312
|
// Prepare elements for vue
|
|
@@ -283,43 +339,49 @@ setTimeout(() => {
|
|
|
283
339
|
<meta name="og:title" property="og:title" content="Silex Dashboard"/>
|
|
284
340
|
<link href="https://fonts.googleapis.com" rel="preconnect" ><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin ><link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet" ></head>
|
|
285
341
|
{% liquid
|
|
286
|
-
assign
|
|
287
|
-
assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk =
|
|
342
|
+
assign var_i2hcfw_2293 = tina.settingsConnection.edges | where: "node.lang", page.lang | first
|
|
343
|
+
assign state_i2hcfw-1214_i2hcfw-xbsn5ipretk = var_i2hcfw_2293
|
|
288
344
|
%}<body id="i2hcfw" class="body app before-js"><A id="ixzhcr" href="/" class="button button-bar__item--secondary">{{ api-translations[lang]["Back to home"] }}</A><div id="imawg3" class="bg-silex-purpel">{% liquid
|
|
289
|
-
assign
|
|
290
|
-
assign
|
|
291
|
-
assign state_imgx81-1985_imgx81-7uhkrqd2giq =
|
|
345
|
+
assign var_imgx81_2285 = tina.connectorsConnection.edges | where: "node.lang", page.lang | first
|
|
346
|
+
assign var_imgx81_2286 = var_imgx81_2285.node
|
|
347
|
+
assign state_imgx81-1985_imgx81-7uhkrqd2giq = var_imgx81_2286
|
|
292
348
|
%}<div id="imgx81" style="min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;" class=""><div id="iikf0s" class="box box_login"><div id="ie0dxn" class="text-centered"><img id="ior0hl" src="/assets/logo-silex.svg"/><p id="it2175" style="margin:15px 0px 0px 0px;font-size:1rem;" class="subtitle-16">{% liquid
|
|
293
|
-
assign
|
|
294
|
-
echo
|
|
349
|
+
assign var_it2175_2279 = state_imgx81-1985_imgx81-7uhkrqd2giq.subtitle
|
|
350
|
+
echo var_it2175_2279
|
|
295
351
|
%}</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
|
|
352
|
+
assign var_iqc1xf_2280 = state_imgx81-1985_imgx81-7uhkrqd2giq.recommended
|
|
353
|
+
echo var_iqc1xf_2280
|
|
354
|
+
%}</h3><div id="in62y2"><div id="isqe61" class="full-width margin-30" v-for="(connector, index) in connectors.slice(0, 1)"><a id="i44y9w" href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div id="io3lid" class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div id="i87asw" class="connector__description" v-text="connector.displayName">Login with <span href="" id="i0tt68">Name</span><br/></div></a></div><div id="i9fpn7" class="rgpd-checks"><input type="checkbox" id="feedback-check" name="feedback-check" checked class="rgpd-checks__check" v-on:change="(event) => setRgpd('feedback', event.target.checked)" v-model="rgpdFeedback"></input><label id="iv7hwn" for="feedback-check" class="">{% liquid
|
|
355
|
+
assign var_iv7hwn_2281 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.feedbackCheck
|
|
356
|
+
echo var_iv7hwn_2281
|
|
357
|
+
%}</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)" v-model="rgpdNL"></input><label for="nl-check" id="isjk6j" class="">{% liquid
|
|
358
|
+
assign var_isjk6j_2282 = state_imgx81-1985_imgx81-7uhkrqd2giq.rgpd.nlCheck
|
|
359
|
+
echo var_isjk6j_2282
|
|
360
|
+
%}</label></div><div id="errorDiv"></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" class="margin-30">{% liquid
|
|
361
|
+
assign var_i8w75b_2283 = state_imgx81-1985_imgx81-7uhkrqd2giq.advanced_users
|
|
362
|
+
echo var_i8w75b_2283
|
|
301
363
|
%}</summary><div id="ibi9qh" class="full-width" v-for="(connector, index) in connectors.slice(1)"><a href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div class="connector__description" v-text="connector.displayName">Login with <span href="">Name</span><br/></div></a></div></DETAILS><div id="i3cney" class="button-bar"><a id="iacshy" class="button big-button connector__card" v-if="!loading" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" v-for="(connector, index) in connectors" v-on-click="openLogin(connector)"><div id="iiwn36"><div class="button-bar__item__icon" :style="`background: url('${connector.icon}'); background-repeat: no-repeat; background-size: contain;`"></div><div id="if4gvb" class="" v-text="connector.displayName">Name<br/></div></div><div id="isndui">This connector is about blablabla<br/></div></a></div><div id="ijflxq" style="font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;" class="text-centered">{% liquid
|
|
302
|
-
assign
|
|
303
|
-
echo
|
|
364
|
+
assign var_ijflxq_2284 = state_imgx81-1985_imgx81-7uhkrqd2giq.help
|
|
365
|
+
echo var_ijflxq_2284
|
|
304
366
|
%}</div></div><div id="i9msnk" style="padding:10px;display:inline;" class="text-white top-space-20" v-if="error" v-text="message" :test="message">Insert your text here</div><div id="i6akll" style="padding:10px;display:inline;" class="button button--tertiary text-centered" v-if="error" v-on:click="logout()">{{ api-translations[lang]["Logout"] }}</div></div></div><FOOTER class="footer">{% liquid
|
|
305
|
-
assign
|
|
367
|
+
assign var_iprzeh_2292 = state_i2hcfw-1214_i2hcfw-xbsn5ipretk.node.footer_links
|
|
306
368
|
%}
|
|
307
|
-
{% for state_isucae-3308___data in
|
|
369
|
+
{% for state_isucae-3308___data in var_iprzeh_2292 %}
|
|
308
370
|
<div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" class="footer__item">{% liquid
|
|
309
|
-
assign
|
|
310
|
-
echo
|
|
371
|
+
assign var_ix2o2h_2287 = state_isucae-3308___data.title
|
|
372
|
+
echo var_ix2o2h_2287
|
|
311
373
|
%}</h3>{% liquid
|
|
312
|
-
assign
|
|
374
|
+
assign var_iihfqh_2289 = state_isucae-3308___data.columns
|
|
313
375
|
%}
|
|
314
|
-
{% for state_i2u9h4-2642___data in
|
|
376
|
+
{% for state_i2u9h4-2642___data in var_iihfqh_2289 %}
|
|
315
377
|
<a href="{% liquid
|
|
316
|
-
assign
|
|
317
|
-
echo
|
|
378
|
+
assign var_iihfqh_2290 = state_i2u9h4-2642___data.url
|
|
379
|
+
echo var_iihfqh_2290
|
|
318
380
|
%}" class="footer__item" target="{% liquid
|
|
319
|
-
assign
|
|
320
|
-
echo
|
|
381
|
+
assign var_iihfqh_2291 = state_i2u9h4-2642___data.target
|
|
382
|
+
echo var_iihfqh_2291
|
|
321
383
|
%}">{% liquid
|
|
322
|
-
assign
|
|
323
|
-
echo
|
|
384
|
+
assign var_iihfqh_2288 = state_i2u9h4-2642___data.label
|
|
385
|
+
echo var_iihfqh_2288
|
|
324
386
|
%}</a>{% endfor %}</div>{% endfor %}</FOOTER></body>
|
|
325
387
|
</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')
|