Add plug control

This allows the user to turn Wi-Fi plugs on and off.

1 files changed, 60 insertions, 0 deletions

diff --git a/lib/ui.dart b/lib/ui.dart
index 67a830f..2c964ed 100644
--- a/lib/ui.dart
+++ b/lib/ui.dart
@@ -107,6 +107,11 @@ class DevicesPage extends StatelessWidget {
                 child: Text("Covers", style: TextStyle(fontSize: 22)),
               ),
               CoverList(),
+              Padding(
+                padding: EdgeInsets.all(15.0),
+                child: Text("Plugs", style: TextStyle(fontSize: 22)),
+              ),
+              PlugList(),
             ],
           ),
         ),
@@ -211,6 +216,61 @@ class CoverList extends StatelessWidget {
   }
 }
 
+class PlugList extends StatelessWidget {
+  const PlugList({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return  Consumer<AppState>(
+      builder: (BuildContext context, AppState state, Widget? child) {
+        return ListView.builder(
+          shrinkWrap: true,
+          physics: const NeverScrollableScrollPhysics(),
+          itemCount: state.plugs.length,
+          itemBuilder: (BuildContext context, int index) {
+            String plug = state.plugs.elementAt(index);
+            return Column(
+              children: <Widget>[
+                ListTile(
+                  leading: const Icon(Icons.outlet),
+                  title: Text(plug),
+                  trailing: Row(
+                    mainAxisSize: MainAxisSize.min,
+                    children: <Widget>[
+                      IconButton(
+                        icon: const Icon(Icons.flash_on),
+                        constraints: const BoxConstraints(),
+                        onPressed: () {
+                          state.publish(
+                            'plug/$plug/action',
+                            'on',
+                            MqttQos.exactlyOnce
+                          );
+                        },
+                      ),
+                      IconButton(
+                        icon: const Icon(Icons.flash_off),
+                        constraints: const BoxConstraints(),
+                        onPressed: () {
+                          state.publish(
+                            'plug/$plug/action',
+                            'off',
+                            MqttQos.exactlyOnce
+                          );
+                        },
+                      ),
+                    ],
+                  ),
+                ),
+              ],
+            );
+          },
+        );
+      },
+    );
+  }
+}
+
 class ConnectionStatus extends StatelessWidget {
   const ConnectionStatus({super.key});