Gitea/git-touch-android-ios-app
1
0
Fork 0
mirror of https://github.com/git-touch/git-touch synced 2024-12-18 19:22:54 +01:00
Code Issues Releases Wiki Activity

feat: languages chart

Browse Source
This commit is contained in:
Rongjian Zhang 2019-12-21 16:55:25 +08:00
parent 864a995ac8
commit 23983fb556
2 changed files with 60 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
lib/screens/repository.dart
View File

@ -15,6 +15,7 @@ import 'package:git_touch/widgets/repository_item.dart';
import 'package:tuple/tuple.dart';
import '../widgets/entry_item.dart';
import 'package:git_touch/widgets/action_button.dart';
import 'package:charts_flutter/flutter.dart' as charts;
final repositoryRouter = RouterScreen('/:owner/:name', (context, params) {
if (params['ref'] == null) {
@ -165,23 +166,64 @@ class RepositoryScreen extends StatelessWidget {
),
CommonStyle.verticalGap,
if (repo.languages.edges.isNotEmpty)
Container(
color: theme.palette.background,
padding: CommonStyle.padding.copyWith(top: 8, bottom: 8),
child: ClipRRect(
borderRadius: BorderRadius.circular(2),
child: SizedBox(
height: 10,
child: Row(
children: join(
SizedBox(width: 1),
repo.languages.edges
.map((lang) => Container(
color: convertColor(lang.node.color),
width: langWidth *
lang.size /
repo.languages.totalSize))
.toList(),
GestureDetector(
onTap: () {
showCupertinoModalPopup(
context: context,
builder: (context) {
return Container(
color: theme.palette.background,
padding: EdgeInsets.all(40),
height: 400,
child: charts.PieChart(
[
charts.Series<GithubRepositoryLanguageEdge, String>(
id: 'languages',
domainFn: (v, _) => v.node.name,
measureFn: (v, _) => v.size,
colorFn: (v, _) =>
charts.Color.fromHex(code: v.node.color),
data: repo.languages.edges,
labelAccessorFn: (v, _) => v.node.name,
)
],
defaultRenderer: charts.ArcRendererConfig(
arcRendererDecorators: [
charts.ArcLabelDecorator(
insideLabelStyleSpec: charts.TextStyleSpec(
fontSize: 20,
color: charts.Color.white,
),
outsideLabelStyleSpec: charts.TextStyleSpec(
fontSize: 20,
color: charts.Color.black,
),
)
],
),
),
);
},
);
},
child: Container(
// color: theme.palette.background,
padding: CommonStyle.padding.copyWith(top: 8, bottom: 8),
child: ClipRRect(
borderRadius: BorderRadius.circular(2),
child: SizedBox(
height: 10,
child: Row(
children: join(
SizedBox(width: 1),
repo.languages.edges
.map((lang) => Container(
color: convertColor(lang.node.color),
width: langWidth *
lang.size /
repo.languages.totalSize))
.toList(),
),
),
),
),

1
pubspec.yaml
View File

@ -41,6 +41,7 @@ dependencies:
artemis: ^2.1.2
gql_link: ^0.2.0
fluro: ^1.5.1
charts_flutter: ^0.8.1
# The following adds the Cupertino Icons font to your application.
# Use with the CupertinoIcons class for iOS style icons.