Récupérer son prix de carburant (encore) avec le multiscraping

Petite amélioration :

  • nom dymanique
  • tri
  • tableau/alignements

Nouvelle carte :

type: custom:flex-table-card
title: Carburants
sortby: e10_price+
entities:
  include:
    - sensor.carburants_leclerc
    - sensor.carburants_auchan
    - sensor.carburants_intermarche
columns:
  - data: state
    icon: mdi:gas-station
    align: center
  - data: sp98_price
    name: SP98 €/L
    align: center
  - data: sp95_price
    name: SP95 €/L
    align: center
  - data: e10_price
    name: E10 €/L
    align: center
  - data: e85_price
    name: E85 €/L
    align: center
  - data: gpl_price
    name: GPL €/L
    align: center

image

Pour avoir le même nombre d’attributs dans les sensors, j’ai ajouté des valeurs fixes sur les carburants qui manquent

        - name: gpl_name
          value_template: "-"
        - name: gpl_price
          value_template: "-"
        - name: gpl_date
          value_template: "-"
5 « J'aime »

Merci pour le partage @Pulpy-Luke :wink:

1 « J'aime »

Merci @Pulpy-Luke pour le partage, comme toi j’ai des soucis avec l’intégration de @max5962.
Je vais me tester ca des que possible.

Après quelque galère pour comprendre select:, j’ai réussie a créer mes capteurs pour 2 stations.
Ca fonctionne bien et ca me bouffe pas de mémoire comparé a la solution de @max5962 .
Donc je recommande c’est solution pour les rpi3.

Merci encore pour ce tuto.

Si tu peux en dire plus pour éviter que je galère, et d’autres par la suite :slight_smile:

J’ai installer l’addon Web Scraper dans chrome ( comme expliquer dans le tuto).
ensuite je choisie ma station ex : https://carbu.com/france/index.php/station/intermarche/trebes/11800/6671
ensuite appuie sur F12 pour ouvrir l’outils de devellopement, tout en haut click sur les 2 flèche et sélectionne web scraper.
Click sur les 3 petit points et selectionne épingler en bas.

Tu click sur create new sitemap et sur sitemap.
sitemap name: carbu
Start URL: https://carbu.com/france/index.php/station/intermarche/trebes/11800/6671
et tu créer.

De la tu click sur Add new selector, type sur text et dans Selector choisir select.
Ta plus qu’a sélectionné la partie ou tu veut les infos et copier.

je sais pas si c’est la plus simple, mais j’y suis arrivé de c’est facon.

3 « J'aime »

Voila ma carte avec le code de @Pulpy-Luke et modifier pour qu’il fonctionne . sortby: > sort_by:

type: custom:flex-table-card
sort_by: b7_price-
entities:
  include: sensor.carburants*
columns:
  - data: state
    icon: mdi:gas-station
    align: left
  - name: GAZOLE €/L
    data: b7_price
    align: center
  - data: sp98_price
    name: SP98 €/L
    align: center
style: |
  :host {
    --card-mod-icon-color: rgb(31, 111, 235);
    font-size: 13px;
        }

carburant

1 « J'aime »

Merci pour tout à @Pulpy-Luke & @WarC0zes !!!

image

2 « J'aime »

Si tu peux partager ton code pour les novices :+1::slightly_smiling_face:

Tu veux juste le code de la carte, ou tout le reste ?

Il y a des exemples de code et de carte dans tout le sujet…
A voir si la question porte pas plus sur le thème, non ?

@Herbs oui le code d’une station, la card reste la même non?

@Pulpy-Luke non pas tout, simplement sa peut donner des idées, il y a un peu de couleur dans sa carte. J’aimerais voir comment il a fait cela.

D’ailleurs j’aimerais savoir si c’est faisable de tronquer le titre de la station ? Si oui, si vous pouvez m’aiguiller ce serait top.

Justement ça c’est un thème, c’est indépendant de la carte

C’est la même mécanique que pour la mise en forme du prix, par exemple…

            value_template: "{{ value|replace(',','.') }}"

Voilà le code de la card :

type: custom:flex-table-card
sort_by: diesel_price
entities:
  include: sensor.carburants*
columns:
  - data: state
    icon: mdi:gas-station
    align: left
  - name: Diesel
    data: diesel_price
    align: center
  - name: Update
    data: diesel_update
    align: center
css:
  tbody tr:nth-child(odd): 'background-color: rgba(255, 255, 255, 0.2)'
  tbody tr:nth-child(even): 'background-color: rgba(255, 255, 255, 0.1)'
  tbody tr:nth-child(1): 'color: #00ff00'
  tbody tr:nth-child(7): 'color: #FF7F50'
card_mod:
style: |
  :host {
    font-size: 13px;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px 2px 0px 2px;
    border-color: #ffffff;
  }

Par contre le background de la carte vient du thème comme l’a dit @Pulpy-Luke

2 « J'aime »

Hello
Comment faites vous pour retrouver l’ID des stations essences?

Pas besoin des ID… juste l’url

Bonjour à tous,
Je sais pas vous, mais moi j’ai pas mal de problèmes avec la card flex. Elle me fait disparaitre tout mon dashboard et j’ai l’erreur suivante dans les logs :

Logger: frontend.js.latest.202112290
Source: components/system_log/__init__.py:189
First occurred: 16:10:05 (1 occurrences)
Last logged: 16:10:05

https://mondomaine.versduckdns.org/hacsfiles/flex-table-card/flex-table-card.js?hacstag=1562920589320251:22:18 Uncaught TypeError: Cannot read properties of undefined (reading 'toString')

Hello,

Ton sensor contiendrait pas des trucs bizarres (et donc fait planter la carte) ?

Franchement, je vois pas. J’ai fait des copier/coller entre les différentes stations dans le fichier configuration.yaml
Je continue de chercher…

Pas besoin de chercher loin, regarde d’abord ce que ça donne dans les outils de dev