jeans/esp-web-tools
jeans/esp-web-tools
1
0
Fork 0
mirror of https://github.com/esphome/esp-web-tools.git synced 2025-07-28 06:06:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add icons and rename logs (#106)

Browse Source
This commit is contained in:
Paulus Schoutsen 2021-11-10 21:54:28 -08:00 committed by GitHub
parent 4f2fa22a96
commit 5e30f3bcd3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 33 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/install-dialog.ts
View File

@ -158,9 +158,30 @@ class EwtInstallDialog extends LitElement {
let allowClosing = true; let allowClosing = true;
content = html` content = html`
<div class="device-info"> <table>
${this._info!.firmware}&nbsp;${this._info!.version} <tr>
</div> <td>
<svg viewBox="0 0 24 24">
<path
fill="currentColor"
d="M9.5,8.5L11,10L8,13L11,16L9.5,17.5L5,13L9.5,8.5M14.5,17.5L13,16L16,13L13,10L14.5,8.5L19,13L14.5,17.5M21,2H3A2,2 0 0,0 1,4V20A2,2 0 0,0 3,22H21A2,2 0 0,0 23,20V4A2,2 0 0,0 21,2M21,20H3V6H21V20Z"
/>
</svg>
</td>
<td>${this._info!.firmware}&nbsp;${this._info!.version}</td>
</tr>
<tr>
<td>
<svg viewBox="0 0 24 24">
<path
fill="currentColor"
d="M6,4H18V5H21V7H18V9H21V11H18V13H21V15H18V17H21V19H18V20H6V19H3V17H6V15H3V13H6V11H3V9H6V7H3V5H6V4M11,15V18H12V15H11M13,15V18H14V15H13M15,15V18H16V15H15Z"
/>
</svg>
</td>
<td>${this._info!.chipFamily}</td>
</tr>
</table>
<div class="dashboard-buttons"> <div class="dashboard-buttons">
${!this._isSameVersion ${!this._isSameVersion
? html` ? html`
@ -218,7 +239,7 @@ class EwtInstallDialog extends LitElement {
</div> </div>
<div> <div>
<ewt-button <ewt-button
label="Logs" label="Logs & Console"
@click=${async () => { @click=${async () => {
const client = this._client; const client = this._client;
if (client) { if (client) {
@ -716,6 +737,14 @@ class EwtInstallDialog extends LitElement {
right: 4px; right: 4px;
top: 10px; top: 10px;
} }
table {
border-spacing: 0;
color: rgba(0, 0, 0, 0.6);
}
table svg {
width: 20px;
margin-right: 8px;
}
ewt-textfield { ewt-textfield {
display: block; display: block;
margin-top: 16px; margin-top: 16px;