# Comment alimenter la liste de compatibilités sur le site?

**URL:** <https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964>\
**Category:** Tutoriels\
**Created:** [Février 13, 2023, 3:54 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964 "2023-02-13T03:54:31Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Février 13, 2023, 3:54 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/1 "2023-02-13T03:54:31Z")

</div>

Salut à tous,

La page [Intégrations](https://gladysassistant.com/fr/integrations/) du site permet aux nouveaux arrivants de savoir quels appareils sont compatibles Gladys.

Cette liste est alimentée par vous, la communauté Gladys via une spreadsheet en ligne !

Pour l’instant, cette page n’est pas du tout exhaustive, mais grâce à vous cela peut changer 🙂

**Comment alimenter la liste de compatibilités du site ?**

1. Rejoindre [la liste Airtable via ce lien](https://airtable.com/invite/l?inviteId=inv9ekgJK1b06RSb0&inviteToken=18da963a43156d3bebb4a7d5b1d43f18a7ffacd7fa417380b5b150ef14c6f4cc&utm_medium=email&utm_source=product_team&utm_content=transactional-alerts) qui permet de devenir contributeur sur ce document partagé.

 ![Screenshot 2023-02-13 at 10.10.33](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/0/064191892b0294d01730953717fd142e744a1a47.jpeg)

1. Parcourez la liste, et comparez avec le matériel que vous avez chez vous et qui marche avec Gladys. Si il manque des appareils, c’est le moment de les ajouter à la liste !

2. Pour ajouter un appareil, c’est très simple.

Cliquez sur «&nbsp;+&nbsp;» en bas de la page pour ajouter une ligne:

 ![Screenshot 2023-02-13 at 10.18.48](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/1/1c20ceea93841341f931c226fa824a0947e3fc36.png)

Chaque ligne a plusieurs champs, qu’il faut remplir de cette manière :

 ![Exemple page intégrations gladys](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/8/847616a53809409406c11f7560c4460a507acb32.png)

A la fin de la table, il y une colonne «&nbsp;Valid&nbsp;» qui vous indique si votre ligne est valide ( Est-ce que la description est trop courte? Le titre trop long? )

 ![Screenshot 2023-04-17 at 16.39.42](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/1/1f84ee0028c468aafd5652c7e59c6711bd170b83.jpeg)

Le champ «&nbsp;ID de la documentation&nbsp;», correspond à ça:

 ![Screenshot 2023-02-13 at 10.28.31](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/8/877a74b2c549b6bea6b2de298e6fb6e000922fba.jpeg)

Il sera utilisé pour créer le lien de redirection vers la doc.

Pour l’image, prenez une image en format paysage, de bonne qualité, si possible l’image sur le site du fabricant pour être le plus propre possible 🙂

Le champ «&nbsp;tags&nbsp;» n’est actuellement pas utilisé, ne vous embêtez pas à le remplir pour l’instant.

Pour le lien d’achat, mettez un lien vers ce qui fait le plus de sens pour vous ( meilleur rapport qualité/prix ). Le projet est partenaire avec [domadoo.fr](http://domadoo.fr), et [amazon.fr](http://amazon.fr?tag=gladproj-21), donc si l’article est disponible chez ces vendeurs, c’est mieux, mais ce n’est pas obligatoire ^^ De mon expérience, Domadoo est en général très bien positionné niveau prix, livre très vite, et leur SAV est au top.

Pour nos partenaires, pas besoin de rajouter de tag spéciaux dans l’URL, ils sont rajoutés automatiquement sur le site.

1. L’onglet «&nbsp;FR&nbsp;» alimente la page de compatibilité sur le site français, et la page «&nbsp;EN&nbsp;» alimente le site en anglais. Pensez à alimenter les deux 😉 Pour la page en anglais, pensez à mettre des liens vers des sites US ([amazon.com](http://amazon.com?tag=gladproj-20) par exemple, qui est différent de [amazon.fr](http://amazon.fr?tag=gladproj-21))

Merci à ceux qui prendront le temps d’alimenter ces listes 🙏

**Synchroniser le site avec la liste Airtable**

La première partie de ce tutoriel est pour un public «&nbsp;tout public&nbsp;», la deuxième partie est plus tech mais n’est pas très compliquée.

Le site [gladysassistant.com](http://gladysassistant.com) est un site statique généré par Docusaurus et hébergé sur Cloudflare.

Pour synchroniser le site avec la liste Airtable, j’ai codé un petit helper dans le repo du site ( [GitHub - GladysAssistant/v4-website: Gladys Assistant website](https://github.com/GladysAssistant/v4-website) ) qui permet de synchroniser les deux.

1. Cloner le repo du site

```auto
git clone https://github.com/GladysAssistant/v4-website
cd v4-website

```

1. Installer les dépendances

( Présuppose que vous avez Node LTS + Yarn d’installé sur votre machine )

```auto
yarn

```

1. Créez un «&nbsp;personal access token&nbsp;» sur Airtable

Rendez-vous sur [https://airtable.com/create/tokens](https://airtable.com/create/tokens)

 ![Screenshot 2023-02-13 at 10.44.16](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/6/6483499b95587af4d6cc9748d2ca4974a42c8c4c.jpeg)

Cliquez sur «&nbsp;Create token&nbsp;», et remplissez le formulaire comme ça :

 ![Screenshot 2023-02-13 at 10.44.47](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/b/b3b2dc2e76f8a825a40a7d4f2393e80d7609ddcf.jpeg)

Vous devriez récupérer une clé d’API !

1. Créer un fichier `.env` à la racine du repo cloné localement, avec le contenu suivant :

```auto
AIRTABLE_API_KEY=VOTRE_CLE_API

```

1. Lancez la commande:

```auto
npm run load-integrations

```

Ce script va récupérer via l’API Airtable tout le contenu du spreadsheet, et va télécharger toutes les images.

1. Voir les changements en local

Pour voir le site français en local :

```auto
npm run start-fr

```

Pour voir le site EN en local :

```auto
npm start

```

1. Intégrer les changements au site live ?

Si vous voulez que les changements soient intégrés au site de production, soit:

- Me notifier ici pour que je synchronise les deux moi même
- Faire une PR avec le tuto ci-dessus 🙂

**Des questions / retours ?**

Merci à tous ceux qui feront l’effort d’alimenter cette liste.

N’hésitez pas si vous avez des questions.

Si vous pensez que cette page/ce process pourrait être amélioré, n’hésitez pas non plus, c’est loin d’être un process parfait, et tout est open-source 🙂

---

<div class="post-metadata">

**Author:** ![AlexTrovato](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/alextrovato/32/10705_2.png) [@AlexTrovato](https://community.gladysassistant.com/u/AlexTrovato)\
**Post date:** [Février 13, 2023, 6:20 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/2 "2023-02-13T18:20:56Z")

</div>

Pas de bol, airtable n’est pas accessible… Service unavailable 😕

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Février 14, 2023, 2:26 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/3 "2023-02-14T02:26:46Z")

</div>

Pas de chance, ils sont plutôt stable normalement 😛

 ![Screenshot 2023-02-14 at 09.25.53](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/a/a7607767af2a2472b85a2b35686bf5c4908c654b.png)

C’est revenu en 20 minutes !

---

<div class="post-metadata">

**Author:** ![AlexTrovato](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/alextrovato/32/10705_2.png) [@AlexTrovato](https://community.gladysassistant.com/u/AlexTrovato)\
**Post date:** [Février 16, 2023, 5:31 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/4 "2023-02-16T05:31:22Z")

</div>

@pierre-gilles je viens de faire la manipulation de mon côté, ayant ajouté 2 devices.

Malheureusement j’obtiens beaucoup trop de différences qui n’ont rien à voir avec mes changements :

- des devices dans un ordre différent
- des devices non présent dans airtable
- des devices qui ne sont pas «&nbsp;les miens&nbsp;» (v4-website pas encore up-to-date)
- une image «&nbsp;bmp&nbsp;» pour un des devices (corrigé dans airtable)
- des devices dans une seule des langues
- des doublons (title en case sensitive)

Je viens de faire cette PR pour trier les devices par title (et trim les libellés / remove double spaces). Ainsi on y verra plus clair lors de la génération des listes depuis airtable.

> <https://github.com/GladysAssistant/v4-website/pull/162>
>
> \## Ajout du script \`clean\_integrations\` afin de "nettoyer" les intégrations déjà… en place
> - trim des libellés
> - sort by title
> - remove dupes (case insensitive)
> 
> \## Modification du script \`load\_integrations\` :
> - trim des libellés
> - sort by title
> - remove dupes (case insensitive)
> 
> \## Nettoyage des intégrations déjà en place
> - script de nettoyage exécuté
> - suppression des espaces inutiles
> - suppression des doublons
> - tri par title

Pour la suite :

- je ferais une autre PR afin de générer les devices manquants
- j’ajouterai certainement des alertes si les devices ne sont pas dans les 2 langues.
- mettre un check sur l’extension de l’image (n’autoriser que png ou jpg)

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Février 18, 2023, 6:44 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/5 "2023-02-18T06:44:23Z")

</div>

Merci pour la PR @AlexTrovato ! 🙏

Effectivement, il y a eu des changements sur Airtable qui ne sont pas juste les tiens (ce post doit y être pour quelque chose!), quand tu synchronise avec Airtable ça synchronise tout donc c’est pas juste tes ajouts.

> [@AlexTrovato](#):
>
> une image « bmp » pour un des devices (corrigé dans airtable)

ah bien vu, il faudrait peut-être une validation là dessus en plus. Je pensais que Airtable faisait une conversion systématiquement vers jpeg (ils font déjà du resize par exemple).

> [@AlexTrovato](#):
>
> j’ajouterai certainement des alertes si les devices ne sont pas dans les 2 langues.

+1

Pour l’instant ça donnait ça du coup l’affichage:

 ![Screenshot 2023-02-18 at 13.17.20](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/0/05ccd2a5206da18065715914c9f1326ce0edbe48.jpeg)

J’ai fais quelques ajustements dans le CSS pour que ça soit mieux visuellement :

 ![Screenshot 2023-02-18 at 13.35.17](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/2/2751f82f3d1e0cafc0a62b1f85f4766d5ef2af77.jpeg)

- Image toujours à la même taille
- Card toujours à la même taille.

Je pense qu’on pourrait revoir certaines des descriptions qui sont soient trop longue et redondante avec le titre, soit trop courte.

Pour les URLs, il y a beaucoup d’URL dans le document qui sont en 404.

Je pense qu’on pourrait automatiser la détection des 404 (à voir selon les sites, certains sites genre Amazon bloquent les crawler automatique).

J’ai fais une PR avec ta PR + les améliorations de style :

> <https://github.com/GladysAssistant/v4-website/pull/163>
>
> Based on https://github.com/GladysAssistant/v4-website/pull/162

Je vais peut-être faire une petite passe sur les 404 avant de merge, parce que là le premier device de la liste est en 404, ça fait pas dingue 😛

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Février 18, 2023, 8:07 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/6 "2023-02-18T08:07:50Z")

</div>

Je me suis amusé avec puppeteer à valider les URLs automatiquement

J’ai pris puppeteer pour pas se faire détecter comme un scrapper par ces sites de e-commerce qui sont en général bien protégé:

 ![Screenshot 2023-02-18 at 15.05.26](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/a/a2f7359db2fd979c77a93fa95ca9acd5708d8a63.png)

Pour l’instant ça marche bien, par contre ça prend un peu de temps car j’attend 500ms entre chaque URL pour pas aller trop vite:

 ![Screenshot 2023-02-18 at 15.07.30](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/d/d258b015a0bcd866ccb5a1b84bb8d438fe22dacc.png)

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Février 18, 2023, 9:00 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/7 "2023-02-18T09:00:11Z")

</div>

J’ai bien avancé !

- Le filtrage des URLs «&nbsp;mortes&nbsp;» fonctionne bien. J’ai lancé le script et cleané pas mal de produits. Il faut maintenant les mettre à jour dans Airtable avec un lien valide. A voir maintenant si on pourrait ajouter une colonne dans Airtable ou le script écrirait «&nbsp;Valid/Invalid&nbsp;» + une raison pour qu’on puisse aller voir les rows qui posent soucis.
- J’ai rajouté en haut de la page le lien vers ce tutoriel
- J’ai écris la version anglaise de ce tutoriel sur le forum en anglais: [How to feed the compatibility list on the site? - Tutorials - Gladys Community (EN)](https://en-community.gladysassistant.com/t/how-to-feed-the-compatibility-list-on-the-site/77)

Version démo buildée à cette adresse: [https://atrovato-sort-and-clean-inte.v4-website.pages.dev/](https://atrovato-sort-and-clean-inte.v4-website.pages.dev/)

Maintenant, il va falloir rajouter un paquet de produits car la liste fait triste mine 😃 Je vais faire un post plus global pour inciter les gens à contribuer.

---

<div class="post-metadata">

**Author:** ![VonOx](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/vonox/32/10128_2.png) [@VonOx](https://community.gladysassistant.com/u/VonOx)\
**Post date:** [Février 18, 2023, 9:03 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/8 "2023-02-18T09:03:17Z")

</div>

Je viens de tester

Sur mobile c’est bizarre il manque des trucs je penses ( titre ? Description ?)

Les images sont trop grosses

 ![Screenshot_2023-02-18-10-01-45-798_com.android.chrome](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/4/4117688c6f7951628cee6dc80069d9c1ad41ed38.jpeg)

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Février 18, 2023, 9:08 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/9 "2023-02-18T09:08:20Z")

</div>

@VonOx Euh je confirme il y a un petit bug avec le dernier build, je regarde ça 👍

---

<div class="post-metadata">

**Author:** ![VonOx](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/vonox/32/10128_2.png) [@VonOx](https://community.gladysassistant.com/u/VonOx)\
**Post date:** [Février 18, 2023, 9:09 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/10 "2023-02-18T09:09:09Z")

</div>

C’est en page d’accueil, sur les intégrations c’est ok ( titre description)

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Février 18, 2023, 9:09 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/11 "2023-02-18T09:09:55Z")

</div>

J’ai compris, en fait le component «&nbsp;Image&nbsp;» que j’utilise se comporte différemment en environnement local (dev) et en version build (prod), donc ça fait n’importe quoi sur le build CF, alors qu’en local ça marchait nickel. Je corrige

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Février 18, 2023, 9:19 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/12 "2023-02-18T09:19:29Z")

</div>

C’est corrigé !

Page FR: [Intégrations | Gladys Assistant](https://atrovato-sort-and-clean-inte.v4-website.pages.dev/fr/integrations/)  
Page EN: [Integrations | Gladys Assistant](https://atrovato-sort-and-clean-inte.v4-website.pages.dev/integrations/)

---

<div class="post-metadata">

**Author:** ![VonOx](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/vonox/32/10128_2.png) [@VonOx](https://community.gladysassistant.com/u/VonOx)\
**Post date:** [Février 18, 2023, 9:25 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/13 "2023-02-18T09:25:21Z")

</div>

Désolé j’ai pas de pc que du mobile pour test.

Le padding/margin est trop important

 ![IMG_20230218_102356](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/7/745c239d6b3478d5fa316b7c823c0b1246a55346.jpeg)

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Février 18, 2023, 9:26 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/14 "2023-02-18T09:26:59Z")

</div>

> [@VonOx](#):
>
> Le padding/margin est trop important

Je vais le désactiver sur mobile, sur PC j’avais mis une taille fix de cards pour que l’alignement soit toujours le même quel que soit la taille des descriptions, mais sur mobile ça fait pas sens c’est vrai

---

<div class="post-metadata">

**Author:** ![AlexTrovato](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/alextrovato/32/10705_2.png) [@AlexTrovato](https://community.gladysassistant.com/u/AlexTrovato)\
**Post date:** [Février 18, 2023, 9:32 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/15 "2023-02-18T09:32:54Z")

</div>

Moi je trouve que les images sont trop «&nbsp;hautes&nbsp;», et du coup elles sont trop coupées…  
Mais ça dépend de l’image.  
Peut-être qu’avec un peu de CSS magique on peut faire mieux… peut-être

A gauche avant, à droite après

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/0/00aafe56d4a02a92726535ce8df4f70d58a9cf48.png)

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Février 18, 2023, 9:37 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/16 "2023-02-18T09:37:12Z")

</div>

> [@AlexTrovato](#):
>
> Moi je trouve que les images sont trop « hautes », et du coup elles sont trop coupées…  
> Mais ça dépend de l’image.

T’es sur quelle taille d’écran ?

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Février 18, 2023, 9:40 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/17 "2023-02-18T09:40:30Z")

</div>

Effectivement, en étant à la limite du breakpoint mobile, ça fait un peu vertical sur certaines photos:

 ![Screenshot 2023-02-18 at 16.38.52](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/7/7412793de86813523923492efd5c760d6fe09f51.jpeg)

Après, je trouve que ça rend bien pour 80% des images même à cette taille d’écran :

 ![Screenshot 2023-02-18 at 16.39.25](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/5/59d46aeb38e615a803d1b5b84f6347f8e2f314aa.jpeg)

Je pense qu’il faudrait plutôt recommander un certain ratio d’images, même avec de la magie CSS on fera pas de miracle 😛

---

<div class="post-metadata">

**Author:** ![AlexTrovato](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/alextrovato/32/10705_2.png) [@AlexTrovato](https://community.gladysassistant.com/u/AlexTrovato)\
**Post date:** [Février 18, 2023, 9:41 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/18 "2023-02-18T09:41:18Z")

</div>

> [@pierre-gilles](#):
>
> T’es sur quelle taille d’écran ?

19" en 2560 x 1440.

Pour faire la capture, j’ai réduit la tailler de mes fenêtres, mais même en plein écran, je trouve que le nouvel affichage des images les tronque trop.

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Février 18, 2023, 9:41 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/19 "2023-02-18T09:41:34Z")

</div>

Par contre, là ou c’est vraiment moche actuellement, c’est quand on vient de passer le breakpoint mobile (à mon avis sur certaines tablettes large ça doit faire ça):

 ![Screenshot 2023-02-18 at 16.40.55](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/0/0c6b0fd5e12dd80c6a918df2cee9618b985ba4c4.jpeg)

Là pour le coup c’est degeu

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Mars 20, 2023, 8:44 UTC](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964/20 "2023-03-20T08:44:16Z")

</div>

Je viens de merger la PR de @AlexTrovato + mes corrections pour améliorer l’affichage.

J’en ai profité pour synchroniser avec Airtable avec les dernières modifications.

C’est live sur le site!

> **[Intégrations | Gladys Assistant](https://gladysassistant.com/fr/integrations/)**
>
> Search all home automation devices compatible with Gladys Assistant

[Page suivante](https://community.gladysassistant.com/t/comment-alimenter-la-liste-de-compatibilites-sur-le-site/7964.md?page=2)
