f013c0de65
Feature/Basic App (#1) Basic App Structure Consists of Time Progress Dashboard, Time Progress Detail View and Time Progress Creator. All of these have an AppDrawer with a Link To the Dashboard and all your Track Time Progresses, also an About Button. Commits: * Undetailed Commit more work * Changed isEditing ? in Detail Screen and Extracted FAB row to widget * Extracted Progress Detail Fab Row and Progress Detail select Date Btn to widgets * Create Progress Detail Widgets Folder * Extracted Edit Dates Row Widget * Extracted Functions from ui * Made some fields private * LoadTimerProgressList if unloaded function * Created App Yes No Dialog Widget * Using Yes No Dialog in Detail Screen * Created TimeProgress Initial Default factory * Renamed to Time Progress Tracker * Added About Button in App Drawer * Code cleanup * Code clean up and fixed Bug with null as string in Repository Signed-off-by Andreas Fahrecker <AndreasFahrecker@gmail.com>
95 lines
3.1 KiB
Dart
95 lines
3.1 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_redux/flutter_redux.dart';
|
|
import 'package:percent_indicator/linear_percent_indicator.dart';
|
|
import 'package:redux/redux.dart';
|
|
import 'package:time_progress_tracker/actions/actions.dart';
|
|
import 'package:time_progress_tracker/models/app_state.dart';
|
|
import 'package:time_progress_tracker/models/time_progress.dart';
|
|
import 'package:time_progress_tracker/screens/progress_creation_screen.dart';
|
|
import 'package:time_progress_tracker/screens/progress_detail_screen.dart';
|
|
import 'package:time_progress_tracker/widgets/app_drawer_widget.dart';
|
|
|
|
class ProgressDashboardScreen extends StatelessWidget {
|
|
static const routeName = "/progress-dashboard";
|
|
static const title = "Time Progress Dashboard";
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: Text(title),
|
|
),
|
|
drawer: AppDrawer(),
|
|
body: StoreConnector(
|
|
converter: _ViewModel.fromStore,
|
|
onInit: loadTimeProgressListIfUnloaded,
|
|
builder: (BuildContext context, _ViewModel vm) {
|
|
if (!vm.hasLoaded) {
|
|
return Center(
|
|
child: CircularProgressIndicator(),
|
|
);
|
|
}
|
|
List<Widget> dashboardTileList = List<Widget>();
|
|
|
|
if (vm.timeProgressList.length > 0) {
|
|
for (TimeProgress tp in vm.timeProgressList) {
|
|
dashboardTileList.add(
|
|
Card(
|
|
child: ListTile(
|
|
title: Text(tp.name),
|
|
subtitle: LinearPercentIndicator(
|
|
center: Text("${(tp.percentDone() * 100).floor()} %"),
|
|
percent: tp.percentDone(),
|
|
progressColor: Colors.green,
|
|
backgroundColor: Colors.red,
|
|
lineHeight: 20,
|
|
),
|
|
onTap: () {
|
|
Navigator.pushNamed(
|
|
context, ProgressDetailScreen.routeName,
|
|
arguments: ProgressDetailScreenArguments(tp.id));
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
} else {
|
|
dashboardTileList.add(ListTile(
|
|
title: Text("You don't have any tracked Progress."),
|
|
));
|
|
}
|
|
|
|
return ListView(
|
|
padding: EdgeInsets.all(8),
|
|
children: dashboardTileList,
|
|
);
|
|
},
|
|
),
|
|
floatingActionButtonLocation: FloatingActionButtonLocation.endFloat,
|
|
floatingActionButton: FloatingActionButton(
|
|
child: Icon(Icons.add),
|
|
onPressed: () {
|
|
Navigator.pushNamed(context, ProgressCreationScreen.routeName);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _ViewModel {
|
|
final List<TimeProgress> timeProgressList;
|
|
final bool hasLoaded;
|
|
|
|
_ViewModel({
|
|
@required this.timeProgressList,
|
|
@required this.hasLoaded,
|
|
});
|
|
|
|
static _ViewModel fromStore(Store<AppState> store) {
|
|
return _ViewModel(
|
|
timeProgressList: store.state.timeProgressList,
|
|
hasLoaded: store.state.hasLoaded,
|
|
);
|
|
}
|
|
}
|