Zy/5 dashboard migrate indi app

.github/workflows/ci.yaml

@@ -92,6 +92,7 @@ jobs:
           channel: 'stable'
           flutter-version: ${{env.FLUTTER_VERSION}}
       - run: sudo apt update
-      - run: sudo apt install -y clang cmake curl libgtk-3-dev ninja-build pkg-config unzip libunwind-dev libsecret-1-dev
+      - run: sudo apt-get install -y clang cmake curl libgtk-3-dev ninja-build pkg-config unzip libunwind-dev libsecret-1-dev
+      - run: sudo apt-get install -y libgstreamer1.0-dev libgstreamer-plugins-base1.0-dev libgstreamer-plugins-bad1.0-dev gstreamer1.0-plugins-base gstreamer1.0-plugins-good gstreamer1.0-plugins-bad gstreamer1.0-plugins-ugly gstreamer1.0-libav gstreamer1.0-tools gstreamer1.0-x gstreamer1.0-alsa gstreamer1.0-gl gstreamer1.0-gtk3 gstreamer1.0-qt5 gstreamer1.0-pulseaudio
       - run: flutter pub get
       - run: flutter build linux -v

.github/workflows/installers.yaml

@@ -29,7 +29,7 @@ jobs:
     if: |
       contains(github.event.head_commit.message, 'bump version') ||
       contains(github.event.head_commit.message, 'build installers')
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-22.04
 
     steps:
       - name: Clone Repository
@@ -53,6 +53,7 @@ jobs:
           sudo apt-get update -y
           sudo apt-get install -y ninja-build libgtk-3-dev
           sudo apt-get install -y clang cmake
+          sudo apt-get install -y libgstreamer1.0-dev libgstreamer-plugins-base1.0-dev libgstreamer-plugins-bad1.0-dev gstreamer1.0-plugins-base gstreamer1.0-plugins-good gstreamer1.0-plugins-bad gstreamer1.0-plugins-ugly gstreamer1.0-libav gstreamer1.0-tools gstreamer1.0-x gstreamer1.0-alsa gstreamer1.0-gl gstreamer1.0-gtk3 gstreamer1.0-qt5 gstreamer1.0-pulseaudio
       - name: Install Flutter Project Dependencies
         run: flutter pub get
 

lib/constants/appointment.dart

@@ -0,0 +1,39 @@
+/// Appointment constants.
+//
+// Time-stamp: <Thursday 2024-12-19 13:33:06 +1100 Graham Williams>
+//
+/// Copyright (C) 2025, Software Innovation Institute, ANU
+///
+/// Licensed under the GNU General Public License, Version 3 (the "License");
+///
+/// License: https://www.gnu.org/licenses/gpl-3.0.en.html
+//
+// This program is free software: you can redistribute it and/or modify it under
+// the terms of the GNU General Public License as published by the Free Software
+// Foundation, either version 3 of the License, or (at your option) any later
+// version.
+//
+// This program is distributed in the hope that it will be useful, but WITHOUT
+// ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+// FOR A PARTICULAR PURPOSE.  See the GNU General Public License for more
+// details.
+//
+// You should have received a copy of the GNU General Public License along with
+// this program.  If not, see <https://www.gnu.org/licenses/>.
+///
+/// Authors: Zheyuan Xu
+
+library;
+
+/// Dummy data for the avatar and appointment section in home screen.
+
+final String appointmentDate = 'Monday, 13 March';
+final String appointmentTime = '14:30 pm';
+final String appointmentLocation = 'Gurriny Yealamucka';
+final String patientID = 'p43623';
+final String phoneNumber = '(07) 4226 4100';
+final String userName = 'Riley Breugel';
+
+final bool clinicBusAvailable = true;
+
+final int notificationCount = 3;

lib/constants/colours.dart

@@ -27,6 +27,10 @@ library;
 
 import 'package:flutter/material.dart';
 
-const titleBackgroundColor = Color(0xFFF0E4D7);
+const anuGold = Color(0xFFBE830E);
 
 const iconColor = Colors.white;
+
+const iconGreen = Colors.green;
+
+const titleBackgroundColor = Color(0xFFF0E4D7);

lib/features/home/service/components/avatar_name.dart

@@ -0,0 +1,157 @@
+/// Avatar image card widget.
+//
+// Time-stamp: <Sunday 2025-03-09 11:43:18 +1100 Graham Williams>
+//
+/// Copyright (C) 2025, Software Innovation Institute, ANU
+///
+/// Licensed under the GNU General Public License, Version 3 (the "License");
+///
+/// License: https://www.gnu.org/licenses/gpl-3.0.en.html
+//
+// This program is free software: you can redistribute it and/or modify it under
+// the terms of the GNU General Public License as published by the Free Software
+// Foundation, either version 3 of the License, or (at your option) any later
+// version.
+//
+// This program is distributed in the hope that it will be useful, but WITHOUT
+// ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+// FOR A PARTICULAR PURPOSE.  See the GNU General Public License for more
+// details.
+//
+// You should have received a copy of the GNU General Public License along with
+// this program.  If not, see <https://www.gnu.org/licenses/>.
+///
+/// Authors: Zheyuan Xu
+
+library;
+
+import 'package:flutter/material.dart';
+
+import 'package:healthpod/constants/appointment.dart';
+
+import 'package:healthpod/constants/colours.dart';
+
+/// A widget that displays the user's avatar, name, patient ID,
+/// and a notification bell with the number of notifications.
+///
+/// This widget is typically used at the top of a user dashboard
+/// to provide quick identification and notifications status.
+
+class AvatarName extends StatefulWidget {
+  const AvatarName({super.key});
+
+  @override
+  State<AvatarName> createState() => _AvatarNameState();
+}
+
+class _AvatarNameState extends State<AvatarName> {
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: 400,
+      padding: const EdgeInsets.all(8.0),
+      decoration: BoxDecoration(
+        color: titleBackgroundColor,
+        boxShadow: [
+          BoxShadow(
+            color: Colors.grey.withValues(alpha: 0.8),
+            spreadRadius: 3,
+            blurRadius: 4,
+            offset: const Offset(0, 1),
+          ),
+        ],
+      ),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          // User avatar with lock icon indicator.
+
+          Stack(
+            clipBehavior: Clip.none,
+            children: [
+              const CircleAvatar(
+                radius: 24,
+                backgroundImage:
+                    AssetImage('assets/images/sample_avatar_image.png'),
+              ),
+              // Positioned lock icon at bottom-right.
+
+              Positioned(
+                bottom: -2,
+                right: -2,
+                child: Container(
+                  padding: const EdgeInsets.all(2),
+                  decoration: const BoxDecoration(
+                    color: Colors.orange,
+                    shape: BoxShape.circle,
+                  ),
+                  child: const Icon(
+                    Icons.lock,
+                    color: Colors.white,
+                    size: 16,
+                  ),
+                ),
+              ),
+            ],
+          ),
+
+          const SizedBox(width: 12),
+
+          // User's name and patient ID.
+          Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text(
+                userName,
+                style: const TextStyle(
+                  fontSize: 16,
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+              Text(
+                'Patient ID: $patientID',
+                style: TextStyle(color: Colors.grey[700]),
+              ),
+            ],
+          ),
+
+          const SizedBox(width: 12),
+
+          // Notification bell with notification count badge.
+
+          Stack(
+            clipBehavior: Clip.none,
+            children: [
+              const Icon(
+                Icons.notifications,
+                size: 28,
+                color: Colors.black54,
+              ),
+              // Show notification count badge only if notifications exist.
+
+              if (notificationCount > 0)
+                Positioned(
+                  right: -2,
+                  top: -2,
+                  child: Container(
+                    padding: const EdgeInsets.all(4),
+                    decoration: const BoxDecoration(
+                      color: Colors.red,
+                      shape: BoxShape.circle,
+                    ),
+                    child: Text(
+                      '$notificationCount',
+                      style: const TextStyle(
+                        color: Colors.white,
+                        fontSize: 10,
+                      ),
+                    ),
+                  ),
+                ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/features/home/service/components/components.dart

@@ -0,0 +1,36 @@
+/// Components for the home service feature.
+///
+// Time-stamp: <Friday 2025-02-14 08:40:39 +1100 Graham Williams>
+///
+/// Copyright (C) 2024-2025, Software Innovation Institute, ANU.
+///
+/// Licensed under the GNU General Public License, Version 3 (the "License").
+///
+/// License: https://www.gnu.org/licenses/gpl-3.0.en.html.
+//
+// This program is free software: you can redistribute it and/or modify it under
+// the terms of the GNU General Public License as published by the Free Software
+// Foundation, either version 3 of the License, or (at your option) any later
+// version.
+//
+// This program is distributed in the hope that it will be useful, but WITHOUT
+// ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+// FOR A PARTICULAR PURPOSE.  See the GNU General Public License for more
+// details.
+//
+// You should have received a copy of the GNU General Public License along with
+// this program.  If not, see <https://www.gnu.org/licenses/>.
+///
+/// Authors: Zheyuan Xu
+library;
+
+/// Components for the home service feature.
+///
+/// This barrel file exports all the components used in the home service feature,
+/// making them easily accessible to other parts of the application.
+
+export 'avatar_name.dart';
+export 'manage_plan.dart';
+export 'next_appointment.dart';
+export 'number_appointments.dart';
+export 'personal_details.dart';