Connexion du CMS Squidex à Silex

Jeaan-phi

Voilà j'ai créé un attribut dans silex avec l'adresse de mon image dans Squidex, mais j'ai [object Object] qui apparait dans le bloc.

Dans HTML Content, on laisse vide ou faut indiquer les sources dans Squidex ?

lexoyo

le html content doit etre vide pour une image

le [object] ca peut pas etre l'attribut mais c'est surement un truc dans le html content

tu peux inspecter l'élément et regarder quel attribut il a mis?

Jeaan-phi

lexoyo
Ok ca fonctionne, le [object] était un vieux reste de mes essais.
Merci.

PS: je vais regarder pour faire une doc avec captures d'écrans quand j'aurais un peu plus de temps.

lexoyo

Cool !!! 👏

Jeaan-phi

Salut lexoyo

J'aimerai vraiment proposer à mes clients des sites avec le CMS Squidex, cependant je me heurte encore une fois à une ou plusieurs problèmatiques ...

Soit le build est ok mais je tombe sur une page 404 dans Gitlab
soit le build ne se termine pas car 11ty écrit aucun fichier, ce qui casse le process

voici un extrait:

npm warn exec The following package was not found and will be installed: @11ty/eleventy@3.0.0-alpha.20
[11ty] Benchmark    338ms  83%     1× (Data) `./public/index.11tydata.mjs`
[11ty] Wrote 0 files in 0.41 seconds (v3.0.0-alpha.20)
$ mkdir -p public/css public/assets && cp -R public/css public/assets _site/
cp: target '_site/': No such file or directory
Cleaning up project directory and file based variables
00:00
ERROR: Job failed: exit code 1```

lexoyo

Soit le build est ok mais je tombe sur une page 404 dans Gitlab

pour debug ca c'est assez simple en général
tu peux regarder dans le "job" (le build sur gitlab)

les logs ("writing ...") => quelles pages sont générées et donc accessibles
le bouton "browse" pour voir ce qui est uploadé sur gitlab pages (aussi pour voir quelles pages sont générées et donc accessibles)

soit le build ne se termine pas car 11ty écrit aucun fichier, ce qui casse le process
voici un extrait:

la ca resemble a un probleme de pipeline, tu peux

effacer le fichier .gitlab-ci.yml de gitlab
publish avec silex et vérifier si ca fix le probleme
me partager le nouveau .gitlab-ci.yml ici si ca résout pas le prob

Jeaan-phi

lexoyo
je t'ai donné accès au projet.
Regarde SVP la config CMS et les HTML content.

Jeaan-phi

j'ai déjà effacer le fichier .gitlab-ci.yml sans succés,
par contre la publication via fichier fonctionne sur mes sites sans CMS connecté et impossible via un site CMS,
je tombe toujours sur

lexoyo

J'ai regardé et le probleme c'est que ton site est vide
Tu as une seule page, c'est une "collection page", c'est a dire une page qui a "queryProjectsContents" comme "pagination data"

Hors ton CMS retourne qu'il n'y a pas d'éléments dans cette collection. si tu regardes le réseau quand tu ouvres silex, tu verras une requete vers https://cloud.squidex.io/api/content/jpwebdesign/graphql
Elle retourne queryProjectsContents: []

Donc aucune page dans ton site

Pour tester, j'ai ajouté une page index et publié, ca marche: https://silex-squidex-2-14eb46.gitlab.io/

Donc le probleme est dans squidex, ta partie silex est ok

Jeaan-phi

lexoyo

Salut, j'ai enfin réussi a mettre en place mes loops avec Squidex, tout fonctionne bien avec les champs textes etc ...
Par contre j'ai un champs image dans mon Loop, et là je galère total, impossible d'afficher mes images,
je pense avoir tout essayé dans HTML content, rien ne fonctionne car la src n'est pas trouvé ou remplacer par la src par defaut de Silex,

je me dis, ben je vais contourner le problème en faisant un attribut src pour mon image...
J'ai beau utiliser les Expression LOOP item --> data --> image --> iv
J'ai bien 1 object trouvé mais rien à l'affichage du site.

j'ai tjs <img id="iwvdh" src="/assets/<svg xmlns=" http:="" www.w3.org="" 2000="" svg"="" width="100" viewbox="0 0 24 24" style="fill: rgba(0,0,0,0.15); transform: scale(0.75)">

Quelle est l'astuce ??

lexoyo

Hello baguette
C'est bien comme tu as fait : la bonne pratique c'est de mettre l'image sur le canvas (block image) et de mettre un attibut "src" que tu mets a ton expression

src="/assets/<svg xmlns

Ca c'est la valeur du svg qui dit "pas d'image" non?
En tous cas tu es sur la bonne piste
Tu peux me partager le site si tu veux (je sais plus si je l'ai deja)

Jeaan-phi

lexoyo
OK, mais si on fait un attribut "src" dans Silex, si mon client ajoute ou change l'image dans Squidex, cet attribut n'est plus fonctionnel car le chemin a changé, non ??
Il faut un attribut "src" dynamique pour que cela fonctionne a chaque Loop ...

lexoyo

oui il faut un attribut src dynamique
il doit etre une expression quoi

Jeaan-phi

Alors voici pour mes images

Loop item --> flatdata --> image --> at --> url

Dans Silex ce chemin est ok

par contre le "at" fait bug mon build!

[11ty] 1. Having trouble rendering liquid template ./public/index.html (via TemplateContentRenderError)
[11ty] 2. undefined filter: at, file:./public/index.html, line:30, col:5 (via ParseError)
[11ty] 3. undefined filter: at (via AssertionError)
[11ty] 
[11ty] Original error stack trace: AssertionError: undefined filter: at
[11ty]     at assert (/root/.npm/_npx/bdd4055aa32dfaf4/node_modules/liquidjs/dist/liquid.node.js:378:15)
[11ty]     at Value.getFilter (/root/.npm/_npx/bdd4055aa32dfaf4/node_modules/liquidjs/dist/liquid.node.js:2381:9)
[11ty]     at /root/.npm/_npx/bdd4055aa32dfaf4/node_modules/liquidjs/dist/liquid.node.js:2369:74
[11ty]     at Array.map (<anonymous>)
[11ty]     at new Value (/root/.npm/_npx/bdd4055aa32dfaf4/node_modules/liquidjs/dist/liquid.node.js:2369:38)
[11ty]     at new AssignTag (/root/.npm/_npx/bdd4055aa32dfaf4/node_modules/liquidjs/dist/liquid.node.js:3824:22)
[11ty]     at Parser.parseToken (/root/.npm/_npx/bdd4055aa32dfaf4/node_modules/liquidjs/dist/liquid.node.js:2852:24)
[11ty]     at Parser.parseTokens (/root/.npm/_npx/bdd4055aa32dfaf4/node_modules/liquidjs/dist/liquid.node.js:2834:37)
[11ty]     at new LiquidTag (/root/.npm/_npx/bdd4055aa32dfaf4/node_modules/liquidjs/dist/liquid.node.js:4709:33)
[11ty]     at Parser.parseToken (/root/.npm/_npx/bdd4055aa32dfaf4/node_modules/liquidjs/dist/liquid.node.js:2852:24)
[11ty] Benchmark    436ms  80%     1× (Data) `./public/index.11tydata.mjs`
[11ty] Wrote 0 files in 0.54 seconds (v3.0.0-alpha.20)```

lexoyo

Jeaan-phi Oh ok, c'est un bug silex
je crois que "at" ca n'existe pas, ca ne devrait pas etre possible de l'utiliser
tu peux utiliser "first"

Jeaan-phi

Comment connecter une image Squidex en Background d'un container facilement ? ( a mon avis il faut un code attribut avec CSS afin de connecter le container à l'image ) ??
Cette solution est bien plus facile que utiliser des CSS relative et Absolute pour superposer des éléments.

lexoyo

Jeaan-phi alors si tu veux tu peux mettre un attribut "style" avec dedans du css que tu construit sous forme d'expression, comme par exemple:

"background-color: " | append: Loop data . color | append: ";"

ca te parait clair?

« Previous Page