git-touch-android-ios-app/lib/widgets/table_view.dart

123 lines
3.6 KiB
Dart
Raw Normal View History

2019-02-08 16:20:28 +01:00
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
2019-11-05 14:22:41 +01:00
import 'package:git_touch/models/theme.dart';
2019-09-04 16:37:22 +02:00
import 'package:git_touch/utils/utils.dart';
2019-10-02 08:58:11 +02:00
import 'package:git_touch/widgets/border_view.dart';
2019-11-05 14:22:41 +01:00
import 'package:provider/provider.dart';
2019-02-08 16:20:28 +01:00
import 'link.dart';
2019-09-21 17:54:25 +02:00
class TableViewHeader extends StatelessWidget {
final String title;
TableViewHeader(this.title);
@override
Widget build(BuildContext context) {
2019-12-21 10:26:26 +01:00
final theme = Provider.of<ThemeModel>(context);
2019-09-21 17:54:25 +02:00
return Container(
padding: EdgeInsets.symmetric(horizontal: 12, vertical: 6),
child: Text(
title.toUpperCase(),
2020-01-27 08:11:51 +01:00
style: TextStyle(color: theme.palette.secondaryText, fontSize: 13),
2019-09-21 17:54:25 +02:00
),
);
}
}
2019-02-08 16:20:28 +01:00
class TableViewItem {
2019-09-04 16:59:33 +02:00
final Widget text;
2019-09-14 17:48:01 +02:00
final IconData leftIconData;
2019-09-04 16:59:33 +02:00
final Widget leftWidget;
final Widget rightWidget;
2019-02-08 16:20:28 +01:00
final void Function() onTap;
2019-09-23 18:34:51 +02:00
final String url;
2019-09-14 17:48:01 +02:00
final bool hideRightChevron;
2019-02-08 16:20:28 +01:00
TableViewItem({
2019-09-14 18:01:15 +02:00
@required this.text,
2019-09-14 17:48:01 +02:00
this.leftIconData,
2019-09-04 16:59:33 +02:00
this.leftWidget,
this.rightWidget,
2019-02-08 16:20:28 +01:00
this.onTap,
2019-09-23 18:34:51 +02:00
this.url,
2019-09-14 17:48:01 +02:00
this.hideRightChevron = false,
}) : assert(leftIconData == null || leftWidget == null);
2019-02-08 16:20:28 +01:00
}
class TableView extends StatelessWidget {
2019-09-04 16:37:22 +02:00
final String headerText;
2019-09-14 18:01:15 +02:00
final Iterable<TableViewItem> items;
2019-09-15 09:08:09 +02:00
final bool hasIcon;
2019-02-08 16:20:28 +01:00
2019-09-15 09:08:09 +02:00
double get _leftPadding => hasIcon ? 44 : 12;
TableView({this.headerText, @required this.items, this.hasIcon = false});
2019-09-04 16:37:22 +02:00
2019-02-08 16:20:28 +01:00
@override
Widget build(BuildContext context) {
2019-12-21 10:26:26 +01:00
final theme = Provider.of<ThemeModel>(context);
2019-11-05 14:22:41 +01:00
2019-09-04 16:37:22 +02:00
return Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
2019-09-21 17:54:25 +02:00
if (headerText != null) TableViewHeader(headerText),
2019-10-02 10:09:54 +02:00
CommonStyle.border,
2019-11-05 14:22:41 +01:00
...join(
2020-01-04 15:46:59 +01:00
BorderView(leftPadding: _leftPadding),
items.map((item) {
if (item == null) return null;
2019-11-05 14:22:41 +01:00
2020-01-04 15:46:59 +01:00
var leftWidget = item.leftWidget;
if (leftWidget == null && hasIcon) {
leftWidget = Icon(
item.leftIconData,
2020-01-27 08:11:51 +01:00
color: theme.palette.primary,
2020-01-04 15:46:59 +01:00
size: 20,
);
}
2019-11-05 14:22:41 +01:00
2020-01-04 15:46:59 +01:00
return Link(
onTap: item.onTap,
url: item.url,
child: DefaultTextStyle(
2020-01-27 08:11:51 +01:00
style: TextStyle(fontSize: 17, color: theme.palette.text),
2019-11-05 14:22:41 +01:00
overflow: TextOverflow.ellipsis,
child: Container(
height: 44,
child: Row(
children: [
2019-12-21 09:16:17 +01:00
SizedBox(
width: _leftPadding,
child: Center(child: leftWidget),
),
2019-11-05 14:22:41 +01:00
Expanded(child: item.text),
if (item.rightWidget != null) ...[
DefaultTextStyle(
style: TextStyle(
2020-01-27 03:47:34 +01:00
fontSize: 17,
2020-01-27 08:11:51 +01:00
color: theme.palette.tertiaryText,
2019-11-05 14:22:41 +01:00
),
child: item.rightWidget,
),
SizedBox(width: 6)
],
2019-12-12 13:29:56 +01:00
if ((item.onTap != null || item.url != null) &&
2019-11-05 14:22:41 +01:00
!item.hideRightChevron)
Icon(CupertinoIcons.right_chevron,
2020-01-27 08:11:51 +01:00
size: 20, color: theme.palette.tertiaryText)
2019-11-05 14:22:41 +01:00
else
SizedBox(width: 2),
SizedBox(width: 8),
],
),
),
2020-01-04 15:46:59 +01:00
),
);
}).toList(),
),
2019-10-02 10:09:54 +02:00
CommonStyle.border,
2019-09-04 16:37:22 +02:00
],
2019-02-08 16:20:28 +01:00
);
}
}