loadable state is now detecting device connection status on failure

lib/state/widgets/components/background_loading_indicator.dart

@@ -0,0 +1,21 @@
+import 'package:flutter/material.dart';
+
+class BackgroundLoadingIndicator extends StatelessWidget {
+  final bool visible;
+  const BackgroundLoadingIndicator({required this.visible, super.key});
+
+  final Duration animationDuration = const Duration(milliseconds: 200);
+
+  @override
+  Widget build(BuildContext context) => AnimatedSwitcher(
+      duration: animationDuration,
+      transitionBuilder: (Widget child, Animation<double> animation) => SlideTransition(
+        position: Tween<Offset>(
+          begin: const Offset(0.0, -1.0),
+          end: Offset.zero,
+        ).animate(animation),
+        child: child,
+      ),
+      child: visible ? const LinearProgressIndicator() : const SizedBox.shrink(),
+    );
+}

lib/state/widgets/components/error_bar.dart

@@ -0,0 +1,53 @@
+import 'package:flutter/material.dart';
+
+import '../../app/base/infrastructure/errorBar/error_bar_controller.dart';
+import '../../infrastructure/state_extensions.dart';
+import '../controller_provider.dart';
+
+class ErrorBar extends StatelessWidget {
+  final bool visible;
+  const ErrorBar({required this.visible, super.key});
+
+  final Duration animationDuration = const Duration(milliseconds: 200);
+
+  @override
+  Widget build(BuildContext context) => ControllerProvider<ErrorBarController>(
+    create: (context) => ErrorBarController(),
+    child: (context) => AnimatedSwitcher(
+      duration: animationDuration,
+      transitionBuilder: (Widget child, Animation<double> animation) => SlideTransition(
+        position: Tween<Offset>(
+          begin: const Offset(0.0, -1.0),
+          end: Offset.zero,
+        ).animate(animation),
+        child: child,
+      ),
+      child: Visibility(
+        visible: visible,
+        child: Builder(
+          builder: (context) {
+            var controller = context.watchController<ErrorBarController>();
+            var status = controller.connectivityStatusKnown() && !controller.isConnected()
+              ? (icon: Icons.wifi_off_outlined, text: 'Offline', color: Colors.grey.shade600)
+              : (icon: Icons.wifi_find_outlined, text: 'Verbindung fehlgeschlagen', color: Theme.of(context).primaryColor);
+
+            return Container(
+              height: 20,
+              decoration: BoxDecoration(
+                color: status.color,
+              ),
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  Icon(status.icon, size: 14),
+                  const SizedBox(width: 10),
+                  Text(status.text, style: const TextStyle(fontSize: 12))
+                ],
+              ),
+            );
+          },
+        )
+      )
+    ),
+  );
+}

lib/state/widgets/components/primary_loading_indicator.dart

@@ -0,0 +1,16 @@
+import 'package:flutter/material.dart';
+
+class PrimaryLoadingIndicator extends StatelessWidget {
+  final bool visible;
+  const PrimaryLoadingIndicator({required this.visible, super.key});
+
+  final Duration animationDuration = const Duration(milliseconds: 200);
+
+  @override
+  Widget build(BuildContext context) => AnimatedOpacity(
+      opacity: visible ? 1.0 : 0.0,
+      duration: animationDuration,
+      curve: Curves.easeInOut,
+      child: const Center(child: CircularProgressIndicator()),
+    );
+}