Add r e l e a s e info popup (#648)

* Add r e l e a s e info popup

* Add clickable invite link

* Change android beta information text

* Change android beta information text

---------

Co-authored-by: PaulPickhardt <s2137275@msx.tu-dresden.de>

lib/home/views/load_status.dart

@@ -27,7 +27,7 @@ class LoadStatusViewState extends State<LoadStatusView> {
   @override
   Widget build(BuildContext context) {
     if (!loadStatus.hasWarning) {
-      return const Padding(padding: EdgeInsets.fromLTRB(40, 16, 24, 0));
+      return Container();
     }
 
     return BlendIn(

lib/home/views/main.dart

@@ -13,6 +13,7 @@ import 'package:priobike/home/models/shortcut.dart';
 import 'package:priobike/home/models/shortcut_location.dart';
 import 'package:priobike/home/models/shortcut_route.dart';
 import 'package:priobike/home/services/shortcuts.dart';
+import 'package:priobike/home/views/release.dart';
 import 'package:priobike/home/views/load_status.dart';
 import 'package:priobike/home/views/nav.dart';
 import 'package:priobike/home/views/poi/your_bike.dart';
@@ -326,6 +327,7 @@ class HomeViewState extends State<HomeView> with WidgetsBindingObserver, RouteAw
                   child: Column(
                     children: [
                       const LoadStatusView(),
+                      const ReleaseInfoView(),
                       const VSpace(),
                       if (showStatusView)
                         const BlendIn(

lib/home/views/release.dart

@@ -0,0 +1,162 @@
+import 'dart:io';
+
+import 'package:flutter/material.dart';
+import 'package:flutter_markdown/flutter_markdown.dart';
+import 'package:priobike/common/animation.dart';
+import 'package:priobike/common/fx.dart';
+import 'package:priobike/common/layout/annotated_region.dart';
+import 'package:priobike/common/layout/buttons.dart';
+import 'package:priobike/common/layout/ci.dart';
+import 'package:priobike/common/layout/spacing.dart';
+import 'package:priobike/common/layout/text.dart';
+import 'package:priobike/main.dart';
+import 'package:priobike/settings/services/features.dart';
+import 'package:url_launcher/url_launcher.dart';
+
+class ReleaseInfoView extends StatefulWidget {
+  const ReleaseInfoView({super.key});
+
+  @override
+  ReleaseInfoViewState createState() => ReleaseInfoViewState();
+}
+
+class ReleaseInfoViewState extends State<ReleaseInfoView> {
+  late Feature feature;
+
+  void update() => setState(() {});
+
+  @override
+  void initState() {
+    super.initState();
+    feature = getIt<Feature>();
+  }
+
+  /// Open a text view explaining how to switch to the official app store.
+  void openExplanation() {
+    Navigator.of(context).push(MaterialPageRoute(builder: (_) => const ReleaseInfoExplanation()));
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    if (feature.isRelease) {
+      return Container();
+    }
+
+    var store = "";
+    if (Platform.isAndroid) {
+      store = "Google Play Store";
+    } else if (Platform.isIOS) {
+      store = "App Store";
+    }
+
+    return BlendIn(
+      child: Container(
+        padding: const EdgeInsets.fromLTRB(40, 24, 24, 0),
+        child: Row(
+          mainAxisSize: MainAxisSize.max,
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            Flexible(
+              child: Small(
+                text:
+                    "Du verwendest aktuell noch eine Testversion der App. Wechsle jetzt zur offiziellen Version aus dem $store.",
+                context: context,
+              ),
+            ),
+            const HSpace(),
+            SmallIconButtonTertiary(icon: Icons.chevron_right_rounded, onPressed: openExplanation)
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+const iosExplanation = """
+## iOS
+
+Um das Beta-Programm für iOS zu verlassen, musst Du das TestFlight-Programm verlassen und die App aus dem App Store installieren. Wir empfehlen dir, die App vorher nicht manuell zu löschen, da sonst deine gespeicherte Routen verloren gehen. Mit einer Installation aus dem App Store überschreibst Du die TestFlight-Version und behältst deine Daten.
+""";
+
+const androidExplanation = """
+## Android
+
+Um das Beta-Programm für Android zu verlassen, gehst Du auf den App Eintrag von PrioBike im Google Play Store. Solltest Du noch Betatester sein, befindet sich ein Abschnitt mit der Überschrift "Du bis ein Betatester" weiter unten auf dieser Seite. Dort kannst Du dann auf "Verlassen" klicken. Wichtige gespeicherte Orte oder Routen sollten vorher über QR-Codes oder Teilen-Links gespeichert werden, da diese eventuell beim Wechsel verloren gehen können. Nach der Installation der neuen Version kannst Du diese wieder importieren.
+""";
+
+String explanationTemplate(e1, e2) => """
+## Wechsel zur offiziellen Version
+
+Du verwendest aktuell noch eine Testversion der App. Die offizielle Version kannst Du dir nun in ein paar Schritten installieren.
+
+$e1
+
+$e2
+
+## Unterstützung
+
+Bei Fragen oder Problemen wende dich bitte an unseren Support: priobike@tu-dresden.de
+""";
+
+class ReleaseInfoExplanation extends StatelessWidget {
+  const ReleaseInfoExplanation({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final explanation = Platform.isIOS
+        ? explanationTemplate(iosExplanation, androidExplanation)
+        : explanationTemplate(androidExplanation, iosExplanation);
+
+    var styleSheet = MarkdownStyleSheet.fromTheme(Theme.of(context)).copyWith(
+      h2: Theme.of(context).textTheme.headlineLarge!.copyWith(color: CI.radkulturRed),
+      // Don't highlight links
+      a: Theme.of(context).textTheme.bodyMedium!.copyWith(
+            color: CI.radkulturRed,
+            fontWeight: FontWeight.w700,
+          ),
+    );
+
+    return AnnotatedRegionWrapper(
+      bottomBackgroundColor: Theme.of(context).colorScheme.surface,
+      colorMode: Theme.of(context).brightness,
+      child: Scaffold(
+        body: Fade(
+          child: SingleChildScrollView(
+            child: SafeArea(
+              child: Column(
+                children: [
+                  const SizedBox(height: 8),
+                  Row(
+                    children: [
+                      Row(
+                        children: [
+                          AppBackButton(onPressed: () => Navigator.pop(context)),
+                          const HSpace(),
+                          SubHeader(text: "Neuigkeiten", context: context),
+                        ],
+                      ),
+                    ],
+                  ),
+                  const SmallVSpace(),
+                  Markdown(
+                    data: explanation,
+                    padding: const EdgeInsets.fromLTRB(24, 24, 24, 0),
+                    shrinkWrap: true,
+                    physics: const NeverScrollableScrollPhysics(),
+                    styleSheet: styleSheet,
+                    onTapLink: (text, href, title) {
+                      if (href == null) return;
+                      final uri = Uri.parse(href);
+                      launchUrl(uri);
+                    },
+                  ),
+                  const SizedBox(height: 256),
+                ],
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/settings/services/features.dart

@@ -32,6 +32,9 @@ class Feature with ChangeNotifier {
   /// If internal features can be enabled.
   late bool canEnableInternalFeatures;
 
+  /// If the app is a release version.
+  late bool isRelease;
+
   /// The used build trigger.
   late String buildTrigger;
 
@@ -55,6 +58,9 @@ class Feature with ChangeNotifier {
     // (Allow internal features on all development branches.)
     canEnableInternalFeatures = !_gitHead.contains('beta') && !_gitTag.contains('release-');
 
+    // Check if the app is a release version.
+    isRelease = _gitTag.contains('release-');
+
     final info = await PackageInfo.fromPlatform();
     appName = info.appName;
     appVersion = info.version;