Home UI Enhacement

Changed the task_list_item.dart file in order to improve the UI of task items in home page with clear view to priorities and other details of tasks

Author: 100RAV-AGGARWAL

lib/services/task_list_tem.dart

@@ -1,38 +1,53 @@
-import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 
 import 'package:google_fonts/google_fonts.dart';
 import 'package:taskwarrior/widgets/taskw.dart';
 import 'package:taskwarrior/model/json.dart';
 
 class TaskListItem extends StatelessWidget {
-  const TaskListItem(this.task, {this.pendingFilter = false, Key? key, required this.darkmode})
+  const TaskListItem(this.task,
+      {this.pendingFilter = false, Key? key, required this.darkmode})
       : super(key: key);
 
   final Task task;
   final bool pendingFilter;
   final bool darkmode;
-  
 
   @override
   Widget build(BuildContext context) {
-    var colour =darkmode? Colors.white:Colors.black;
+    var colour = darkmode ? Colors.white : Colors.black;
+    var dimColor = darkmode
+        ? const Color.fromARGB(137, 248, 248, 248)
+        : const Color.fromARGB(136, 17, 17, 17);
     return ListTile(
+      leading: Icon(
+        Icons.circle,
+        color: task.priority == 'H'
+            ? Colors.red
+            : task.priority == 'M'
+                ? Colors.yellow[600]
+                : Colors.green,
+        size: 20,
+        semanticLabel: 'Priority',
+      ),
       title: Row(
         mainAxisAlignment: MainAxisAlignment.spaceBetween,
         children: [
           Flexible(
             child: SingleChildScrollView(
               scrollDirection: Axis.horizontal,
               child: Text(
-                task.description,
-                style: TextStyle(color:colour,fontFamily: GoogleFonts.firaMono().fontFamily),
+                '${(task.id == 0) ? '#' : task.id}. ${task.description}',
+                style: TextStyle(
+                    color: colour,
+                    fontFamily: GoogleFonts.firaMono().fontFamily),
               ),
             ),
           ),
           Text(
             (task.annotations != null) ? ' [${task.annotations!.length}]' : '',
-            style: TextStyle(color:colour,fontFamily: GoogleFonts.firaMono().fontFamily),
+            style: TextStyle(
+                color: colour, fontFamily: GoogleFonts.firaMono().fontFamily),
           ),
         ],
       ),
@@ -43,28 +58,27 @@ class TaskListItem extends StatelessWidget {
             child: SingleChildScrollView(
               scrollDirection: Axis.horizontal,
               child: Text(
-                '${(task.id == 0) ? '-' : task.id} '
-                        '${pendingFilter ? '' : '${task.status[0].toUpperCase()} '}'
-                        '${age(task.entry)} '
-                        '${(task.modified != null) ? 'm:${age(task.modified!)}' : ''} '
-                        '${(task.start != null) ? 'st:${age(task.start!)}' : ''} '
-                        '${(task.due != null) ? 'd:${when(task.due!)}' : ''} '
-                        '${task.priority ?? ''} '
-                        '${task.project ?? ''} '
-                        '[${task.tags?.join(',') ?? ''}]'
+                '${pendingFilter ? '' : '${task.status[0].toUpperCase()}\n'}'
+                        'Last Modified: ${(task.modified != null) ? age(task.modified!) : ((task.start != null) ? age(task.start!) : '-')} | '
+                        'Due: ${(task.due != null) ? when(task.due!) : '-'}'
                     .replaceFirst(RegExp(r' \[\]$'), '')
                     .replaceAll(RegExp(r' +'), ' '),
-                style: TextStyle(color: colour,fontFamily: GoogleFonts.firaMono().fontFamily),
-                
+                style: TextStyle(
+                    color: dimColor,
+                    fontFamily: GoogleFonts.firaMono().fontFamily,
+                    fontSize: 12,
+                    overflow: TextOverflow.ellipsis),
               ),
             ),
           ),
           Text(
             formatUrgency(urgency(task)),
-            style: TextStyle(color:colour,fontFamily: GoogleFonts.firaMono().fontFamily),
+            style: TextStyle(
+                color: colour, fontFamily: GoogleFonts.firaMono().fontFamily),
           ),
         ],
       ),
+      // isThreeLine: true,
     );
   }
 }

pubspec.lock

@@ -35,7 +35,7 @@ packages:
       name: async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.8.2"
+    version: "2.9.0"
   boolean_selector:
     dependency: transitive
     description:
@@ -105,14 +105,7 @@ packages:
       name: characters
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.2.0"
-  charcode:
-    dependency: transitive
-    description:
-      name: charcode
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.3.1"
+    version: "1.2.1"
   checked_yaml:
     dependency: transitive
     description:
@@ -126,7 +119,7 @@ packages:
       name: clock
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.1.0"
+    version: "1.1.1"
   code_builder:
     dependency: transitive
     description:
@@ -196,7 +189,7 @@ packages:
       name: fake_async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.3.0"
+    version: "1.3.1"
   ffi:
     dependency: transitive
     description:
@@ -456,21 +449,21 @@ packages:
       name: matcher
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.12.11"
+    version: "0.12.12"
   material_color_utilities:
     dependency: transitive
     description:
       name: material_color_utilities
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.4"
+    version: "0.1.5"
   meta:
     dependency: transitive
     description:
       name: meta
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.7.0"
+    version: "1.8.0"
   mime:
     dependency: transitive
     description:
@@ -533,7 +526,7 @@ packages:
       name: path
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.1"
+    version: "1.8.2"
   path_provider:
     dependency: transitive
     description:
@@ -741,7 +734,7 @@ packages:
       name: source_span
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.2"
+    version: "1.9.0"
   stack_trace:
     dependency: transitive
     description:
@@ -769,7 +762,7 @@ packages:
       name: string_scanner
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.1.0"
+    version: "1.1.1"
   synchronized:
     dependency: transitive
     description:
@@ -783,14 +776,14 @@ packages:
       name: term_glyph
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.2.0"
+    version: "1.2.1"
   test_api:
     dependency: transitive
     description:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.4.9"
+    version: "0.4.12"
   timing:
     dependency: transitive
     description: