{"id":530,"date":"2023-10-29T17:48:47","date_gmt":"2023-10-29T17:48:47","guid":{"rendered":"https:\/\/hybrydaplus.pl\/?p=530"},"modified":"2024-01-02T07:00:41","modified_gmt":"2024-01-02T07:00:41","slug":"dashboard-pierwsze-kroki","status":"publish","type":"post","link":"https:\/\/hybrydaplus.pl\/index.php\/2023\/10\/29\/dashboard-pierwsze-kroki\/","title":{"rendered":"Dashboard &#8211; Pierwsze kroki."},"content":{"rendered":"\n<p>W poprzednich artyku\u0142ach poznali\u015bmy podstawy encji, zanitowali\u015bmy niezb\u0119dne dodatki wi\u0119c mo\u017cemy przyst\u0105pi\u0107 do budowania naszego dashbordu. W tym wpisie przedstawi\u0119 Wam proste trzy &#8222;zegary&#8221;, kt\u00f3re przedstawiaj\u0105 90% najwa\u017cniejszych informacji na temat naszej hybrydy. Aby wszystko by\u0142o wy\u015bwietlane prawid\u0142owo konieczne jest zainstalowanie wszystkich dodatk\u00f3w opisanych <a href=\"https:\/\/hybrydaplus.pl\/index.php\/2023\/10\/14\/dashboard-niezbedne-dodatki\/\" style=\"color: red; text-decoration: underline;\">w tym wpisie.<\/a>\n <\/p>\n\n\n\n<p>W pierwszej kolejno\u015bci musimy zmieni\u0107 konfiguracj\u0119 naszego widoku. W tym celu udajemy si\u0119 do panelu, klikamy w trzy kropki w prawym g\u00f3rnym rogu (1) nast\u0119pnie w Edytuj Dashboard (2) <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"546\" src=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard-1024x546.png\" alt=\"\" class=\"wp-image-531\" srcset=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard-1024x546.png 1024w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard-300x160.png 300w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard-768x409.png 768w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard-1536x818.png 1536w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard-800x426.png 800w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard.png 1704w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Kolejno klikamy w ikon\u0119 o\u0142\u00f3wka przy nazwie daschboard (1). Wpisujemy nazw\u0119 (2), wybieramy typ widoku &#8222;Vertical (layout-card)&#8221; (3) oraz wpisujemy szeroko\u015b\u0107 i max ilo\u015b\u0107 kolumn (4) <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"564\" src=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard1-1024x564.png\" alt=\"\" class=\"wp-image-532\" srcset=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard1-1024x564.png 1024w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard1-300x165.png 300w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard1-768x423.png 768w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard1-1536x846.png 1536w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard1-800x441.png 800w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard1.png 1695w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Zapisujemy, mo\u017cemy przyst\u0105pi\u0107 do budowy naszych zegar\u00f3w. <\/p>\n\n\n\n<p>B\u0119d\u0105c w poprzednio opisanym widoku klikamy na niebieski przycisk opisany Add Card <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"305\" src=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard2-1024x305.png\" alt=\"\" class=\"wp-image-534\" srcset=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard2-1024x305.png 1024w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard2-300x89.png 300w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard2-768x229.png 768w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard2-1536x457.png 1536w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard2-800x238.png 800w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard2.png 1714w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>W otwartym oknie przewijamy na sam d\u00f3\u0142 i klikamy w Edytor konfiguracji YAML<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"995\" height=\"970\" src=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard3.png\" alt=\"\" class=\"wp-image-535\" srcset=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard3.png 995w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard3-300x292.png 300w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard3-768x749.png 768w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard3-800x780.png 800w\" sizes=\"(max-width: 995px) 100vw, 995px\" \/><\/figure>\n\n\n\n<p>Zobaczymy konfiguracj\u0119 karty, w zaznaczonym polu kasujemy wpis i wklejamy kod zamieszczony poni\u017cej. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"411\" src=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard4-1024x411.png\" alt=\"\" class=\"wp-image-536\" srcset=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard4-1024x411.png 1024w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard4-300x121.png 300w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard4-768x309.png 768w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard4-800x321.png 800w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard4-776x310.png 776w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard4.png 1277w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"height-set:true height:300 lang:default decode:true \">type: horizontal-stack\ncards:\n  - type: custom:flex-horseshoe-card\n    view_layout:\n      grid-area: g1\n    entities:\n      - entity: sensor.sunsynk_solar_power\n        decimals: 0\n        unit: W\n        name: Produkcja PV\n      - entity: sensor.sunsynk_pv1_power\n        decimals: 0\n        unit: W\n        name: PV1\n      - entity: sensor.sunsynk_pv2_power\n        decimals: 0\n        unit: W\n        name: PV2\n      - entity: sensor.sunsynk_pv1_voltage\n        decimals: 0\n        unit: V\n      - entity: sensor.sunsynk_pv2_voltage\n        decimals: 0\n        unit: V\n      - entity: sensor.sunsynk_pv1_current\n        decimals: 1\n        unit: A\n      - entity: sensor.sunsynk_pv2_current\n        decimals: 1\n        unit: A\n      - entity: sensor.sunsynk_day_pv_energy\n        decimals: 2\n        unit: kWh\n        name: Produkcja\n      - entity: sensor.sunsynk_day_pv_energy\n        decimals: 2\n        unit: kWh\n        name: Docelowo prognoza\n    show:\n      horseshoe_style: autominmax\n    layout:\n      hlines:\n        - id: 0\n          xpos: 50\n          ypos: 40\n          length: 70\n          styles:\n            - opacity: 0.2;\n      vlines:\n        - id: 0\n          xpos: 50\n          ypos: 59\n          length: 36\n          styles:\n            - opacity: 0.2;\n      states:\n        - id: 0\n          entity_index: 0\n          xpos: 50\n          ypos: 33\n          styles:\n            - font-size: 3em;\n            - opacity: 0.9;\n        - id: 1\n          entity_index: 1\n          xpos: 47\n          ypos: 53\n          styles:\n            - font-size: 1.5em;\n            - text-anchor: end;\n        - id: 2\n          entity_index: 2\n          xpos: 53\n          ypos: 53\n          styles:\n            - text-anchor: start;\n            - font-size: 1.5em;\n        - id: 3\n          entity_index: 3\n          xpos: 46\n          ypos: 63\n          styles:\n            - text-anchor: end;\n            - font-size: 1.5em;\n        - id: 4\n          entity_index: 4\n          xpos: 53\n          ypos: 63\n          styles:\n            - text-anchor: start;\n            - font-size: 1.5em;\n        - id: 5\n          entity_index: 5\n          xpos: 46\n          ypos: 73\n          styles:\n            - text-anchor: end;\n            - font-size: 1.5em;\n        - id: 6\n          entity_index: 6\n          xpos: 53\n          ypos: 73\n          styles:\n            - text-anchor: start;\n            - font-size: 1.5em;\n        - id: 7\n          entity_index: 7\n          xpos: 0\n          ypos: 7\n          styles:\n            - text-anchor: start;\n            - font-size: 1.2em;\n        - id: 8\n          entity_index: 8\n          xpos: 75\n          ypos: 7\n          styles:\n            - text-anchor: start;\n            - font-size: 1.2em;\n      icons:\n        - id: 0\n          entity_index: 1\n          xpos: 1\n          ypos: 53\n          align: start\n          size: 1\n        - id: 1\n          entity_index: 2\n          xpos: 53\n          ypos: 65\n          align: end\n          size: 0.5\n      names:\n        - id: 0\n          entity_index: 0\n          xpos: 50\n          ypos: 95\n          styles:\n            - font-size: 1.2em;\n        - id: 1\n          entity_index: 1\n          xpos: 15\n          ypos: 45\n          styles:\n            - text-anchor: start;\n            - font-size: 0.5em;\n        - id: 2\n          entity_index: 2\n          xpos: 85\n          ypos: 45\n          styles:\n            - text-anchor: end;\n            - font-size: 0.5em;\n        - id: 3\n          entity_index: 7\n          xpos: 0\n          ypos: 12\n          styles:\n            - text-anchor: start;\n            - font-size: 0.5em;\n        - id: 4\n          entity_index: 8\n          xpos: 80\n          ypos: 12\n          styles:\n            - font-size: 0.5em;\n            - text-anchor: start;\n    horseshoe_scale:\n      min: 0\n      max: 7000\n      width: 6\n    color_stops:\n      '0': orange\n      '2000': orange\n    card_mod:\n      style: |\n        ha-card {\n          --ha-card-background: var(--card-background-color);\n          color: var(--primary-color); \n        }\n  - type: custom:flex-horseshoe-card\n    view_layout:\n      grid-area: g3\n    entities:\n      - entity: sensor.sunsynk_load_power\n        unit: W\n        name: Zu\u017cycie\n      - entity: sensor.sunsynk_grid_voltage_l1\n        decimals: 0\n        unit: V\n      - entity: sensor.sunsynk_inverter_frequency\n        decimals: 2\n        unit: Hz\n        name: Grid\n      - entity: sensor.sunsynk_grid_power\n        decimals: 0\n        unit: W\n        name: Grid\n      - entity: sensor.sunsynk_day_grid_import\n        decimals: 2\n        unit: kWh\n        name: Zakup\n      - entity: sensor.sunsynk_day_load_power\n        decimals: 2\n        unit: kWh\n        name: Zu\u017cycie\n    show:\n      horseshoe_style: autominmax\n    layout:\n      hlines:\n        - id: 0\n          xpos: 50\n          ypos: 40\n          length: 70\n          styles:\n            - opacity: 0.2;\n        - id: 0\n          xpos: 50\n          ypos: 60\n          length: 70\n          styles:\n            - opacity: 0.2;\n      vlines:\n        - id: 0\n          xpos: 50\n          ypos: 50\n          length: 18\n          styles:\n            - opacity: 0.2;\n      states:\n        - id: 0\n          entity_index: 0\n          xpos: 50\n          ypos: 33\n          styles:\n            - font-size: 3em;\n            - opacity: 0.9;\n        - id: 1\n          entity_index: 1\n          xpos: 44\n          ypos: 53\n          styles:\n            - font-size: 1.5em;\n            - text-anchor: end;\n        - id: 2\n          entity_index: 2\n          xpos: 55\n          ypos: 53\n          styles:\n            - text-anchor: start;\n            - font-size: 1.5em;\n        - id: 3\n          entity_index: 3\n          xpos: 42\n          ypos: 75\n          styles:\n            - text-anchor: start;\n            - font-size: 2em;\n        - id: 4\n          entity_index: 4\n          xpos: 75\n          ypos: 7\n          styles:\n            - text-anchor: start;\n            - font-size: 1.2em;\n        - id: 5\n          entity_index: 5\n          xpos: 0\n          ypos: 7\n          styles:\n            - text-anchor: start;\n            - font-size: 1.2em;\n      icons:\n        - id: 0\n          entity_index: 1\n          xpos: 30\n          ypos: 52\n          align: start\n          size: 1\n      names:\n        - id: 0\n          entity_index: 0\n          xpos: 50\n          ypos: 95\n          styles:\n            - font-size: 1.2em;\n        - id: 1\n          entity_index: 4\n          xpos: 85\n          ypos: 12\n          styles:\n            - font-size: 0.5em;\n            - text-anchor: start;\n        - id: 2\n          entity_index: 5\n          xpos: 0\n          ypos: 12\n          styles:\n            - font-size: 0.5em;\n            - text-anchor: start;\n        - id: 3\n          entity_index: 3\n          xpos: 44\n          ypos: 80\n          styles:\n            - font-size: 0.5em;\n            - text-anchor: start;\n    horseshoe_scale:\n      min: 0\n      max: 8000\n      width: 6\n    color_stops:\n      '0': '#5fb6ad'\n      '2000': '#5fb6ad'\n    card_mod:\n      style: |\n        ha-card {\n          --ha-card-background: var(--card-background-color);\n          color: var(--primary-color); \n        }\n  - type: custom:flex-horseshoe-card\n    view_layout:\n      grid-area: g2\n    entities:\n      - entity: sensor.sunsynk_battery_soc\n        decimals: 0\n        unit: '%'\n        name: BATERIA\n      - entity: sensor.sunsynk_battery_voltage\n        decimals: 2\n        unit: V\n      - entity: sensor.sunsynk_battery_current\n        decimals: 2\n        unit: A\n      - entity: sensor.sunsynk_battery_power\n        decimals: 0\n        unit: W\n      - entity: sensor.sunsynk_day_battery_discharge\n        decimals: 2\n        unit: kWh\n        name: Roz\u0142.\n      - entity: sensor.sunsynk_day_battery_charge\n        decimals: 2\n        unit: kWh\n        name: \u0141ad.\n    show:\n      horseshoe_style: autominmax\n    layout:\n      hlines:\n        - id: 0\n          xpos: 50\n          ypos: 40\n          length: 70\n          styles:\n            - opacity: 0.2;\n        - id: 0\n          xpos: 50\n          ypos: 60\n          length: 70\n          styles:\n            - opacity: 0.2;\n      vlines:\n        - id: 0\n          xpos: 50\n          ypos: 50\n          length: 18\n          styles:\n            - opacity: 0.2;\n      states:\n        - id: 0\n          entity_index: 0\n          xpos: 50\n          ypos: 33\n          styles:\n            - font-size: 3em;\n            - opacity: 0.9;\n        - id: 1\n          entity_index: 1\n          xpos: 44\n          ypos: 53\n          styles:\n            - font-size: 1.5em;\n            - text-anchor: end;\n        - id: 2\n          entity_index: 2\n          xpos: 55\n          ypos: 53\n          styles:\n            - text-anchor: start;\n            - font-size: 1.5em;\n        - id: 3\n          entity_index: 3\n          xpos: 34\n          ypos: 75\n          styles:\n            - text-anchor: start;\n            - font-size: 2em;\n        - id: 4\n          entity_index: 4\n          xpos: 76\n          ypos: 7\n          styles:\n            - text-anchor: start;\n            - font-size: 1.2em;\n        - id: 5\n          entity_index: 5\n          xpos: 0\n          ypos: 7\n          styles:\n            - text-anchor: start;\n            - font-size: 1.2em;\n      icons:\n        - id: 0\n          entity_index: 1\n          xpos: 30\n          ypos: 52\n          align: start\n          size: 1\n      names:\n        - id: 0\n          entity_index: 0\n          xpos: 50\n          ypos: 95\n          styles:\n            - font-size: 1.2em;\n        - id: 1\n          entity_index: 4\n          xpos: 81\n          ypos: 12\n          styles:\n            - font-size: 0.5em;\n            - text-anchor: start;\n        - id: 2\n          entity_index: 5\n          xpos: 0\n          ypos: 12\n          styles:\n            - font-size: 0.5em;\n            - text-anchor: start;\n    horseshoe_scale:\n      min: 0\n      max: 100\n      width: 6\n    color_stops:\n      '0': pink\n      '2000': pink\n    card_mod:\n      style: |\n        ha-card {\n          --ha-card-background: var(--card-background-color);\n          color: var(--primary-color);\n        }\n<\/pre><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Je\u017celi wszystkie encje s\u0105 prawid\u0142owe, po prawej stronie zobaczymy trzy zegary, zapisujemy. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"803\" height=\"913\" src=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard7.png\" alt=\"\" class=\"wp-image-541\" srcset=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard7.png 803w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard7-264x300.png 264w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard7-768x873.png 768w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard7-800x910.png 800w\" sizes=\"(max-width: 803px) 100vw, 803px\" \/><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Po zapisaniu zobaczymy widok jak poni\u017cej. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"426\" src=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard6-1024x426.png\" alt=\"\" class=\"wp-image-538\" srcset=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard6-1024x426.png 1024w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard6-300x125.png 300w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard6-768x319.png 768w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard6-1536x638.png 1536w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard6-800x332.png 800w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard6.png 1694w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Klikamy w prawym g\u00f3rnym rogu na GOTOWE i cieszymy si\u0119 widokiem \ud83d\ude42 <\/p>\n\n\n\n<p class=\"has-vivid-red-color has-text-color\"><strong>Rozwi\u0105zywanie problem\u00f3w z encjami! <\/strong><\/p>\n\n\n\n<p>Co je\u017celi natrafimy na jakie\u015b problemy? Jeden z cz\u0119\u015bciej spotykanych to &#8222;<strong>Custom element doesn&#8217;t exist: flex-horseshoe-car<\/strong>&#8221; <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"795\" height=\"903\" src=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard8.png\" alt=\"\" class=\"wp-image-543\" srcset=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard8.png 795w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard8-264x300.png 264w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard8-768x872.png 768w\" sizes=\"(max-width: 795px) 100vw, 795px\" \/><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Oznacza on, \u017ce nie mamy zainstalowanego dodatku &#8222;Flexible Horseshoe Card for Lovelace&#8221;. Rozwi\u0105zaniem jest instalacja brakuj\u0105cego dodatku. Jak to zrobi\u0107 opisa\u0142em <a href=\"https:\/\/hybrydaplus.pl\/index.php\/2023\/10\/14\/dashboard-niezbedne-dodatki\/\" style=\"color: red; text-decoration: underline;\"><strong>w tym wpisie.<\/strong><\/a>\n<\/p>\n\n\n\n<p>Drugim bardzo cz\u0119sto spotykanym problemem jest brak lub z\u0142a nazwa encji. Zobaczymy komunikat &#8222;<strong>Cannot read properties of undefined (reading 'state&#8217;)<\/strong>&#8222;. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"796\" height=\"911\" src=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard9.png\" alt=\"\" class=\"wp-image-546\" srcset=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard9.png 796w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard9-262x300.png 262w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard9-768x879.png 768w\" sizes=\"(max-width: 796px) 100vw, 796px\" \/><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>W tym przypadku rozwi\u0105zanie nie jest ju\u017c takie \u0142atwe. Nale\u017cy sprawdzi\u0107 wszystkie encje czy s\u0105 prawid\u0142owo wpisane. Osobi\u015bcie otwieram sobie drugie okno przegl\u0105darki w kt\u00f3rym otwieram rejestr encji Ustawienia=&gt;Urz\u0105dzenia oraz us\u0142ugi=&gt;Rejestr encji. Powinni\u015bmy zobaczy\u0107 taki widok: <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"511\" src=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard10-1-1024x511.png\" alt=\"\" class=\"wp-image-553\" srcset=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard10-1-1024x511.png 1024w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard10-1-300x150.png 300w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard10-1-768x384.png 768w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard10-1-1536x767.png 1536w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard10-1-800x400.png 800w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard10-1.png 1910w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Mo\u017cemy przej\u015b\u0107 do weryfikacji, zaznaczamy pierwsz\u0105 encje (1) wklejamy w pole wyszukiwania w rejestrze encji (2) i sprawdzamy czy taka encja istnieje (3). <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"511\" src=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard11-1024x511.png\" alt=\"\" class=\"wp-image-555\" srcset=\"https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard11-1024x511.png 1024w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard11-300x150.png 300w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard11-768x384.png 768w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard11-1536x767.png 1536w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard11-800x400.png 800w, https:\/\/hybrydaplus.pl\/wp-content\/uploads\/2023\/10\/Edycja-dashboard11.png 1908w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>W poprzednich artyku\u0142ach poznali\u015bmy podstawy encji, zanitowali\u015bmy niezb\u0119dne dodatki wi\u0119c mo\u017cemy przyst\u0105pi\u0107 do budowania naszego dashbordu. W tym wpisie przedstawi\u0119 Wam proste trzy &#8222;zegary&#8221;, kt\u00f3re przedstawiaj\u0105 90% najwa\u017cniejszych informacji na temat naszej hybrydy. Aby wszystko by\u0142o wy\u015bwietlane prawid\u0142owo konieczne jest zainstalowanie wszystkich dodatk\u00f3w opisanych w tym wpisie. W pierwszej kolejno\u015bci musimy zmieni\u0107 konfiguracj\u0119 naszego widoku. W tym celu udajemy si\u0119 do panelu, klikamy w trzy kropki w prawym g\u00f3rnym rogu (1) nast\u0119pnie w Edytuj<\/p>\n<p><a class=\"more-link\" href=\"https:\/\/hybrydaplus.pl\/index.php\/2023\/10\/29\/dashboard-pierwsze-kroki\/\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":538,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-530","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dashboard"],"_links":{"self":[{"href":"https:\/\/hybrydaplus.pl\/index.php\/wp-json\/wp\/v2\/posts\/530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hybrydaplus.pl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hybrydaplus.pl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hybrydaplus.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hybrydaplus.pl\/index.php\/wp-json\/wp\/v2\/comments?post=530"}],"version-history":[{"count":17,"href":"https:\/\/hybrydaplus.pl\/index.php\/wp-json\/wp\/v2\/posts\/530\/revisions"}],"predecessor-version":[{"id":603,"href":"https:\/\/hybrydaplus.pl\/index.php\/wp-json\/wp\/v2\/posts\/530\/revisions\/603"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hybrydaplus.pl\/index.php\/wp-json\/wp\/v2\/media\/538"}],"wp:attachment":[{"href":"https:\/\/hybrydaplus.pl\/index.php\/wp-json\/wp\/v2\/media?parent=530"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hybrydaplus.pl\/index.php\/wp-json\/wp\/v2\/categories?post=530"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hybrydaplus.pl\/index.php\/wp-json\/wp\/v2\/tags?post=530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}