Odjazdy na żywo Łódź

Aleksej · 22 Listopad 2021 15:08

Próbuje w Lovelace zrobić kartę wyświetlającą aktualne odjazdu autobusów MPK Łódź z danego przystanku. Strona to rozklady.lodz.pl a konkretny przystanek to http://rozklady.lodz.pl/Home/TimeTableReal?busStopId=1926

Pierwszy pomysł to użycie karty strony web - ale że mam serwer na https to nie mogę użyć karty ze stroną http

Drugi pomysł to coś ala to: Show Google Maps as a card - Home Assistant
Tylko niestety ten sposób też nie działa, nie wiem czy content type mam ustawiony dobrze (text/javascript).

Ogólnie czy jest jakiś sposób aby dało radę wyświetlić tą stronę w karcie lovelance? Niestety nie ma integracji z odjazdami na żywo dla MPK Łódź, a integracja rozkladzik.pl pokazuje tylko rozkład jazdy a nie odjazdy na żywo.

krskrab · 22 Listopad 2021 15:18

Aleksej · 22 Listopad 2021 15:34

Przecież napisałem że rozkładzik mam ale nie oto chodzi - chcę aby odjazdy live się wyświetlały, w Łodzi słabo jest z trzymaniem się rozkładów jazdy

angler · 22 Listopad 2021 15:42

A tu chyba będzie prosciej:

Aleksej · 22 Listopad 2021 16:17

Hmm - wydaje się ciekawe - ale moje zdolności są mocno ograniczone nawet nie wiem od czego zacząć i jak te dane wyciągnąć i dalej wyświetlić w karcie.

pigulson · 23 Listopad 2021 20:46

Hej,
w sumie też o tym kiedyś myślałem i nadszedł czas, żeby coś stworzyć.
Udało mi się wykombinować coś takiego:

Użyłem do tego NodeReda i tworzę sensor z atrybutami na 5 najbliższych pojazdów.

flows.json (3,4 KB)

W nodzie http request należy podać swój numer przystanku wg strony http://rozklady.lodz.pl/

Karta to GitHub - PiotrMachowski/Home-Assistant-Lovelace-HTML-Jinja2-Template-card: This card displays provided Jinja2 template as an HTML content of a card. It uses exactly the same engine as Home Assistant in Developer tools.

i kod karty:

type: custom:html-template-card
title: null
ignore_line_breaks: true
content: >
  <table width="100%" border=0 style="border: 0px black solid; border-collapse:
  collapse;">

  <tr><td width="25%" style="text-align: center; padding: 4px">{{
  (state_attr("sensor.mpk", "line1")) }}</td> <td width="50%" style="text-align:
  center; padding: 4px">{{ (state_attr("sensor.mpk", "dir1")) }}</td> <td
  width="25%" style="text-align: center; padding: 4px">{{
  (state_attr("sensor.mpk", "time1")) }}</td></tr> <tr><td width="25%"
  style="text-align: center; padding: 4px">{{ (state_attr("sensor.mpk",
  "line2")) }}</td> <td width="50%" style="text-align: center; padding: 4px">{{
  (state_attr("sensor.mpk", "dir2")) }}</td> <td width="25%" style="text-align:
  center; padding: 4px">{{ (state_attr("sensor.mpk", "time2")) }}</td></tr>
  <tr><td width="25%" style="text-align: center; padding: 4px">{{
  (state_attr("sensor.mpk", "line3")) }}</td> <td width="50%" style="text-align:
  center; padding: 4px">{{ (state_attr("sensor.mpk", "dir3")) }}</td> <td
  width="25%" style="text-align: center; padding: 4px">{{
  (state_attr("sensor.mpk", "time3")) }}</td></tr> <tr><td width="25%"
  style="text-align: center; padding: 4px">{{ (state_attr("sensor.mpk",
  "line4")) }}</td> <td width="50%" style="text-align: center; padding: 4px">{{
  (state_attr("sensor.mpk", "dir4")) }}</td> <td width="25%" style="text-align:
  center; padding: 4px">{{ (state_attr("sensor.mpk", "time4")) }}</td></tr>
  <tr><td width="25%" style="text-align: center; padding: 4px">{{
  (state_attr("sensor.mpk", "line5")) }}</td> <td width="50%" style="text-align:
  center; padding: 4px">{{ (state_attr("sensor.mpk", "dir5")) }}</td> <td
  width="25%" style="text-align: center; padding: 4px">{{
  (state_attr("sensor.mpk", "time5")) }}</td></tr>

  </table> </br> <table width="100%" border=0 style="border: 0px black solid;
  border-collapse: collapse;">

  <tr><td style="text-align: center; padding: 4px">{{ (state_attr("sensor.mpk",
  "alert")) }}</td></tr>

  </table>

Wiem, że nie jest to mistrzostwo świata, ale daleko mi do eksperta od HA i NR.
Druga kwestia. Przeglądając repozytoria Piotra - zauważyłem, że Rzeszów ma identyczną stronę z rozkładami jak Łódź. Zgłosiłem issue z zapytaniem i prośbą, aby Piotr dopasował integrację Rzeszowską na potrzeby Łodzi.

EDIT:
Jest już integracja Piotra

Aleksej · 24 Listopad 2021 11:42

Ooo super - integracja Piotra działa idealnie! Dziękuję bardzo za pomoc. Na github zgłosiłem już prośbę o dodanie informacji o pojazdach niskopodłogowych, klimatyzowanych i o alertach (info o biletomatach zbędne - są we wszystkich pojazdach MPK).

Jeszcze raz bardzo dziękuję za pomoc!

@ pigulson - skorzystałem docelowo z Twojego rozwiązania, wygląda znacznie ładniej, do tego w jednej karcie dodałem pod spodem rozkład jazdy z integracji rozkladzik.pl, wygląda zacnie

Jakby dało się wyciągnąć info o niskopodłogowych wozach i klimie to byłoby już idealnie!

pigulson · 24 Listopad 2021 17:27

coś się udało
mpkv2
Flow: mpkv3.json (7,6 KB)

Kod karty:

type: custom:html-template-card
title: null
ignore_line_breaks: true
content: >
  <table width="100%" border=0 style="border: 0px black solid; border-collapse:
  collapse;"> <tr><td width="20%" style="text-align: center; padding:
  4px"><ha-icon icon="mdi:tram"></ha-icon></td> <td width="50%"
  style="text-align: center; padding: 4px">{{ (state_attr("sensor.mpk",
  "stop_name")) }}</td> <td width="10%" style="text-align: center; padding:
  4px"></td> <td width="15%" style="text-align: center; padding: 4px">{{
  states('sensor.mpk') }}</td></tr> <tr><td width="15%" style="text-align:
  center; padding: 4px">{{ (state_attr("sensor.mpk", "line1")) }}</td> <td
  width="50%" style="text-align: center; padding: 4px">{{
  (state_attr("sensor.mpk", "dir1")) }}</td> <td width="15%" style="text-align:
  right; padding: 4px">{{ (state_attr("sensor.mpk", "veh1")) }}</td> <td
  width="15%" style="text-align: center; padding: 4px">{{
  (state_attr("sensor.mpk", "time1")) }}</td></tr>  <tr><td width="15%"
  style="text-align: center; padding: 4px">{{ (state_attr("sensor.mpk",
  "line2")) }}</td> <td width="50%" style="text-align: center; padding: 4px">{{
  (state_attr("sensor.mpk", "dir2")) }}</td> <td width="15%" style="text-align:
  right; padding: 4px">{{ (state_attr("sensor.mpk", "veh2")) }}</td> <td
  width="15%" style="text-align: center; padding: 4px">{{
  (state_attr("sensor.mpk", "time2")) }}</td></tr>  <tr><td width="15%"
  style="text-align: center; padding: 4px">{{ (state_attr("sensor.mpk",
  "line3")) }}</td> <td width="50%" style="text-align: center; padding: 4px">{{
  (state_attr("sensor.mpk", "dir3")) }}</td> <td width="15%" style="text-align:
  right; padding: 4px">{{ (state_attr("sensor.mpk", "veh3")) }}</td> <td
  width="15%" style="text-align: center; padding: 4px">{{
  (state_attr("sensor.mpk", "time3")) }}</td></tr>  <tr><td width="15%"
  style="text-align: center; padding: 4px">{{ (state_attr("sensor.mpk",
  "line4")) }}</td> <td width="50%" style="text-align: center; padding: 4px">{{
  (state_attr("sensor.mpk", "dir4")) }}</td> <td width="15%" style="text-align:
  right; padding: 4px">{{ (state_attr("sensor.mpk", "veh4")) }}</td> <td
  width="15%" style="text-align: center; padding: 4px">{{
  (state_attr("sensor.mpk", "time4")) }}</td></tr> <tr><td width="15%"
  style="text-align: center; padding: 4px">{{ (state_attr("sensor.mpk",
  "line5")) }}</td> <td width="50%" style="text-align: center; padding: 4px">{{
  (state_attr("sensor.mpk", "dir5")) }}</td> <td width="15%" style="text-align:
  right; padding: 4px">{{ (state_attr("sensor.mpk", "veh5")) }}</td> <td
  width="15%" style="text-align: center; padding: 4px">{{
  (state_attr("sensor.mpk", "time5")) }}</td></tr>   </table> </br> <table
  width="100%" border=0 style="border: 0px black solid; border-collapse:
  collapse;">

  <tr><td style="text-align: center; padding: 4px">{{ (state_attr("sensor.mpk",
  "alert")) }}</td></tr>

  </table>

EDIT: drobna poprawka we flow… mpkv3 jest ok

Aleksej · 24 Listopad 2021 17:53

Działa dzięki wielkie!

Dareq · 3 Styczeń 2022 22:48

Panowie, kombinuje z Waszymi flowami dla Krakowa, sam rozkladzik czy mpk_kr Piotra Machowskiego dziala - mam interesujace mnie przystanki i linie
importuje zalaczony flow, Krakow jednak nie ma chyba jednego ID dla przystanku na oficjalnym rozkladzie (a przynajmniej nie znajduje w adresie)
mpk.krakow
natomiast API TTS Krakow ktorego Piotr uzywa do swojej pokrewnej integracjji pokazuje taki URL dla przystnaku, i “35” w jego integracji dziala, ponizszy http request z tym linkiem chyba nie bo status nieznany
https://mpk.jacekk.net/#!plb35

poradzicie :)?

pigulson · 5 Styczeń 2022 21:18

Flow zrobione przeze mnie działa tylko z systemem Łodzi i Rzeszowa. Być może są jeszcze jakieś inne miasta, które korzystają z podobnego systemu/API.