b520d56d1a
* Added Settings Actions * Created App Settings and Repo + Entity * Code cleanup Time Progress * Created App Settings Middleware * Has Progresses ad has Settings loaded * Created Load and Update Settings reducers * Added Settings store middleware to renamed store middleware * Load Default Settings if not Saved. Use Redux AppState to showprogress colors. Colors are not yet changeable. * Added ColorPicker for Done and Left Color Fixed Loading App Settings Bug * Fixed Version Number * Fixed Android App Logo * Extracted Color Settings into Widget * Fixed Home Settings Tab Layout and Color Settings Button now show Text in complementary color
65 lines
2.0 KiB
Dart
65 lines
2.0 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:percent_indicator/circular_percent_indicator.dart';
|
|
import 'package:percent_indicator/linear_percent_indicator.dart';
|
|
import 'package:time_progress_tracker/models/time_progress.dart';
|
|
|
|
class ProgressViewWidget extends StatelessWidget {
|
|
final TimeProgress timeProgress;
|
|
final Color doneColor;
|
|
final Color leftColor;
|
|
|
|
ProgressViewWidget({
|
|
@required this.timeProgress,
|
|
@required this.doneColor,
|
|
@required this.leftColor,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
child: Column(
|
|
children: [
|
|
Expanded(
|
|
child: FittedBox(
|
|
fit: BoxFit.fitWidth,
|
|
child: Text(
|
|
timeProgress.name,
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black87,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: CircularPercentIndicator(
|
|
radius: 100,
|
|
lineWidth: 10,
|
|
percent: timeProgress.percentDone(),
|
|
progressColor: doneColor,
|
|
backgroundColor: leftColor,
|
|
center: Text("${(timeProgress.percentDone() * 100).floor()} %"),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: LinearPercentIndicator(
|
|
padding: EdgeInsets.symmetric(horizontal: 15),
|
|
percent: timeProgress.percentDone(),
|
|
leading: Text("${timeProgress.daysBehind()} Days"),
|
|
center: Text(
|
|
"${(timeProgress.percentDone() * 100).floor()} %",
|
|
style: TextStyle(color: Colors.white),
|
|
),
|
|
trailing: Text("${timeProgress.daysLeft()} Days"),
|
|
progressColor: doneColor,
|
|
backgroundColor: leftColor,
|
|
lineHeight: 25,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|