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

265 lines
9.1 KiB
Dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/widgets.dart';
import 'package:from_css_color/from_css_color.dart';
import 'package:git_touch/graphql/__generated__/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:github/github.dart' as github;
import 'package:provider/provider.dart';
import 'package:timeago/timeago.dart' as timeago;
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;
const 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 LinkWidget(
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,
),
const 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) ...[
const SizedBox(width: 6),
DefaultTextStyle(
style: TextStyle(color: theme.palette.secondaryText),
child: Icon(iconData,
size: 18, color: theme.palette.secondaryText),
),
]
],
),
const SizedBox(height: 8),
if (description != null && description!.isNotEmpty) ...[
Text(
description!,
style: TextStyle(
color: theme.palette.secondaryText,
fontSize: 16,
),
),
const SizedBox(height: 10),
],
if (note != null) ...[
Text(
note!,
style: TextStyle(
fontSize: 14,
color: theme.palette.tertiaryText,
),
),
const 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: fromCssColor(primaryLanguageColor ??
github.languageColors[primaryLanguageName!]!),
shape: BoxShape.circle,
),
),
const SizedBox(width: 4),
Text(
primaryLanguageName!,
overflow: TextOverflow.ellipsis,
),
const SizedBox(width: 24),
],
if (starCount! > 0) ...[
Icon(Octicons.star,
size: 16, color: theme.palette.text),
const SizedBox(width: 2),
Text(numberFormat.format(starCount)),
const SizedBox(width: 24),
],
if (forkCount! > 0) ...[
Icon(Octicons.repo_forked,
size: 16, color: theme.palette.text),
const SizedBox(width: 2),
Text(numberFormat.format(forkCount)),
],
],
),
),
],
),
),
],
),
),
);
}
}