Skip to content

Commit 6f926b1

Browse files
stvncodestvncode
committed
Quick fix for now for troubleshooting flash error
1 parent bf02e13 commit 6f926b1

File tree

4 files changed

+211
-174
lines changed

4 files changed

+211
-174
lines changed

‎home-assistant-connect-zwa-2/install-portable.html‎

Lines changed: 5 additions & 85 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,10 @@
1111
></script>
1212
<script type="module" src="../src/components/app-header.ts"></script>
1313
<script type="module" src="../src/pages/zwa2-install-portable.ts"></script>
14+
<script
15+
type="module"
16+
src="../src/components/troubleshooting-portable.ts"
17+
></script>
1418
<script type="module" src="../src/utils/dark-mode.ts"></script>
1519
<link
1620
rel="stylesheet"
@@ -63,59 +67,10 @@
6367
text-decoration: underline;
6468
}
6569

66-
.troubleshooting-container {
67-
max-width: 1200px;
68-
margin: 0 auto;
69-
margin-top: 30px;
70-
}
71-
72-
.troubleshooting-card {
73-
background: var(--app-bg-card);
74-
border-radius: 16px;
75-
padding: 26px 32px;
76-
padding-bottom: 10px;
77-
box-shadow: 0 2px 8px var(--app-shadow);
78-
margin: 20px 0 30px;
79-
}
80-
81-
.troubleshooting-card h3 {
82-
font-size: 1.2rem;
83-
font-weight: 600;
84-
}
85-
86-
.troubleshooting-card p {
87-
margin: 12px 0;
88-
line-height: 1.6;
89-
}
90-
91-
.troubleshooting-card ul,
92-
.troubleshooting-card ol {
93-
margin: 8px 0;
94-
padding-left: 24px;
95-
}
96-
97-
.troubleshooting-card li {
98-
margin: 8px 0;
99-
line-height: 1.6;
100-
}
101-
102-
.troubleshooting-card a {
103-
color: var(--wa-color-brand-50);
104-
text-decoration: none;
105-
}
106-
107-
.troubleshooting-card a:hover {
108-
text-decoration: underline;
109-
}
110-
11170
@media (max-width: 1200px) {
11271
.installer-wrapper {
11372
padding: 0 20px;
11473
}
115-
116-
.troubleshooting-container {
117-
padding: 0 20px;
118-
}
11974
}
12075
</style>
12176
</head>
@@ -142,41 +97,6 @@
14297
installerContainer.appendChild(warningCard);
14398
}
14499
</script>
145-
<div class="troubleshooting-container">
146-
<div class="troubleshooting-card">
147-
<h3>Troubleshooting</h3>
148-
<p>
149-
Make sure the ZWA-2 is connected to the same network as Home
150-
Assistant.
151-
</p>
152-
<p>
153-
Make sure you configure both the discovered ZWA-2 ESPHome and Z-Wave
154-
configurations in Home Assistant.
155-
</p>
156-
<p>
157-
If Home Assistant is connected and you are not able to see your Z-Wave
158-
devices, restore the backup.
159-
</p>
160-
<ol type="a">
161-
<li>
162-
You can do this on the
163-
<a
164-
href="https://my.home-assistant.io/redirect/config_zwave_js/"
165-
target="_blank"
166-
rel="noopener noreferrer"
167-
>Z-Wave config panel in Home Assistant</a
168-
>. Config -> Devices & services -> Z-Wave -> Settings icon.
169-
</li>
170-
<li>Restore backup is at the bottom of the page.</li>
171-
</ol>
172-
<p>
173-
If you are unable to get it to work, revert back by
174-
<a href="/home-assistant-connect-zwa-2/install"
175-
>installing the original firmware</a
176-
>
177-
and connect it directly to Home Assistant.
178-
</p>
179-
</div>
180-
</div>
100+
<troubleshooting-portable></troubleshooting-portable>
181101
</body>
182102
</html>

‎home-assistant-connect-zwa-2/use-poe.html‎

Lines changed: 5 additions & 89 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,10 @@
77
<title>ZWA2 - Device Toolbox</title>
88
<script type="module" src="../src/pages/zwa2-install-poe.ts"></script>
99
<script type="module" src="../src/components/app-header.ts"></script>
10+
<script
11+
type="module"
12+
src="../src/components/troubleshooting-poe.ts"
13+
></script>
1014
<script type="module" src="../src/utils/dark-mode.ts"></script>
1115
<script
1216
type="module"
@@ -34,7 +38,6 @@
3438
.installer-card {
3539
background: var(--app-bg-card);
3640
border-radius: 16px;
37-
padding: 20px;
3841
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
3942
margin: 20px 0;
4043
}
@@ -63,59 +66,10 @@
6366
text-decoration: underline;
6467
}
6568

66-
.troubleshooting-container {
67-
max-width: 1200px;
68-
margin: 0 auto;
69-
margin-top: 30px;
70-
}
71-
72-
.troubleshooting-card {
73-
background: var(--app-bg-card);
74-
border-radius: 16px;
75-
padding: 26px 32px;
76-
padding-bottom: 10px;
77-
box-shadow: 0 2px 8px var(--app-shadow);
78-
margin: 20px 0 30px;
79-
}
80-
81-
.troubleshooting-card h3 {
82-
font-size: 1.2rem;
83-
font-weight: 600;
84-
}
85-
86-
.troubleshooting-card p {
87-
margin: 12px 0;
88-
line-height: 1.6;
89-
}
90-
91-
.troubleshooting-card ul,
92-
.troubleshooting-card ol {
93-
margin: 8px 0;
94-
padding-left: 24px;
95-
}
96-
97-
.troubleshooting-card li {
98-
margin: 8px 0;
99-
line-height: 1.6;
100-
}
101-
102-
.troubleshooting-card a {
103-
color: var(--wa-color-brand-50);
104-
text-decoration: none;
105-
}
106-
107-
.troubleshooting-card a:hover {
108-
text-decoration: underline;
109-
}
110-
11169
@media (max-width: 1200px) {
11270
.installer-wrapper {
11371
padding: 0 20px;
11472
}
115-
116-
.troubleshooting-container {
117-
padding: 0 20px;
118-
}
11973
}
12074
</style>
12175
</head>
@@ -144,44 +98,6 @@
14498
installerContainer.appendChild(warningCard);
14599
}
146100
</script>
147-
<div class="troubleshooting-container">
148-
<div class="troubleshooting-card">
149-
<h3>Troubleshooting</h3>
150-
<p>
151-
Make sure the Waveshare ESP32-PoE board is connected to the same
152-
network as Home Assistant.
153-
</p>
154-
<p>
155-
Make sure you configure both the discovered ZWA-2 ESPHome and Z-Wave
156-
configurations in Home Assistant.
157-
</p>
158-
<p>
159-
If Home Assistant is connected and you are not able to see your Z-Wave
160-
devices, restore the backup.
161-
</p>
162-
<ol type="a">
163-
<li>
164-
You can do this on the
165-
<a
166-
href="https://my.home-assistant.io/redirect/config_zwave_js/"
167-
target="_blank"
168-
rel="noopener noreferrer"
169-
>Z-Wave config panel in Home Assistant</a
170-
>. Config -> Devices & services -> Z-Wave -> Settings icon.
171-
</li>
172-
<li>Restore backup is at the bottom of the page.</li>
173-
</ol>
174-
<p>
175-
If you are unable to get it to work,
176-
<a
177-
href="https://toolbox.openhomefoundation.org/home-assistant-connect-zwa-2/install"
178-
target="_blank"
179-
rel="noopener noreferrer"
180-
>revert back to the original firmware</a
181-
>
182-
and connect the ZWA-2 directly to Home Assistant.
183-
</p>
184-
</div>
185-
</div>
101+
<troubleshooting-poe></troubleshooting-poe>
186102
</body>
187103
</html>

‎src/components/troubleshooting-poe.ts‎

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
import { LitElement, css, html } from 'lit';
2+
import { customElement } from 'lit/decorators.js';
3+
4+
@customElement('troubleshooting-poe')
5+
export class TroubleshootingPoe extends LitElement {
6+
static styles = css`
7+
.troubleshooting-container {
8+
max-width: 1200px;
9+
margin: 0 auto;
10+
margin-top: 30px;
11+
}
12+
13+
.troubleshooting-card {
14+
background: var(--app-bg-card);
15+
border-radius: 16px;
16+
padding: 1px 32px;
17+
18+
box-shadow: 0 2px 8px var(--app-shadow);
19+
margin: 20px 0 30px;
20+
}
21+
22+
.troubleshooting-card h3 {
23+
font-size: 1.2rem;
24+
font-weight: 600;
25+
}
26+
27+
.troubleshooting-card p {
28+
margin: 12px 0;
29+
line-height: 1.6;
30+
}
31+
32+
.troubleshooting-card ul,
33+
.troubleshooting-card ol {
34+
margin: 8px 0;
35+
padding-left: 24px;
36+
}
37+
38+
.troubleshooting-card li {
39+
margin: 8px 0;
40+
line-height: 1.6;
41+
}
42+
43+
.troubleshooting-card a {
44+
color: var(--wa-color-brand-50);
45+
text-decoration: none;
46+
}
47+
48+
.troubleshooting-card a:hover {
49+
text-decoration: underline;
50+
}
51+
52+
@media (max-width: 1200px) {
53+
.troubleshooting-container {
54+
padding: 0 20px;
55+
}
56+
}
57+
`;
58+
59+
render() {
60+
return html`
61+
<div class="troubleshooting-container">
62+
<div class="troubleshooting-card">
63+
<h3>Troubleshooting</h3>
64+
<p>
65+
Make sure the Waveshare ESP32-PoE board is connected to the same
66+
network as Home Assistant.
67+
</p>
68+
<p>
69+
Make sure you configure both the discovered ZWA-2 ESPHome and Z-Wave
70+
configurations in Home Assistant.
71+
</p>
72+
<p>
73+
If Home Assistant is connected and you are not able to see your
74+
Z-Wave devices, restore the backup.
75+
</p>
76+
<ol type="a">
77+
<li>
78+
You can do this on the
79+
<a
80+
href="https://my.home-assistant.io/redirect/config_zwave_js/"
81+
target="_blank"
82+
rel="noopener noreferrer"
83+
>Z-Wave config panel in Home Assistant</a
84+
>. Config -> Devices & services -> Z-Wave -> Settings icon.
85+
</li>
86+
<li>Restore backup is at the bottom of the page.</li>
87+
</ol>
88+
<p>
89+
If you are unable to get it to work,
90+
<a
91+
href="https://toolbox.openhomefoundation.org/home-assistant-connect-zwa-2/install"
92+
target="_blank"
93+
rel="noopener noreferrer"
94+
>revert back to the original firmware</a
95+
>
96+
and connect the ZWA-2 directly to Home Assistant.
97+
</p>
98+
</div>
99+
</div>
100+
`;
101+
}
102+
}

0 commit comments

Comments
 (0)