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

264 lines
8.9 KiB
Dart

import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:git_touch/graphql/github.data.gql.dart';
import 'package:git_touch/models/bitbucket.dart';
import 'package:git_touch/models/gitlab.dart';
import 'package:git_touch/models/gogs.dart';
import 'package:git_touch/models/theme.dart';
import 'package:git_touch/utils/utils.dart';
import 'package:git_touch/widgets/avatar.dart';
import 'package:git_touch/widgets/link.dart';
import 'package:provider/provider.dart';
import 'package:timeago/timeago.dart' as timeago;
import 'package:github/github.dart' as github;
class RepositoryItem extends StatelessWidget {
final String owner;
final String avatarUrl;
final String name;
final String description;
final IconData iconData;
final int starCount;
final int forkCount;
final String primaryLanguageName;
final String primaryLanguageColor;
final String note;
final String url;
final String avatarLink;
RepositoryItem({
@required this.owner,
@required this.avatarUrl,
@required this.name,
@required this.description,
@required this.starCount,
@required this.forkCount,
this.primaryLanguageName,
this.primaryLanguageColor,
this.note,
this.iconData,
@required this.url,
@required this.avatarLink,
});
RepositoryItem.go({
@required GogsRepository payload,
this.primaryLanguageName,
this.primaryLanguageColor,
this.note,
this.owner,
this.name,
}) : url = '/gogs/${payload.fullName}',
avatarUrl = payload.owner.avatarUrl,
avatarLink = '/gogs/${payload.fullName}',
description = payload.description,
forkCount = payload.forksCount,
starCount = payload.starsCount,
iconData = payload.private ? Octicons.lock : null;
RepositoryItem.bb({
@required BbRepo payload,
this.primaryLanguageName,
this.primaryLanguageColor,
}) : owner = payload.ownerLogin,
name = payload.name,
url = '/bitbucket/${payload.fullName}',
avatarUrl = payload.avatarUrl,
avatarLink = null,
note = 'Updated ${timeago.format(payload.updatedOn)}',
description = payload.description,
forkCount = 0,
starCount = 0,
iconData = payload.isPrivate ? Octicons.lock : null;
RepositoryItem.gl({
@required GitlabProject payload,
this.primaryLanguageName,
this.primaryLanguageColor,
this.note,
}) : owner = payload.namespace.path,
avatarUrl = payload.owner?.avatarUrl,
name = payload.name,
description = payload.description,
starCount = payload.starCount,
forkCount = payload.forksCount,
url = '/gitlab/projects/${payload.id}',
avatarLink = payload.namespace.kind == 'group'
? '/gitlab/group/${payload.namespace.id}'
: '/gitlab/user/${payload.namespace.id}',
iconData = _buildGlIconData(payload.visibility);
RepositoryItem.gh({
@required this.owner,
@required this.avatarUrl,
@required this.name,
@required this.description,
@required this.starCount,
@required this.forkCount,
this.primaryLanguageName,
this.primaryLanguageColor,
this.note,
@required bool isPrivate,
@required bool isFork,
}) : iconData = _buildIconData(isPrivate, isFork),
avatarLink = '/github/$owner',
url = '/github/$owner/$name';
factory RepositoryItem.gql(GRepoItem v, {@required note}) {
return RepositoryItem.gh(
owner: v.owner.login,
avatarUrl: v.owner.avatarUrl,
name: v.name,
description: v.description,
starCount: v.stargazers.totalCount,
forkCount: v.forks.totalCount,
primaryLanguageName: v.primaryLanguage?.name,
primaryLanguageColor: v.primaryLanguage?.color,
note: note,
isPrivate: v.isPrivate,
isFork: v.isFork,
);
}
static IconData _buildIconData(bool isPrivate, bool isFork) {
if (isPrivate == true) return Octicons.lock;
if (isFork == true) return Octicons.repo_forked;
return null;
}
static IconData _buildGlIconData(String visibility) {
switch (visibility) {
case 'internal':
return Ionicons.shield_outline;
case 'public':
return Ionicons.globe_outline;
case 'private':
return Ionicons.lock_closed_outline;
default:
return Octicons.repo;
}
}
@override
Widget build(BuildContext context) {
final theme = Provider.of<ThemeModel>(context);
return Link(
url: url,
child: Container(
padding: CommonStyle.padding,
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Row(
children: <Widget>[
Avatar(
url: avatarUrl,
size: AvatarSize.small,
linkUrl: avatarLink,
),
SizedBox(width: 8),
Expanded(
child: Text.rich(
TextSpan(children: [
TextSpan(
text: '$owner / ',
style: TextStyle(
fontSize: 18,
color: theme.palette.primary,
),
),
TextSpan(
text: name,
style: TextStyle(
fontSize: 18,
color: theme.palette.primary,
fontWeight: FontWeight.w600,
),
// overflow: TextOverflow.ellipsis,
),
]),
overflow: TextOverflow.ellipsis,
),
),
if (iconData != null) ...[
SizedBox(width: 6),
DefaultTextStyle(
child: Icon(iconData,
size: 18, color: theme.palette.secondaryText),
style: TextStyle(color: theme.palette.secondaryText),
),
]
],
),
SizedBox(height: 8),
if (description != null && description.isNotEmpty) ...[
Text(
description,
style: TextStyle(
color: theme.palette.secondaryText,
fontSize: 16,
),
),
SizedBox(height: 10),
],
if (note != null) ...[
Text(
note,
style: TextStyle(
fontSize: 14,
color: theme.palette.tertiaryText,
),
),
SizedBox(height: 10),
],
DefaultTextStyle(
style: TextStyle(color: theme.palette.text, fontSize: 14),
child: Row(
children: <Widget>[
if (primaryLanguageName != null) ...[
Container(
width: 12,
height: 12,
decoration: BoxDecoration(
color: convertColor(primaryLanguageColor ??
github.languageColors[primaryLanguageName]),
shape: BoxShape.circle,
),
),
SizedBox(width: 4),
Text(
primaryLanguageName,
overflow: TextOverflow.ellipsis,
),
SizedBox(width: 24),
],
if (starCount > 0) ...[
Icon(Octicons.star,
size: 16, color: theme.palette.text),
SizedBox(width: 2),
Text(numberFormat.format(starCount)),
SizedBox(width: 24),
],
if (forkCount > 0) ...[
Icon(Octicons.repo_forked,
size: 16, color: theme.palette.text),
SizedBox(width: 2),
Text(numberFormat.format(forkCount)),
],
],
),
),
],
),
),
],
),
),
);
}
}