Initial radio implementation

Notable changes:
- Add radio gRPC API protobuf definitation and generated files.
- Reworked existing single gRPC APIs library to split it into
  per-API libraries to avoid name collision issues.
- Add radio gRPC client class and associated radio state class
  and RiverPod providers.
- Split media controls and play list table classes into media
  player and radio specific versions to facilitate customization
  and wiring up their appropriate backends in a straightforward
  fashion.  Some potential rationalization of styling widgets
  may be done as a follow up to avoid some duplication.
- Added radio configuration and presets loading.  The presets
  will be populated with the contents of a radio-presets.yaml
  file from the configured location, the default location is
  the /etc/xdg/AGL/ics-homescreen directory.
- Implemented FM radio player against the radio gRPC API.
  For the sake of expediency, no attempt has been made to make
  the player able to handle AM band support.
- Reworked media page navigation state so that active player is
  restored when coming back to the page.  Logic has been added to
  start/stop the radio on navigating to or leaving the FM radio
  sub-page.  This will potentially be reworked before CES to work
  with the pause/stop button present on the other pages.
- Started pruning down global exports.dart a bit to remove files
  only used in a specific page/hierarchy, starting with media.

Bug-AGL: SPEC-5029

Change-Id: I1ae0aca4a7a8218e69e4286c863f01509a1cccb7
Signed-off-by: Scott Murray <scott.murray@konsulko.com>

2 files changed, 212 insertions, 0 deletions

diff --git a/lib/presentation/screens/media/widgets/gradient_progress_indicator.dart b/lib/presentation/screens/media/widgets/gradient_progress_indicator.dart
new file mode 100644
index 0000000..24aa244
--- /dev/null
+++ b/lib/presentation/screens/media/widgets/gradient_progress_indicator.dart
@@ -0,0 +1,88 @@
+import 'package:flutter_ics_homescreen/core/utils/helpers.dart';
+import 'package:flutter_ics_homescreen/export.dart';
+
+class GradientProgressIndicator extends StatelessWidget {
+  ///it can be anything between 0 to 100
+  final int percent;
+  final Gradient gradient;
+  final Color backgroundColor;
+  final double height;
+  final String type;
+
+  const GradientProgressIndicator(
+      {required this.percent,
+      required this.gradient,
+      required this.backgroundColor,
+      Key? key,
+      this.height = 16,
+      required this.type})
+      : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      children: [
+        Flexible(
+          flex: percent,
+          fit: FlexFit.tight,
+          child: Container(
+            height: height,
+            margin: const EdgeInsets.all(1),
+            decoration: BoxDecoration(
+              border: Border.all(
+                  color: AGLDemoColors.neonBlueColor.withOpacity(0.5),
+                  width: 1),
+              gradient: gradient,
+              borderRadius:
+                  BorderRadius.all(Radius.circular(type == "fm" ? 16 : 2)),
+            ),
+            alignment: Alignment.centerRight,
+          ),
+        ),
+        type == "media"
+            ? Container(
+                height: height,
+                width: 2,
+                color: Colors.white,
+              )
+            : Container(
+                height: 64,
+                width: 64,
+                alignment: Alignment.center,
+                decoration: BoxDecoration(
+                    shape: BoxShape.circle,
+                    boxShadow: [
+                      Helpers.boxDropShadowRegular,
+                    ],
+                    color: AGLDemoColors.periwinkleColor),
+                child: Container(
+                  height: 32,
+                  width: 32,
+                  decoration: BoxDecoration(
+                      shape: BoxShape.circle,
+                      boxShadow: [
+                        Helpers.boxDropShadowRegular,
+                      ],
+                      border: Border.all(
+                          color: AGLDemoColors.neonBlueColor, width: 2),
+                      color: AGLDemoColors.periwinkleColor),
+                ),
+              ),
+        Flexible(
+          fit: FlexFit.tight,
+          flex: 100 - percent,
+          child: Container(
+            decoration: BoxDecoration(
+              color: backgroundColor,
+              border: Border.all(
+                  color: AGLDemoColors.neonBlueColor.withOpacity(0.5),
+                  width: 1),
+              borderRadius: const BorderRadius.all(Radius.circular(2)),
+            ),
+            child: SizedBox(height: height),
+          ),
+        ),
+      ],
+    );
+  }
+}
diff --git a/lib/presentation/screens/media/widgets/media_volume_bar.dart b/lib/presentation/screens/media/widgets/media_volume_bar.dart
new file mode 100644
index 0000000..bd3a4f1
--- /dev/null
+++ b/lib/presentation/screens/media/widgets/media_volume_bar.dart
@@ -0,0 +1,124 @@
+import 'package:flutter_ics_homescreen/presentation/custom_icons/custom_icons.dart';
+
+import '../../../../export.dart';
+import '../../settings/settings_screens/audio_settings/widget/slider_widgets.dart';
+
+class CustomVolumeSlider extends ConsumerStatefulWidget {
+  const CustomVolumeSlider({
+    super.key,
+  });
+
+  @override
+  CustomVolumeSliderState createState() => CustomVolumeSliderState();
+}
+
+class CustomVolumeSliderState extends ConsumerState<CustomVolumeSlider> {
+  void _increase() {
+    _currentVal += 10;
+    if (_currentVal > 100) {
+      _currentVal = 100;
+    }
+    setState(() {
+      ref.read(audioStateProvider.notifier).setVolume(_currentVal);
+    });
+  }
+
+  void _decrease() {
+    _currentVal -= 10;
+    if (_currentVal < 0) {
+      _currentVal = 0;
+    }
+    setState(() {
+      ref.read(audioStateProvider.notifier).setVolume(_currentVal);
+    });
+  }
+
+  double _currentVal = 50;
+
+  @override
+  Widget build(BuildContext context) {
+    final volumeValue =
+        ref.watch(audioStateProvider.select((audio) => audio.volume));
+
+    return Column(
+      //crossAxisAlignment: CrossAxisAlignment.center,
+      children: [
+        Container(
+          decoration: const ShapeDecoration(
+            color: AGLDemoColors.buttonFillEnabledColor,
+            shape: StadiumBorder(
+                side: BorderSide(
+              color: Color(0xFF5477D4),
+              width: 0.5,
+            )),
+          ),
+          height: 160,
+          child: Row(
+            children: [
+              Padding(
+                padding: const EdgeInsets.only(left: 20),
+                child: Material(
+                  color: Colors.transparent,
+                  child: InkWell(
+                      customBorder: const CircleBorder(),
+                      onTap: () {
+                        _decrease();
+                      },
+                      child: const Padding(
+                          padding: EdgeInsets.all(8.0),
+                          child: Icon(
+                            CustomIcons.vol_min,
+                            color: AGLDemoColors.periwinkleColor,
+                            size: 60,
+                          ))),
+                ),
+              ),
+              Expanded(
+                child: SliderTheme(
+                  data: SliderThemeData(
+                    overlayShape: SliderComponentShape.noOverlay,
+                    valueIndicatorShape: SliderComponentShape.noOverlay,
+                    activeTickMarkColor: Colors.transparent,
+                    inactiveTickMarkColor: Colors.transparent,
+                    inactiveTrackColor: AGLDemoColors.backgroundInsetColor,
+                    thumbShape: const PolygonSliderThumb(
+                        sliderValue: 3, thumbRadius: 23),
+                    //trackHeight: 5,
+                  ),
+                  child: Slider(
+                    divisions: 10,
+                    min: 0,
+                    max: 100,
+                    value: volumeValue.toDouble(),
+                    onChanged: (newValue) {
+                      ref.read(audioStateProvider.notifier).setVolume(newValue);
+                      _currentVal = newValue;
+                    },
+                  ),
+                ),
+              ),
+              Padding(
+                padding: const EdgeInsets.only(right: 20),
+                child: Material(
+                  color: Colors.transparent,
+                  child: InkWell(
+                      customBorder: const CircleBorder(),
+                      onTap: () {
+                        _increase();
+                      },
+                      child: const Padding(
+                          padding: EdgeInsets.all(8.0),
+                          child: Icon(
+                            CustomIcons.vol_max,
+                            color: AGLDemoColors.periwinkleColor,
+                            size: 60,
+                          ))),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}