Add sheet view page

lib/main.dart

@@ -1,7 +1,7 @@
-import 'dart:io';
-
 import 'package:flutter/material.dart';
-import 'package:path/path.dart' as p;
+import 'package:sheetless/sheetview.dart';
+
+import 'sheet.dart';
 
 void main() {
   runApp(const MyApp());
@@ -18,100 +18,44 @@ class MyApp extends StatelessWidget {
         useMaterial3: true,
         primarySwatch: Colors.blue,
       ),
-      home: const MyHomePage(title: 'Sheetless'),
+      home: const MyHomePage(),
     );
   }
 }
 
 class MyHomePage extends StatefulWidget {
-  const MyHomePage({super.key, required this.title});
+  const MyHomePage({super.key});
-
-  final String title;
 
   @override
   State<MyHomePage> createState() => _MyHomePageState();
 }
 
-class Sheet {
-  final String author;
-  final String name;
-
-  Sheet(this.author, this.name);
-}
-
 class _MyHomePageState extends State<MyHomePage> {
-  Future<List<Sheet>> loadSheets() async {
-    print("LOADING SHEETS!!! ###############################");
-    // TODO: Handle directory not found
-    var dir = Directory("/home/julian/Nextcloud/jhome/Klavier-Noten/");
-    final List<Sheet> sheets = List.empty(growable: true);
-    if (dir.existsSync()) {
-      await for (final FileSystemEntity x in dir.list()) {
-        if (x is Directory) {
-          var y = x;
-          var authorName = p.basename(y.path);
-          await for (final FileSystemEntity a in y.list()) {
-            if (a is File) {
-              var sheetName = p.basenameWithoutExtension(a.path);
-              sheets.add(Sheet(authorName, sheetName));
-            }
-          }
-        }
-      }
-    }
-    return sheets;
-  }
-
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: Text(widget.title),
+        title: const Text("My Sheets"),
       ),
-      // body: Center(
-      //   child: Column(
-      //     mainAxisAlignment: MainAxisAlignment.center,
-      //     children: <Widget>[
       body: FutureBuilder(
-          future: loadSheets(),
+          future: loadSheetsSorted(),
           builder: (BuildContext context, AsyncSnapshot<List<Sheet>> snapshot) {
             if (snapshot.hasData) {
-              return SheetsWidget(sheets: snapshot.data!);
+              return SheetsWidget(
+                sheets: snapshot.data!,
+                callback: (sheet) => Navigator.push(
+                  context,
+                  MaterialPageRoute(
+                    builder: (context) => SheetViewerPage(sheet: sheet),
+                  ),
+                ),
+              );
             } else if (snapshot.hasError) {
               return const Icon(Icons.error);
             } else {
               return const CircularProgressIndicator();
             }
           }),
-      //     const Text(
-      //       'You have pushed the button this many times:',
-      //     ),
-      //     Text(
-      //       '$_counter',
-      //       style: Theme.of(context).textTheme.headlineMedium,
-      //     ),
-      //   ],
-      // ),
-      // ),
     );
   }
 }
-
-class SheetsWidget extends StatelessWidget {
-  final List<Sheet> sheets;
-
-  const SheetsWidget({super.key, required this.sheets});
-
-  @override
-  Widget build(context) {
-    return ListView.builder(
-        itemCount: sheets.length,
-        itemBuilder: (context, index) {
-          var sheet = sheets[index];
-          return ListTile(
-            title: Text(sheet.name),
-            subtitle: Text(sheet.author),
-          );
-        });
-  }
-}

lib/sheet.dart

@@ -0,0 +1,65 @@
+import 'dart:io';
+
+import 'package:flutter/material.dart';
+import 'package:path/path.dart' as p;
+
+class Sheet {
+  final String author;
+  final String name;
+
+  Sheet(this.author, this.name);
+}
+
+Future<List<Sheet>> loadSheetsSorted() async {
+  var sheets = await _loadSheets();
+  sheets.sort((left, right) => left.name.compareTo(right.name));
+  return sheets;
+}
+
+Future<List<Sheet>> _loadSheets() async {
+  // TODO: Handle directory not found
+  var dir = Directory("/home/julian/Nextcloud/jhome/Klavier-Noten/");
+  final List<Sheet> sheets = List.empty(growable: true);
+  if (dir.existsSync()) {
+    await for (final FileSystemEntity x in dir.list()) {
+      if (x is Directory) {
+        var authorName = p.basename(x.path);
+        await for (final FileSystemEntity a in x.list()) {
+          if (a is File) {
+            var sheetName = p.basenameWithoutExtension(a.path);
+            sheetName = sheetName.capitalize();
+            sheets.add(Sheet(authorName, sheetName));
+          }
+        }
+      }
+    }
+  }
+  return sheets;
+}
+
+extension StringExtension on String {
+  String capitalize() {
+    return "${this[0].toUpperCase()}${substring(1).toLowerCase()}";
+  }
+}
+
+class SheetsWidget extends StatelessWidget {
+  final List<Sheet> sheets;
+  final ValueSetter<Sheet> callback;
+
+  const SheetsWidget({super.key, required this.sheets, required this.callback});
+
+  @override
+  Widget build(context) {
+    return ListView.builder(
+        itemCount: sheets.length,
+        itemBuilder: (context, index) {
+          var sheet = sheets[index];
+          return ListTile(
+            title: Text(sheet.name),
+            subtitle: Text(sheet.author),
+            onTap: () => callback(sheet),
+          );
+        });
+  }
+}

lib/sheetview.dart

@@ -0,0 +1,23 @@
+import 'package:flutter/material.dart';
+import 'package:sheetless/sheet.dart';
+
+class SheetViewerPage extends StatefulWidget {
+  final Sheet sheet;
+
+  const SheetViewerPage({super.key, required this.sheet});
+
+  @override
+  State<SheetViewerPage> createState() => _SheetViewerPageState();
+}
+
+class _SheetViewerPageState extends State<SheetViewerPage> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(widget.sheet.name),
+      ),
+      body: Center(child: Text(widget.sheet.author)),
+    );
+  }
+}