diff --git a/source/_posts/2023-04-05-release-20234.markdown b/source/_posts/2023-04-05-release-20234.markdown index e31a89d28a6..906a745fab0 100644 --- a/source/_posts/2023-04-05-release-20234.markdown +++ b/source/_posts/2023-04-05-release-20234.markdown @@ -48,10 +48,7 @@ Enjoy the (beta) release! -- [New dialogs for alarms, covers and fans](#new-dialogs-for-alarms-covers-and-fans) - - [Alarm control panel](#alarm-control-panel) - - [Covers](#covers) - - [Fans](#fans) +- [New dialogs for alarm, cover, and fan entities](#new-dialogs-for-alarm-cover-and-fan-entities) - [New features for the Tile card](#new-features-for-the-tile-card) - [Macros for your templates](#macros-for-your-templates) - [More new templating features](#more-new-templating-features) @@ -70,66 +67,57 @@ Don't forget to [join our release party live stream on YouTube](https://www.yout -## New dialogs for alarms, covers, and fans +## New dialogs for alarm, cover, and fan entities -{% details "TODO" %} - -- Improve/extend story -- Proof read/spelling/grammar -- Replace screenshots/clips - -* Add more info alarm control panel (#15893) @piitaya - https://github.com/home-assistant/frontend/pull/15893 -* Add cover new more info (#15694) @piitaya - https://github.com/home-assistant/frontend/pull/15694 -* Add fan new more info (#15843) @piitaya - https://github.com/home-assistant/frontend/pull/15843 - -{% enddetails %} - -[The previous release](/blog/2023/03/01/release-20233/) brought in new entity -dialogs for lights, switches and sirens; and is seems like you really liked it! +[The previous release](/blog/2023/03/01/release-20233/#new-dialogs-for-lights-switches-and-siren-entities) +brought in new entity dialogs for lights, switches, and sirens; it seems +many of you really liked it! So, this release [@piitaya] kept on trucking, implementing the designs -by [@matthiasdebaat], bringing in new entity dialogs for alarm control panels, -covers, and fans! +by [@matthiasdebaat], bringing the same new clean and neat UI in entity dialogs +for alarm control panels, covers, and fans! -### Alarm control panel +### Covers -Temporary recording by [@piitaya] from the pull request. +First up, covers! For covers, there are many variants, doors, windows, curtains, +blinds, shutters, etc. Not just that, some can be controlled by how far they +are open/closed, and others can only be opened and closed. - +This is no problem for the new dialogs. They will adjust to the capabilities +your cover has: -### Covers +Screenshots showing the new cover entity information dialogs. -Covers have many variants. Here are a couple. +The one on the left is interesting, as the first slider controls how far down +the blinds are. Notice how it slides in from the top! The slider directly next +to it controls the tilt. Nice! + +### Fans + +Next up, the fan entities. The UI experience shown in the dialog will +automatically adjust to the capabilities of the fan you are controlling, just +like with covers. + +Screenshots showing the new fan entity information dialogs. + +Depending on the number of speed steps your fan has, the dialog will +automatically adjust the UI. In case it has four speed steps or less, it will +show the speed buttons as on the left screenshot. Otherwise, it will use the +slider shown on the most right screenshot. + +### Alarm control panels + +Lastly, the alarm control panel entities. They are a bit different compared +to others as, more often, these require one to input a code to arm or disarm +the alarm.

-Temporary placeholder screenshot. Needs replacement. -Note: This is a temporary placeholder screenshot. Needs replacement. -

+Screenrecording showing the new alarm control panel entity information dialogs work with the pin-input. +This is how arming and disarming an alarm now looks like. +


-

-Temporary placeholder screenshot. Needs replacement. -Note: This is a temporary placeholder screenshot. Needs replacement. -

- -

-Temporary placeholder screenshot. Needs replacement. -Note: This is a temporary placeholder screenshot. Needs replacement. -

- -### Fans - -

-Temporary placeholder screenshot. Needs replacement. -Note: This is a temporary placeholder screenshot. Needs replacement. -

- -

-Temporary placeholder screenshot. Needs replacement. -Note: This is a temporary placeholder screenshot. Needs replacement. -

+When needed, the pin-pad will pop up! A nice finishing touch is the neat little +animation is shown during the process of arming and disarming the alarm. [@matthiasdebaat]: https://github.com/matthiasdebaat [@piitaya]: https://github.com/piitaya diff --git a/source/images/blog/2023-04/entity-dialog-alarms.gif b/source/images/blog/2023-04/entity-dialog-alarms.gif new file mode 100644 index 00000000000..1422d9b979b Binary files /dev/null and b/source/images/blog/2023-04/entity-dialog-alarms.gif differ diff --git a/source/images/blog/2023-04/entity-dialog-covers.png b/source/images/blog/2023-04/entity-dialog-covers.png new file mode 100644 index 00000000000..d994f92bc4d Binary files /dev/null and b/source/images/blog/2023-04/entity-dialog-covers.png differ diff --git a/source/images/blog/2023-04/entity-dialog-fans.png b/source/images/blog/2023-04/entity-dialog-fans.png new file mode 100644 index 00000000000..a5d8aed21e3 Binary files /dev/null and b/source/images/blog/2023-04/entity-dialog-fans.png differ