button to sort list

Sources/dafl_project_flutter/lib/main.dart

@@ -223,6 +223,7 @@ class CardProvider extends ChangeNotifier {
     );
     if (!MyApp.controller.currentUser.discovery
         .contains(MyApp.controller.currentUser.spots.last.music)) {
+      MyApp.controller.currentUser.spots.last.music.defineDate();
       MyApp.controller.currentUser
           .addDiscovery(MyApp.controller.currentUser.spots.last.music);
       notifyListeners();

Sources/dafl_project_flutter/lib/model/music.dart

@@ -2,10 +2,10 @@ class Music{
   String name;
   String artist;
   String linkCover;
+  late DateTime date;
 
   Music(this.name, this.artist, this.linkCover);
 
-
   @override
   bool operator ==(Object other) =>
       identical(this, other) ||
@@ -16,4 +16,8 @@ class Music{
 
   @override
   int get hashCode => name.hashCode ^ artist.hashCode;
+
+  void defineDate() {
+    this.date = new DateTime.now();
+  }
 }

Sources/dafl_project_flutter/lib/model/user.dart

@@ -19,6 +19,7 @@ class User {
   //attributes with Spotify API
   late String _id;
   late Track track;
+  bool sortChoise = true;
 
   //constructors
   User(this.usernameDafl, this.passwDafl) {
@@ -105,7 +106,8 @@ class User {
       test = 1;
       listspots();
     } else {
-      timer = Timer.periodic(const Duration(seconds: 72), (Timer t) => listspots());
+      timer =
+          Timer.periodic(const Duration(seconds: 72), (Timer t) => listspots());
     }
   }
 

Sources/dafl_project_flutter/lib/views/pages/main/w_discovery.dart

@@ -2,6 +2,8 @@ import 'package:dafl_project_flutter/main.dart';
 import 'package:fluttericon/font_awesome5_icons.dart';
 import 'package:flutter/material.dart';
 
+import '../../../model/music.dart';
+
 class DiscoveryWidget extends StatefulWidget {
   const DiscoveryWidget({Key? key}) : super(key: key);
 
@@ -20,11 +22,13 @@ class _DiscoveryWidgetState extends State<DiscoveryWidget> {
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
             Container(
-              padding: const EdgeInsets.fromLTRB(30, 0, 30, 0),
+              padding: const EdgeInsets.fromLTRB(30, 0, 10, 0),
               child: Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
-                  Row(children: const [
+                  Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      children: [
                         Text(
                           'Playlist découverte',
                           style: TextStyle(
@@ -32,11 +36,26 @@ class _DiscoveryWidgetState extends State<DiscoveryWidget> {
                               fontWeight: FontWeight.w500,
                               fontSize: 25),
                         ),
-                    Spacer(),
+                        OutlinedButton(
-                    Icon(
+                          onPressed: () {
-                      FontAwesome5.sort_amount_down,
+                            MyApp.controller.currentUser.sortChoise =
-                      size: 30,
+                                !MyApp.controller.currentUser.sortChoise;
-                      color: Colors.white,
+                            setState(() {});
+                          },
+                          style: OutlinedButton.styleFrom(
+                              shadowColor: Colors.black,
+                              shape: CircleBorder(),
+                              padding: EdgeInsets.all(24),
+                              primary: Colors.grey),
+                          child: MyApp.controller.currentUser.sortChoise
+                              ? Image.asset(
+                                  'assets/images/date_sort_icon.png',
+                                  height: 25,
+                                )
+                              : Image.asset(
+                                  'assets/images/alpha_sort_icon.png',
+                                  height: 25,
+                                ),
                         ),
                       ]),
                   const Padding(padding: EdgeInsets.fromLTRB(0, 5, 0, 0)),
@@ -83,38 +102,46 @@ class _DiscoveryListState extends State<DiscoveryList> {
 
   refreshList() async {
     await Future.delayed(const Duration(seconds: 1));
-    setState(() {
+    setState(() {});
-      MyApp.controller.currentUser.discovery;
-    });
   }
 
   @override
   Widget build(BuildContext context) {
+    List<Music> listDiscovery = MyApp.controller.currentUser.discovery;
+    if (MyApp.controller.currentUser.sortChoise) {
+      listDiscovery.sort((a, b) {
+        return a.date.compareTo(b.date);
+      });
+    } else {
+      listDiscovery.sort((a, b) {
+        return a.name.compareTo(b.name);
+      });
+    }
     return RefreshIndicator(
         onRefresh: () async {
           refreshList();
+          setState(() {});
         },
         key: refreshKey,
         child: ListView.builder(
-            itemCount: MyApp.controller.currentUser.discovery.length,
+            itemCount: listDiscovery.length,
             itemBuilder: (context, index) {
-              int itemCount = MyApp.controller.currentUser.discovery.length;
+              int itemCount = listDiscovery.length;
               int reversedIndex = itemCount - 1 - index;
               return Dismissible(
-                  key: Key(MyApp
+                  movementDuration: Duration(milliseconds: 400),
-                      .controller.currentUser.discovery[reversedIndex].name),
+                  key: Key(listDiscovery[index].name),
                   confirmDismiss: (direction) async {
                     if (direction == DismissDirection.endToStart) {
+                      print(listDiscovery[reversedIndex].name);
                       MyApp.controller.currentUser.discovery
-                          .removeAt(reversedIndex);
+                          .remove(listDiscovery[reversedIndex]);
-                      setState(() {
+                      setState(() {});
-                        itemCount -= 1;
-                      });
-                      return true;
                     }
                   },
                   onDismissed: (direction) {
                     if (direction == DismissDirection.startToEnd) {
+                      print(listDiscovery[reversedIndex].name);
                       print('play');
                     }
                   },
@@ -184,7 +211,7 @@ class _DiscoveryListState extends State<DiscoveryList> {
                                                 color: Colors.white
                                                     .withOpacity(0.6),
                                                 fontSize: 16,
-                                                fontWeight: FontWeight.w400))
+                                                fontWeight: FontWeight.w400)),
                                       ]))
                             ]))
                       ])));