From fc8f270a9f229912aabe0fc78399d226b1130f85 Mon Sep 17 00:00:00 2001 From: Otto Winter Date: Fri, 22 Feb 2019 21:18:56 +0100 Subject: [PATCH] Improve dashboard setup wizard (#450) --- esphome/dashboard/static/esphome.css | 1 + esphome/dashboard/templates/index.html | 58 ++++++++++++-------------- 2 files changed, 28 insertions(+), 31 deletions(-) diff --git a/esphome/dashboard/static/esphome.css b/esphome/dashboard/static/esphome.css index c0cf46ecf4..2e2b4787a6 100644 --- a/esphome/dashboard/static/esphome.css +++ b/esphome/dashboard/static/esphome.css @@ -150,6 +150,7 @@ ul.stepper:not(.horizontal) .step.active::before, ul.stepper:not(.horizontal) .s .select-action { width: auto !important; height: auto !important; + white-space: nowrap; } .tap-target-wrapper { diff --git a/esphome/dashboard/templates/index.html b/esphome/dashboard/templates/index.html index aa298a5f72..a478bdf190 100644 --- a/esphome/dashboard/templates/index.html +++ b/esphome/dashboard/templates/index.html @@ -35,8 +35,9 @@
Select Upload Port

Here you can select where ESPHome will attempt to show logs and upload firmwares to. - By default, this is "OTA", or Over-The-Air. Note that you might have to restart the Hass.io add-on - for new serial ports to be detected. + For newly plugged in serial devices to be detected, restart the add-on. + (Also see + esphomeflasher)

@@ -151,27 +152,24 @@

- Hi there! I'm the ESPHome setup wizard and will guide you through setting up + Hi there! This is the ESPHome setup wizard. It will guide you through setting up your first ESP8266 or ESP32-powered device using ESPHome.

ESP8266s and their successors (the ESP32s) are great low-cost microcontrollers that can communicate with the outside world using WiFi. They're found in many devices such as the popular Sonoff/iTead, but also exist as development boards - such as the NodeMCU. + such as the NodeMCU.

- ESPHome, + ESPHome, the tool you're using here, creates custom firmwares for these devices using YAML configuration files (similar to the ones you might be used to with Home Assistant).

This wizard will create a basic YAML configuration file for your "node" (the microcontroller). - Later, you will be able to customize this file and add some of ESPHome's - many integrations. + Later, you will be able to customize this file and add some of ESPHome's many + integrations.

First, I need to know what this node should be called. Choose this name wisely, it should be unique among @@ -196,8 +194,11 @@

Great! Now I need to know what type of microcontroller you're using so that I can compile firmware for them. - Please choose the board you're using below. If you're not sure you can also use similar ones - or even the "Generic" option. In most cases that will work too. + Please choose the board you're using below. +

+

+ If you're not sure you can also use similar ones or even the + "Generic" option. In most cases that will work too.