mobile: Integrate with server

mobile/lib/widgets/lists.dart

@@ -0,0 +1,183 @@
+import 'package:flutter/material.dart';
+import 'package:musicus_database/musicus_database.dart';
+
+import '../backend.dart';
+import '../widgets/texts.dart';
+
+/// A list of persons.
+class PersonsList extends StatelessWidget {
+  /// Called, when the user has selected a person.
+  final void Function(Person person) onSelected;
+
+  PersonsList({
+    this.onSelected,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final backend = Backend.of(context);
+
+    return FutureBuilder<List<Person>>(
+      future: backend.client.getPersons(),
+      builder: (context, snapshot) {
+        if (snapshot.hasData) {
+          return ListView.builder(
+            itemCount: snapshot.data.length,
+            itemBuilder: (context, index) {
+              final person = snapshot.data[index];
+
+              return ListTile(
+                title: Text('${person.lastName}, ${person.firstName}'),
+                onTap: () {
+                  if (onSelected != null) {
+                    onSelected(person);
+                  }
+                },
+              );
+            },
+          );
+        } else {
+          return Center(
+            child: CircularProgressIndicator(),
+          );
+        }
+      },
+    );
+  }
+}
+
+/// A list of ensembles.
+class EnsemblesList extends StatelessWidget {
+  /// Called, when the user has selected an ensemble.
+  final void Function(Ensemble ensemble) onSelected;
+
+  EnsemblesList({
+    this.onSelected,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final backend = Backend.of(context);
+
+    return FutureBuilder<List<Ensemble>>(
+      future: backend.client.getEnsembles(),
+      builder: (context, snapshot) {
+        if (snapshot.hasData) {
+          return ListView.builder(
+            itemCount: snapshot.data.length,
+            itemBuilder: (context, index) {
+              final ensemble = snapshot.data[index];
+
+              return ListTile(
+                title: Text(ensemble.name),
+                onTap: () {
+                  if (onSelected != null) {
+                    onSelected(ensemble);
+                  }
+                },
+              );
+            },
+          );
+        } else {
+          return Center(
+            child: CircularProgressIndicator(),
+          );
+        }
+      },
+    );
+  }
+}
+
+/// A list of works by one composer.
+class WorksList extends StatelessWidget {
+  /// The ID of the composer.
+  final int personId;
+
+  /// Called, when the user has selected a work.
+  final void Function(WorkInfo workInfo) onSelected;
+
+  WorksList({
+    this.personId,
+    this.onSelected,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final backend = Backend.of(context);
+
+    return FutureBuilder<List<WorkInfo>>(
+      future: backend.client.getWorks(personId),
+      builder: (context, snapshot) {
+        if (snapshot.hasData) {
+          return ListView.builder(
+            itemCount: snapshot.data.length,
+            itemBuilder: (context, index) {
+              final workInfo = snapshot.data[index];
+
+              return ListTile(
+                title: Text(workInfo.work.title),
+                onTap: () {
+                  if (onSelected != null) {
+                    onSelected(workInfo);
+                  }
+                },
+              );
+            },
+          );
+        } else {
+          return Center(
+            child: CircularProgressIndicator(),
+          );
+        }
+      },
+    );
+  }
+}
+
+/// A list of recordings of a work.
+class RecordingsList extends StatelessWidget {
+  /// The ID of the work.
+  final int workId;
+
+  /// Called, when the user has selected a recording.
+  final void Function(RecordingInfo recordingInfo) onSelected;
+
+  RecordingsList({
+    this.workId,
+    this.onSelected,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final backend = Backend.of(context);
+
+    return FutureBuilder<List<RecordingInfo>>(
+      future: backend.client.getRecordings(workId),
+      builder: (context, snapshot) {
+        if (snapshot.hasData) {
+          return ListView.builder(
+            itemCount: snapshot.data.length,
+            itemBuilder: (context, index) {
+              final recordingInfo = snapshot.data[index];
+
+              return ListTile(
+                title: PerformancesText(
+                  performanceInfos: recordingInfo.performances,
+                ),
+                onTap: () {
+                  if (onSelected != null) {
+                    onSelected(recordingInfo);
+                  }
+                },
+              );
+            },
+          );
+        } else {
+          return Center(
+            child: CircularProgressIndicator(),
+          );
+        }
+      },
+    );
+  }
+}

mobile/lib/widgets/recording_tile.dart

@@ -1,50 +1,48 @@
 import 'package:flutter/material.dart';
 import 'package:musicus_database/musicus_database.dart';
 
-import '../backend.dart';
-
 import 'texts.dart';
 
 class RecordingTile extends StatelessWidget {
-  final int recordingId;
+  final WorkInfo workInfo;
+  final RecordingInfo recordingInfo;
 
   RecordingTile({
-    this.recordingId,
+    this.workInfo,
+    this.recordingInfo,
   });
 
   @override
   Widget build(BuildContext context) {
-    final backend = Backend.of(context);
     final textTheme = Theme.of(context).textTheme;
 
-    return StreamBuilder<Recording>(
-      stream: backend.db.recordingById(recordingId).watchSingle(),
-      builder: (context, snapshot) => Padding(
-        padding: const EdgeInsets.symmetric(
-          vertical: 8.0,
-        ),
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: <Widget>[
-            if (snapshot.hasData) ...[
-              DefaultTextStyle(
-                style: textTheme.subtitle1,
-                child: ComposersText(snapshot.data.work),
-              ),
-              DefaultTextStyle(
-                style: textTheme.headline6,
-                child: WorkText(snapshot.data.work),
-              ),
-            ],
-            const SizedBox(
-              height: 4.0,
+    return Padding(
+      padding: const EdgeInsets.symmetric(
+        vertical: 8.0,
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: <Widget>[
+          DefaultTextStyle(
+            style: textTheme.subtitle1,
+            child: Text(workInfo.composers
+                .map((p) => '${p.firstName} ${p.lastName}')
+                .join(', ')),
+          ),
+          DefaultTextStyle(
+            style: textTheme.headline6,
+            child: Text(workInfo.work.title),
+          ),
+          const SizedBox(
+            height: 4.0,
+          ),
+          DefaultTextStyle(
+            style: textTheme.bodyText1,
+            child: PerformancesText(
+              performanceInfos: recordingInfo.performances,
             ),
-            DefaultTextStyle(
-              style: textTheme.bodyText1,
-              child: PerformancesText(recordingId),
-            ),
-          ],
-        ),
+          ),
+        ],
       ),
     );
   }

mobile/lib/widgets/texts.dart

@@ -49,72 +49,38 @@ class PersonText extends StatelessWidget {
   }
 }
 
-class PerformancesText extends StatefulWidget {
-  final int recordingId;
+/// A widget showing information on a list of performances.
+class PerformancesText extends StatelessWidget {
+  /// The information to show.
+  final List<PerformanceInfo> performanceInfos;
 
-  PerformancesText(this.recordingId);
-
-  @override
-  _PerformancesTextState createState() => _PerformancesTextState();
-}
-
-class _PerformancesTextState extends State<PerformancesText> {
-  BackendState backend;
-  StreamSubscription<List<Performance>> performancesSubscription;
-  String text = '...';
-
-  @override
-  void didChangeDependencies() {
-    super.didChangeDependencies();
-
-    performancesSubscription?.cancel();
-    backend = Backend.of(context);
-
-    performancesSubscription = backend.db
-        .performancesByRecording(widget.recordingId)
-        .watch()
-        .listen((performances) async {
-      final List<String> texts = [];
-
-      for (final performance in performances) {
-        final buffer = StringBuffer();
-
-        if (performance.person != null) {
-          final person =
-              await backend.db.personById(performance.person).getSingle();
-          buffer.write('${person.firstName} ${person.lastName}');
-        } else if (performance.ensemble != null) {
-          final ensemble =
-              await backend.db.ensembleById(performance.ensemble).getSingle();
-          buffer.write(ensemble.name);
-        } else {
-          buffer.write('Unknown');
-        }
-
-        if (performance.role != null) {
-          final role =
-              await backend.db.instrumentById(performance.role).getSingle();
-          buffer.write(' (${role.name})');
-        }
-
-        texts.add(buffer.toString());
-      }
-
-      setState(() {
-        text = texts.join(', ');
-      });
-    });
-  }
+  PerformancesText({
+    this.performanceInfos,
+  });
 
   @override
   Widget build(BuildContext context) {
-    return Text(text);
-  }
+    final List<String> performanceTexts = [];
 
-  @override
-  void dispose() {
-    super.dispose();
-    performancesSubscription?.cancel();
+    for (final p in performanceInfos) {
+      final buffer = StringBuffer();
+
+      if (p.person != null) {
+        buffer.write('${p.person.firstName} ${p.person.lastName}');
+      } else if (p.ensemble != null) {
+        buffer.write(p.ensemble.name);
+      } else {
+        buffer.write('Unknown');
+      }
+
+      if (p.role != null) {
+        buffer.write(' (${p.role.name})');
+      }
+
+      performanceTexts.add(buffer.toString());
+    }
+
+    return Text(performanceTexts.join(', '));
   }
 }