feat: Uicons by Flaticon (#234)

.vscode/settings.json

@@ -1,4 +1,10 @@
 {
+  "[dart]": {
+    // https://dartcode.org/docs/recommended-settings/
+    "editor.rulers": [80],
+    "editor.formatOnSave": true,
+    "editor.formatOnType": true
+  },
   "[json]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
@@ -19,6 +25,8 @@
     "dtos",
     "Dtos",
     "emma",
+    "flaticon",
+    "Flaticon",
     "Flurl",
     "hcloud",
     "keycloak",
@@ -36,6 +44,8 @@
     "Relayout",
     "Riok",
     "trid",
+    "uicons",
+    "Uicons",
     "validatable",
     "Vogen"
   ]

README.md

@@ -11,3 +11,9 @@
 ## Contributing
 
 See [docs/CONTRIBUTING.md](docs/CONTRIBUTING.md).
+
+---
+
+Attributions:
+
+- Uicons by [Flaticon](https://www.flaticon.com/uicons)

app/lib/ui/analytics/analytics_range_picker.dart

@@ -1,6 +1,6 @@
 import 'package:openems/ui/analytics/analytics_period.dart';
 import 'package:openems/ui/analytics/analytics_view_model.dart';
-import 'package:openems/ui/app_icons.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:flutter/material.dart';
 import 'package:intl/intl.dart';
 import 'package:signals/signals_flutter.dart';

app/lib/ui/analytics/metrics/analytics_metric_card.dart

@@ -1,4 +1,4 @@
-import 'package:openems/ui/app_icons.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:flutter/material.dart';
 
 class AnalyticsMetricCard extends StatelessWidget {

app/lib/ui/analytics/metrics/own_consumption_metric_view.dart

@@ -1,5 +1,6 @@
 import 'package:openems/ui/analytics/metrics/analytics_circular_percentage_indicator.dart';
 import 'package:openems/ui/analytics/metrics/analytics_metric_card.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:openems/ui/shared/unit_text.dart';
 import 'package:flutter/material.dart';
 
@@ -38,7 +39,7 @@ class OwnConsumptionMetricView extends StatelessWidget {
             TableRow(
               children: [
                 Icon(
-                  Icons.circle,
+                  AppIcons.circle,
                   color: Theme.of(context).colorScheme.primary,
                 ),
                 const Text("Eigenverbrauch:"),
@@ -51,7 +52,7 @@ class OwnConsumptionMetricView extends StatelessWidget {
             TableRow(
               children: [
                 Icon(
-                  Icons.circle,
+                  AppIcons.circle,
                   color: Theme.of(context).colorScheme.secondaryContainer,
                 ),
                 const Text("Einspeisung:"),

app/lib/ui/analytics/metrics/self_sufficiency_metric_view.dart

@@ -1,6 +1,7 @@
 import 'package:openems/ui/analytics/metrics/analytics_metric_card.dart';
 import 'package:flutter/material.dart';
 import 'package:openems/ui/analytics/metrics/analytics_circular_percentage_indicator.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:openems/ui/shared/unit_text.dart';
 
 class SelfSufficiencyMetricView extends StatelessWidget {
@@ -35,7 +36,7 @@ class SelfSufficiencyMetricView extends StatelessWidget {
             TableRow(
               children: [
                 Icon(
-                  Icons.circle,
+                  AppIcons.circle,
                   color: Theme.of(context).colorScheme.primary,
                 ),
                 const Text("Eigenverbrauch:"),
@@ -48,7 +49,7 @@ class SelfSufficiencyMetricView extends StatelessWidget {
             TableRow(
               children: [
                 Icon(
-                  Icons.circle,
+                  AppIcons.circle,
                   color: Theme.of(context).colorScheme.secondaryContainer,
                 ),
                 const Text("Zukauf:"),

app/lib/ui/app_messenger.dart

@@ -1,4 +1,4 @@
-import 'package:openems/ui/app_icons.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:openems/ui/commands/command.dart';
 import 'package:flutter/material.dart';
 import 'package:signals/signals_flutter.dart';

app/lib/ui/devices/add/integrations/development_screen.dart

@@ -1,7 +1,7 @@
 import 'package:openems/application/backend_api/swagger_generated_code/backend_api.enums.swagger.dart';
 import 'package:openems/application/backend_api/swagger_generated_code/backend_api.models.swagger.dart';
 import 'package:openems/domain/integrations/known_integrations.dart';
-import 'package:openems/ui/app_icons.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:openems/ui/app_navigator.dart';
 import 'package:openems/ui/devices/add/add_consumer_screen.dart';
 import 'package:openems/ui/devices/add/add_electricity_meter_screen.dart';

app/lib/ui/devices/add/integrations/shelly_screen.dart

@@ -2,7 +2,7 @@ import 'dart:async';
 
 import 'package:openems/application/backend_api/swagger_generated_code/backend_api.swagger.dart';
 import 'package:openems/domain/integrations/known_integrations.dart';
-import 'package:openems/ui/app_icons.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:openems/ui/app_navigator.dart';
 import 'package:openems/ui/devices/add/add_consumer_screen.dart';
 import 'package:openems/ui/devices/add/add_electricity_meter_screen.dart';

app/lib/ui/devices/add/select_device_category_screen.dart

@@ -1,5 +1,5 @@
 import 'package:openems/application/backend_api/swagger_generated_code/backend_api.enums.swagger.dart';
-import 'package:openems/ui/app_icons.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:openems/ui/app_navigator.dart';
 import 'package:openems/ui/devices/add/widgets/abort_add_button.dart';
 import 'package:openems/ui/devices/add/widgets/add_device_step_explanation.dart';

app/lib/ui/devices/add/select_integration_screen.dart

@@ -1,6 +1,6 @@
 import 'package:openems/application/backend_api/swagger_generated_code/backend_api.enums.swagger.dart';
 import 'package:openems/domain/integrations/known_integrations.dart';
-import 'package:openems/ui/app_icons.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:openems/ui/app_navigator.dart';
 import 'package:openems/ui/devices/add/integrations/development_screen.dart';
 import 'package:openems/ui/devices/add/widgets/abort_add_button.dart';

app/lib/ui/devices/add/widgets/abort_add_button.dart

@@ -1,4 +1,4 @@
-import 'package:openems/ui/app_icons.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:openems/ui/app_navigator.dart';
 import 'package:openems/ui/shared/app_bar_action_button.dart';
 import 'package:flutter/material.dart';

app/lib/ui/devices/consumers/switch_consumer_list_item.dart

@@ -1,4 +1,4 @@
-import 'package:openems/ui/app_icons.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:openems/ui/app_navigator.dart';
 import 'package:openems/ui/devices/consumers/edit_switch_consumer_screen.dart';
 import 'package:openems/ui/devices/consumers/switch_consumer_view_model.dart';

app/lib/ui/devices/devices_screen.dart

@@ -1,4 +1,4 @@
-import 'package:openems/ui/app_icons.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:openems/ui/app_navigator.dart';
 import 'package:openems/ui/devices/add/select_device_category_screen.dart';
 import 'package:openems/ui/devices/devices_view_model.dart';
@@ -47,7 +47,7 @@ class _DevicesScreenState extends State<DevicesScreen> {
           actions: [
             const AppBarActionButton(
               onPressed: noop,
-              icon: Icon(Icons.low_priority),
+              icon: Icon(AppIcons.priority),
             ),
             AppBarActionButton(
               onPressed: _startAddFlow,

app/lib/ui/devices/meters/electricity_meter_list_item.dart

@@ -1,6 +1,6 @@
 import 'package:openems/application/backend_api/value_types.dart';
 import 'package:openems/application/backend_api/swagger_generated_code/backend_api.swagger.dart';
-import 'package:openems/ui/app_icons.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:openems/ui/app_navigator.dart';
 import 'package:openems/ui/devices/meters/edit_electricity_meter_screen.dart';
 import 'package:openems/ui/devices/meters/electricity_meter_view_model.dart';
@@ -28,11 +28,11 @@ class ElectricityMeterListItem extends StatelessWidget {
               GridPowerDirection.none =>
                 const OnOffIndicator(status: false),
               GridPowerDirection.consume => Icon(
-                  AppIcons.arrow_flow_down_double,
+                  AppIcons.flow_down_double,
                   color: colorScheme.error,
                 ),
               GridPowerDirection.feedin => Icon(
-                  AppIcons.arrow_flow_up_double,
+                  AppIcons.flow_up_double,
                   color: colorScheme.primary,
                 )
             },

app/lib/ui/devices/producers/producer_list_item.dart

@@ -1,5 +1,5 @@
 import 'package:openems/application/backend_api/value_types.dart';
-import 'package:openems/ui/app_icons.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:openems/ui/app_navigator.dart';
 import 'package:openems/ui/devices/producers/edit_producer_screen.dart';
 import 'package:openems/ui/devices/producers/producer_view_model.dart';

app/lib/ui/home/home_screen.dart

@@ -1,4 +1,4 @@
-import 'package:openems/ui/app_icons.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:openems/ui/app_navigator.dart';
 import 'package:openems/ui/home/home_view_model.dart';
 import 'package:openems/ui/home/profile/profile_screen.dart';
@@ -42,7 +42,7 @@ class _HomeScreenState extends State<HomeScreen> {
       appBar: AppBar(
         actions: [
           AppBarActionButton(
-            icon: const Icon(AppIcons.person_outlined),
+            icon: const Icon(AppIcons.person),
             onPressed: () => AppNavigator.push(const ProfileScreen()),
           ),
         ],

app/lib/ui/home/profile/development/screen_size_selector.dart

@@ -1,5 +1,6 @@
 import 'package:openems/infrastructure/window_size_writer.dart';
 import 'package:flutter/material.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 
 class ScreenSizeSelector extends StatefulWidget {
   const ScreenSizeSelector({super.key});
@@ -27,7 +28,7 @@ class _ScreenSizeSelectorState extends State<ScreenSizeSelector> {
         ),
         IconButton(
           onPressed: () => WindowSizeWriter.toggleOrientation(),
-          icon: const Icon(Icons.rotate_right),
+          icon: const Icon(AppIcons.rotate_right),
         )
       ],
     );

app/lib/ui/home/profile/information_screen.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:url_launcher/url_launcher_string.dart';
 
 class AboutScreen extends StatelessWidget {
@@ -11,13 +12,13 @@ class AboutScreen extends StatelessWidget {
     final items = <Widget>[
       ListTile(
         title: const Text("Impressum"),
-        trailing: const Icon(Icons.open_in_new),
+        trailing: const Icon(AppIcons.open_in_new),
         onTap: () =>
             launchUrlString("https://opencleanenergy.org/legal-notice/"),
       ),
       ListTile(
         title: const Text("Datenschutz"),
-        trailing: const Icon(Icons.open_in_new),
+        trailing: const Icon(AppIcons.open_in_new),
         onTap: () =>
             launchUrlString("https://opencleanenergy.org/privacy-policy/"),
       ),
@@ -29,8 +30,16 @@ class AboutScreen extends StatelessWidget {
               padding: EdgeInsets.only(left: 16.0),
               child: Text("IconKitchen"),
             ),
-            trailing: const Icon(Icons.open_in_new),
+            trailing: const Icon(AppIcons.open_in_new),
             onTap: () => launchUrlString("https://icon.kitchen"),
+          ),
+          ListTile(
+            title: const Padding(
+              padding: EdgeInsets.only(left: 16.0),
+              child: Text("Uicons by Flaticon"),
+            ),
+            trailing: const Icon(AppIcons.open_in_new),
+            onTap: () => launchUrlString("https://www.flaticon.com/uicons"),
           )
         ],
       )

app/lib/ui/home/profile/profile_screen.dart

@@ -1,5 +1,5 @@
 import 'package:openems/infrastructure/window_size_writer.dart';
-import 'package:openems/ui/app_icons.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:openems/ui/app_navigator.dart';
 import 'package:openems/ui/home/profile/information_screen.dart';
 import 'package:openems/ui/home/profile/version_info.dart';
@@ -36,7 +36,7 @@ class _ProfileScreenState extends State<ProfileScreen> {
         onTap: () => AppNavigator.push(const AboutScreen()),
       ),
       ListTile(
-        leading: const Icon(Icons.bug_report),
+        leading: const Icon(AppIcons.logs),
         title: const Text(LogsScreen.title),
         trailing: const Icon(AppIcons.arrow_next),
         onTap: () => AppNavigator.push(const LogsScreen()),
@@ -54,8 +54,9 @@ class _ProfileScreenState extends State<ProfileScreen> {
 
     if (WindowSizeWriter.isSupported) {
       items.add(const ListTile(
-          leading: Icon(Icons.fit_screen_rounded),
-          title: ScreenSizeSelector()));
+        leading: Icon(AppIcons.screen),
+        title: ScreenSizeSelector(),
+      ));
     }
 
     items.add(

app/lib/ui/home/status/battery_status_indicator.dart

@@ -1,4 +1,4 @@
-import 'package:openems/ui/app_icons.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:openems/ui/home/home_view_model.dart';
 import 'package:openems/ui/home/status/status_indicator.dart';
 import 'package:flutter/material.dart';
@@ -27,13 +27,10 @@ class BatteryStatusIndicator extends StatelessWidget {
 
   IconData _getBatteryIcon() {
     const icons = [
-      AppIcons.battery_0_bar,
+      AppIcons.battery_empty,
       AppIcons.battery_1_bar,
       AppIcons.battery_2_bar,
       AppIcons.battery_3_bar,
-      AppIcons.battery_4_bar,
-      AppIcons.battery_5_bar,
-      AppIcons.battery_6_bar,
       AppIcons.battery_full,
     ];
 

app/lib/ui/home/status/grid_status_indicator.dart

@@ -1,5 +1,5 @@
 import 'package:openems/application/backend_api/swagger_generated_code/backend_api.enums.swagger.dart';
-import 'package:openems/ui/app_icons.dart';
+import 'package:openems/ui/icons/app_icons.dart';
 import 'package:openems/ui/home/home_view_model.dart';
 import 'package:openems/ui/home/status/status_indicator.dart';
 import 'package:flutter/material.dart';
@@ -37,7 +37,7 @@ class _GridStatusIndicatorState extends State<GridStatusIndicator> {
   @override
   Widget build(BuildContext context) {
     return StatusIndicator(
-      icon: signal(AppIcons.transmission_tower),
+      icon: signal(AppIcons.power_grid),
       value: widget.viewModel.currentPower,
       maxValue: _maximumPower,
       unit: "W",