git-touch-android-ios-app/lib/screens/gitlab_project.dart

172 lines
6.1 KiB
Dart

import 'package:filesize/filesize.dart';
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter_svg/svg.dart';
import 'package:git_touch/models/auth.dart';
import 'package:git_touch/models/gitlab.dart';
import 'package:git_touch/scaffolds/refresh_stateful.dart';
import 'package:git_touch/utils/utils.dart';
import 'package:git_touch/widgets/app_bar_title.dart';
import 'package:git_touch/widgets/avatar.dart';
import 'package:git_touch/widgets/entry_item.dart';
import 'package:git_touch/widgets/markdown_view.dart';
import 'package:git_touch/widgets/table_view.dart';
import 'package:provider/provider.dart';
import 'package:git_touch/models/theme.dart';
import 'package:git_touch/widgets/action_button.dart';
import 'package:tuple/tuple.dart';
final gitlabProjectRouter = RouterScreen('/gitlab/projects/:id',
(context, params) => GitlabProjectScreen(int.parse(params['id'].first)));
class GitlabProjectScreen extends StatelessWidget {
final int id;
GitlabProjectScreen(this.id);
@override
Widget build(BuildContext context) {
return RefreshStatefulScaffold<
Tuple4<GitlabProject, Map<String, double>, List<GitlabProjectBadge>,
String>>(
title: AppBarTitle('Project'),
fetchData: () async {
final auth = Provider.of<AuthModel>(context);
final res = await Future.wait([
auth.fetchGitlab('/projects/$id?statistics=1'),
auth.fetchGitlab('/projects/$id/languages'),
auth.fetchGitlab('/projects/$id/badges'),
]);
final p = GitlabProject.fromJson(res[0]);
String readme;
if (p.readmeUrl != null) {
readme = await auth.fetchWithGitlabToken(
p.readmeUrl.replaceFirst(r'/blob/', '/raw/'));
}
return Tuple4(
p,
Map<String, double>.from(res[1]),
(res[2] as List).map((v) => GitlabProjectBadge.fromJson(v)).toList(),
readme,
);
},
actionBuilder: (t, setState) {
return ActionButton(
title: 'Project Actions',
items: [
...ActionItem.getUrlActions(t.item1.webUrl),
],
);
},
bodyBuilder: (t, _) {
// final langWidth = MediaQuery.of(context).size.width -
// CommonStyle.padding.left -
// CommonStyle.padding.right -
// data.languages.length +
// 1;
final p = t.item1;
final langs = t.item2;
final badges = t.item3;
final theme = Provider.of<ThemeModel>(context);
// final auth = Provider.of<AuthModel>(context);
return Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
Container(
padding: CommonStyle.padding,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: join(SizedBox(height: 12), [
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Avatar(
url: p.avatarUrl,
size: AvatarSize.small,
linkUrl: '/${p.namespace.name}',
),
SizedBox(width: 8),
Text(
'${p.namespace.name} / ${p.name}',
style: TextStyle(
fontSize: 20,
color: theme.palette.primary,
),
),
],
),
if (p.description != null && p.description.isNotEmpty)
Text(
p.description,
style: TextStyle(
color: theme.palette.secondaryText,
fontSize: 17,
),
),
if (badges.isNotEmpty)
Wrap(spacing: 4, runSpacing: 4, children: [
for (var label in badges)
SvgPicture.network(label.renderedImageUrl, height: 20),
])
]),
),
),
CommonStyle.border,
Row(
children: <Widget>[
EntryItem(
count: p.starCount,
text: 'Stars',
),
EntryItem(
count: p.forksCount,
text: 'Forks', // TODO:
),
],
),
CommonStyle.border,
TableView(
hasIcon: true,
items: [
TableViewItem(
leftIconData: Octicons.code,
text: Text(langs.keys.isEmpty ? 'Code' : langs.keys.first),
rightWidget: Text(filesize(p.statistics.repositorySize)),
url: '/gitlab/projects/$id/tree',
),
if (p.issuesEnabled)
TableViewItem(
leftIconData: Octicons.issue_opened,
text: Text('Issues'),
rightWidget: Text(numberFormat.format(p.openIssuesCount)),
url: '/gitlab/projects/$id/issues',
),
if (p.mergeRequestsEnabled)
TableViewItem(
leftIconData: Octicons.git_pull_request,
text: Text('Merge requests'),
url: '/gitlab/projects/$id/merge_requests',
),
TableViewItem(
leftIconData: Octicons.history,
text: Text('Commits'),
rightWidget: Text(p.statistics.commitCount.toString()),
url: '/gitlab/projects/$id/commits',
),
],
),
CommonStyle.verticalGap,
if (t.item4 != null)
Container(
padding: CommonStyle.padding,
color: theme.palette.background,
child: MarkdownView(t.item4),
),
CommonStyle.verticalGap,
],
);
},
);
}
}