1
0
mirror of https://github.com/git-touch/git-touch synced 2024-12-16 18:28:51 +01:00

feat: repo language ratio bar

This commit is contained in:
Rongjian Zhang 2019-09-08 22:17:29 +08:00
parent 354520d9c1
commit 029bebaf0d
3 changed files with 80 additions and 38 deletions

View File

@ -2,6 +2,9 @@ import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:git_touch/models/settings.dart';
import 'package:git_touch/utils/utils.dart';
import 'package:git_touch/widgets/table_view.dart';
import 'package:primer/primer.dart';
import 'package:provider/provider.dart';
import 'package:flutter_markdown/flutter_markdown.dart';
import 'package:git_touch/models/theme.dart';
@ -21,6 +24,8 @@ class RepoScreen extends StatelessWidget {
final String owner;
final String name;
static const _languageBarPadding = 10.0;
RepoScreen(this.owner, this.name);
RepoScreen.fromFullName(String fullName)
: owner = fullName.split('/')[0],
@ -50,13 +55,23 @@ class RepoScreen extends StatelessWidget {
primaryLanguage {
color
name
}
}
issues(states: OPEN) {
totalCount
}
pullRequests(states: OPEN) {
totalCount
}
languages(first: 10, orderBy: {field: SIZE, direction: DESC}) {
totalSize
edges {
size
node {
name
color
}
}
}
url
defaultBranchRef {
name
@ -158,44 +173,73 @@ class RepoScreen extends StatelessWidget {
var payload = data[0];
var readme = data[1];
final langWidth =
MediaQuery.of(context).size.width - _languageBarPadding * 2;
return Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
RepoItem(payload, isLink: false),
Container(
decoration: BoxDecoration(
border: Border(
bottom: BorderSide(color: Colors.black12),
top: BorderSide(color: Colors.black12),
BorderView(),
Row(
children: <Widget>[
EntryItem(
count: payload['issues']['totalCount'],
text: 'Issues',
screenBuilder: (context) =>
IssuesScreen(owner: owner, name: name),
),
EntryItem(
count: payload['pullRequests']['totalCount'],
text: 'Pull Requests',
screenBuilder: (context) => IssuesScreen(
owner: owner, name: name, isPullRequest: true),
),
EntryItem(
count: payload['defaultBranchRef']['target']['history']
['totalCount'],
text: 'Commits',
screenBuilder: (context) => CommitsScreen(owner, name),
),
],
),
BorderView(height: 10),
Padding(
padding: const EdgeInsets.all(_languageBarPadding),
child: ClipRRect(
borderRadius: BorderRadius.circular(4),
child: Container(
height: 10,
child: Row(
children: (payload['languages']['edges'] as List)
.map((lang) => Container(
color: convertColor(lang['node']['color']),
width: langWidth *
lang['size'] /
payload['languages']['totalSize']))
.toList()),
),
),
child: Row(
children: <Widget>[
EntryItem(
count: payload['issues']['totalCount'],
text: 'Issues',
screenBuilder: (context) =>
IssuesScreen(owner: owner, name: name),
),
EntryItem(
count: payload['pullRequests']['totalCount'],
text: 'Pull Requests',
screenBuilder: (context) => IssuesScreen(
owner: owner, name: name, isPullRequest: true),
),
EntryItem(
text: 'Files',
screenBuilder: (context) =>
ObjectScreen(owner: owner, name: name),
),
EntryItem(
count: payload['defaultBranchRef']['target']['history']
['totalCount'],
text: 'Commits',
screenBuilder: (context) => CommitsScreen(owner, name),
),
],
),
),
TableView(items: [
TableViewItem(
leftWidget: Icon(Octicons.code,
size: 20,
color: convertColor(payload['primaryLanguage'] == null
? null
: payload['primaryLanguage']['color'])),
text: Text(payload['primaryLanguage'] == null
? 'Unknown'
: payload['primaryLanguage']['name']),
rightWidget: Icon(
CupertinoIcons.right_chevron,
size: 18,
color: PrimerColors.gray300,
),
screenBuilder: (_) => ObjectScreen(owner: owner, name: name),
)
]),
BorderView(height: 10),
Container(
padding: EdgeInsets.all(16),
child: MarkdownBody(data: readme),

View File

@ -108,10 +108,8 @@ class _UserScreenState extends State<UserScreen> {
var leftWidget = Icon(iconData, size: 20, color: PrimerColors.blue500);
var usePlaceholder = text == null || text.isEmpty;
var itemText = usePlaceholder
? Text(placeholder,
style: TextStyle(color: PrimerColors.gray300, fontSize: 16))
: Text(text,
style: TextStyle(color: PrimerColors.gray900, fontSize: 16));
? Text(placeholder, style: TextStyle(color: PrimerColors.gray300))
: Text(text);
return TableViewItem(
leftWidget: leftWidget,

View File

@ -53,7 +53,7 @@ class TableView extends StatelessWidget {
Expanded(
child: DefaultTextStyle(
child: item.text,
style: TextStyle(fontSize: 18, color: PrimerColors.gray900),
style: TextStyle(fontSize: 16, color: PrimerColors.gray900),
),
),
...(item.rightWidget == null ? [] : [item.rightWidget]),