Merge branch 'master' into gameplay-page

game/lib/profile/completed_challenge_cell.dart

@@ -78,7 +78,7 @@ class _CompletedChallengeFullState extends State<CompletedChallengeFull> {
                   builder: (BuildContext context) {
                     return ClipRRect(
                       borderRadius: BorderRadius.circular(8),
-                      child: Image.asset(
+                      child: Image.network(
                         picture,
                         fit: BoxFit.cover,
                       ),

game/lib/profile/completed_challenges_page.dart

@@ -1,72 +1,115 @@
 import 'package:flutter/material.dart';
+import 'package:game/api/game_client_dto.dart';
+import 'package:game/model/challenge_model.dart';
+import 'package:game/model/event_model.dart';
+import 'package:game/model/tracker_model.dart';
+import 'package:game/model/user_model.dart';
 import 'package:game/profile/profile_page.dart';
 import 'package:game/profile/completed_challenge_cell.dart';
+import 'package:game/utils/utility_functions.dart';
+import 'package:intl/intl.dart';
+import 'package:provider/provider.dart';
+import 'package:tuple/tuple.dart';
 
 /* The page view of all the completed challenges */
 
 class CompletedChallengesPage extends StatelessWidget {
-  // final locationImage = "assets/images/adwhite.jpeg";
-  // final locationImage2 = "assets/images/38582.jpg";
-
-  final pictureList = ["assets/images/adwhite.jpeg", "assets/images/38582.jpg"];
-
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      backgroundColor: Color.fromARGB(255, 255, 248, 241),
-      appBar: AppBar(
-        backgroundColor: Color.fromARGB(255, 237, 86, 86),
-        leading: IconButton(
-          icon: const Icon(Icons.navigate_before),
-          color: Colors.white,
-          onPressed: () {
-            Navigator.pop(
-              context,
-            );
-          },
-        ),
-        title: const Text(
-          'Completed',
-          style: TextStyle(
+        backgroundColor: Color.fromARGB(255, 255, 248, 241),
+        appBar: AppBar(
+          backgroundColor: Color.fromARGB(255, 237, 86, 86),
+          leading: IconButton(
+            icon: const Icon(Icons.navigate_before),
             color: Colors.white,
-            fontFamily: 'Poppins',
-            fontWeight: FontWeight.bold,
+            onPressed: () {
+              Navigator.pop(
+                context,
+              );
+            },
           ),
-        ),
-        actions: [],
-      ),
-      body: SingleChildScrollView(
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: [
-            Align(
-              child: CompletedChallengeFull(
-                name: 'Cornell Cafes',
-                pictures: pictureList,
-                type: 'Journeys',
-                date: 'January 19, 2023',
-                location: 'Arts Quad',
-                difficulty: 'Easy',
-                points: 120,
-              ),
-            ),
-            Align(
-              child: CompletedChallengeFull(
-                name: 'Libe Slope',
-                pictures: [
-                  "assets/images/adwhite.jpeg",
-                  "assets/images/38582.jpg",
-                ],
-                type: 'Journeys',
-                date: 'February 20, 2023',
-                location: 'Arts Quad',
-                difficulty: 'Hard',
-                points: 120,
-              ),
+          title: const Text(
+            'Completed',
+            style: TextStyle(
+              color: Colors.white,
+              fontFamily: 'Poppins',
+              fontWeight: FontWeight.bold,
             ),
-          ],
+          ),
+          actions: [],
         ),
-      ),
-    );
+        body: Consumer4<UserModel, EventModel, TrackerModel, ChallengeModel>(
+            builder: (context, userModel, eventModel, trackerModel,
+                challengeModel, child) {
+          if (userModel.userData == null) {
+            return Center(
+              child: CircularProgressIndicator(),
+            );
+          }
+          var username = userModel.userData?.username;
+          var score = userModel.userData?.score;
+
+          List<Tuple2<DateTime, EventDto>> completedEvents = [];
+
+          //Get completed events
+          for (var eventId in userModel.userData!.trackedEvents!) {
+            var tracker = trackerModel.trackerByEventId(eventId);
+            EventDto? event = eventModel.getEventById(eventId);
+            if (tracker == null || event == null) {
+              continue;
+            }
+            if (tracker.prevChallengeDates!.length !=
+                event.challenges!.length) {
+              continue;
+            }
+
+            var completedDate = tracker.prevChallengeDates!.last;
+            DateTime date =
+                DateFormat("E, d MMM y HH:mm:ss").parse(completedDate);
+
+            completedEvents.add(Tuple2<DateTime, EventDto>(date, event));
+          }
+          //Sort so that the most recent events are first
+          completedEvents.sort((a, b) => b.item1.compareTo(a.item1));
+          final itemCount = completedEvents.length;
+          return ListView.separated(
+              itemBuilder: (context, index) {
+                var event = completedEvents[index].item2;
+                var date = completedEvents[index].item1;
+                var type =
+                    event.challenges!.length > 1 ? "Journeys" : "Challenge";
+
+                var pictureList = <String>[];
+                var locationList = [];
+                for (var challengeId in event.challenges ?? []) {
+                  var challenge = challengeModel.getChallengeById(challengeId);
+                  if (challenge != null) {
+                    pictureList.add(challenge.imageUrl!);
+                    locationList.add(challenge.location);
+                  }
+                }
+
+                //Calculate totalPoints.
+                var totalPoints = 0;
+                for (var challengeId in event.challenges ?? []) {
+                  var challenge = challengeModel.getChallengeById(challengeId);
+                  if (challenge != null) {
+                    totalPoints += challenge.points ?? 0;
+                  }
+                }
+                return CompletedChallengeFull(
+                  name: event.name!,
+                  pictures: pictureList,
+                  type: type,
+                  date: DateFormat("MMMM d, y").format(date),
+                  location: locationList[0],
+                  difficulty: difficultyToString[event.difficulty]!,
+                  points: totalPoints,
+                );
+              },
+              separatorBuilder: (context, index) => const Divider(),
+              itemCount: itemCount);
+        }));
   }
 }