mirror of
https://github.com/git-touch/git-touch
synced 2024-12-25 15:22:38 +01:00
378 lines
12 KiB
Dart
378 lines
12 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:git_touch/graphql/gh.dart';
|
|
import 'package:git_touch/models/theme.dart';
|
|
import 'package:git_touch/scaffolds/refresh_stateful.dart';
|
|
import 'package:git_touch/screens/users.dart';
|
|
import 'package:git_touch/utils/utils.dart';
|
|
import 'package:git_touch/widgets/action_entry.dart';
|
|
import 'package:git_touch/widgets/app_bar_title.dart';
|
|
import 'package:git_touch/screens/repositories.dart';
|
|
import 'package:git_touch/widgets/avatar.dart';
|
|
import 'package:git_touch/widgets/mutation_button.dart';
|
|
import 'package:git_touch/widgets/entry_item.dart';
|
|
import 'package:git_touch/widgets/repository_item.dart';
|
|
import 'package:git_touch/widgets/table_view.dart';
|
|
import 'package:git_touch/widgets/text_contains_organization.dart';
|
|
import 'package:git_touch/models/auth.dart';
|
|
import 'package:git_touch/widgets/user_header.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:git_touch/widgets/action_button.dart';
|
|
|
|
final userRouter = RouterScreen(
|
|
'/:login',
|
|
(context, parameters) {
|
|
final login = parameters['login'].first;
|
|
final tab = parameters['tab']?.first;
|
|
switch (tab) {
|
|
case 'followers':
|
|
return UsersScreen(login, UsersScreenType.follower);
|
|
case 'following':
|
|
return UsersScreen(login, UsersScreenType.following);
|
|
case 'people':
|
|
return UsersScreen(login, UsersScreenType.member);
|
|
case 'stars':
|
|
return RepositoriesScreen.stars(login);
|
|
case 'repositories':
|
|
return RepositoriesScreen(login);
|
|
default:
|
|
return UserScreen(login);
|
|
}
|
|
},
|
|
);
|
|
|
|
class UserScreen extends StatelessWidget {
|
|
final String login;
|
|
UserScreen(this.login);
|
|
bool get isViewer => login == null;
|
|
|
|
Iterable<Widget> _buildPinnedItems(Iterable<GhUserRepository> pinnedItems,
|
|
Iterable<GhUserRepository> repositories) {
|
|
String title;
|
|
Iterable<GhUserRepository> items = [];
|
|
|
|
if (pinnedItems.isNotEmpty) {
|
|
title = 'pinned repositories';
|
|
items = pinnedItems;
|
|
} else if (repositories.isNotEmpty) {
|
|
title = 'popular repositories';
|
|
items = repositories;
|
|
}
|
|
if (items.isEmpty) return [];
|
|
|
|
return [
|
|
if (title != null) TableViewHeader(title),
|
|
...join(
|
|
CommonStyle.border,
|
|
items.map((v) {
|
|
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,
|
|
isPrivate: v.isPrivate,
|
|
isFork: v.isFork,
|
|
);
|
|
}).toList(),
|
|
),
|
|
];
|
|
}
|
|
|
|
Widget _buildUser(BuildContext context, GhUserUser p,
|
|
void Function(void Function()) setState) {
|
|
final theme = Provider.of<ThemeModel>(context);
|
|
final auth = Provider.of<AuthModel>(context);
|
|
final login = p.login;
|
|
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: <Widget>[
|
|
UserHeader(
|
|
avatarUrl: p.avatarUrl,
|
|
name: p.name,
|
|
login: p.login,
|
|
createdAt: p.createdAt,
|
|
bio: p.bio,
|
|
followWidget: p.viewerCanFollow == true
|
|
? MutationButton(
|
|
text: p.viewerIsFollowing ? 'Unfollow' : 'Follow',
|
|
onPressed: () async {
|
|
final res = await auth.gqlClient.execute(
|
|
GhFollowQuery(
|
|
variables: GhFollowArguments(
|
|
id: p.id,
|
|
flag: !p.viewerIsFollowing,
|
|
),
|
|
),
|
|
);
|
|
setState(() {
|
|
p.viewerIsFollowing =
|
|
res.data.unfollowUser?.user?.viewerIsFollowing ??
|
|
res.data.followUser.user.viewerIsFollowing;
|
|
});
|
|
},
|
|
)
|
|
: null,
|
|
),
|
|
CommonStyle.border,
|
|
Row(children: [
|
|
EntryItem(
|
|
count: p.repositories.totalCount,
|
|
text: 'Repositories',
|
|
url: '/$login?tab=repositories',
|
|
),
|
|
EntryItem(
|
|
count: p.starredRepositories.totalCount,
|
|
text: 'Stars',
|
|
url: '/$login?tab=stars',
|
|
),
|
|
EntryItem(
|
|
count: p.followers.totalCount,
|
|
text: 'Followers',
|
|
url: '/$login?tab=followers',
|
|
),
|
|
EntryItem(
|
|
count: p.following.totalCount,
|
|
text: 'Following',
|
|
url: '/$login?tab=following',
|
|
),
|
|
]),
|
|
CommonStyle.border,
|
|
Container(
|
|
padding: CommonStyle.padding,
|
|
child: SingleChildScrollView(
|
|
scrollDirection: Axis.horizontal,
|
|
reverse: true,
|
|
child: Wrap(
|
|
spacing: 3,
|
|
children: p.contributionsCollection.contributionCalendar.weeks
|
|
.map((week) {
|
|
return Wrap(
|
|
direction: Axis.vertical,
|
|
spacing: 3,
|
|
children: week.contributionDays.map((day) {
|
|
var color = convertColor(day.color);
|
|
if (theme.brightness == Brightness.dark) {
|
|
color = Color.fromRGBO(0xff - color.red,
|
|
0xff - color.green, 0xff - color.blue, 1);
|
|
}
|
|
return SizedBox(
|
|
width: 10,
|
|
height: 10,
|
|
child: DecoratedBox(
|
|
decoration: BoxDecoration(color: color),
|
|
),
|
|
);
|
|
}).toList(),
|
|
);
|
|
}).toList(),
|
|
),
|
|
),
|
|
),
|
|
CommonStyle.border,
|
|
TableView(
|
|
hasIcon: true,
|
|
items: [
|
|
if (isNotNullOrEmpty(p.company))
|
|
TableViewItem(
|
|
leftIconData: Octicons.organization,
|
|
text: TextContainsOrganization(
|
|
p.company,
|
|
style: TextStyle(fontSize: 17, color: theme.palette.text),
|
|
oneLine: true,
|
|
),
|
|
),
|
|
if (isNotNullOrEmpty(p.location))
|
|
TableViewItem(
|
|
leftIconData: Octicons.location,
|
|
text: Text(p.location),
|
|
onTap: () {
|
|
launchUrl('https://www.google.com/maps/place/' +
|
|
p.location.replaceAll(RegExp(r'\s+'), ''));
|
|
},
|
|
),
|
|
if (isNotNullOrEmpty(p.email))
|
|
TableViewItem(
|
|
leftIconData: Octicons.mail,
|
|
text: Text(p.email),
|
|
onTap: () {
|
|
launchUrl('mailto:' + p.email);
|
|
},
|
|
),
|
|
if (isNotNullOrEmpty(p.websiteUrl))
|
|
TableViewItem(
|
|
leftIconData: Octicons.link,
|
|
text: Text(p.websiteUrl),
|
|
onTap: () {
|
|
var url = p.websiteUrl;
|
|
if (!url.startsWith('http')) {
|
|
url = 'http://$url';
|
|
}
|
|
launchUrl(url);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
CommonStyle.verticalGap,
|
|
// if (isViewer)
|
|
// TableView(
|
|
// hasIcon: true,
|
|
// items: [
|
|
// TableViewItem(
|
|
// leftIconData: Icons.settings,
|
|
// text: Text('Settings'),
|
|
// url: '/settings',
|
|
// ),
|
|
// TableViewItem(
|
|
// leftIconData: Icons.info_outline,
|
|
// text: Text('About'),
|
|
// url: '/about',
|
|
// ),
|
|
// ],
|
|
// )
|
|
// else
|
|
..._buildPinnedItems(
|
|
p.pinnedItems.nodes
|
|
.where((n) => n is GhUserRepository)
|
|
.cast<GhUserRepository>(),
|
|
p.repositories.nodes),
|
|
CommonStyle.verticalGap,
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildOrganization(BuildContext context, GhUserOrganization p) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: <Widget>[
|
|
UserHeader(
|
|
avatarUrl: p.avatarUrl,
|
|
name: p.name,
|
|
login: p.login,
|
|
createdAt: p.createdAt,
|
|
bio: p.description,
|
|
),
|
|
CommonStyle.border,
|
|
Row(children: [
|
|
EntryItem(
|
|
count: p.pinnableItems.totalCount,
|
|
text: 'Repositories',
|
|
url: '/${p.login}?tab=repositories',
|
|
),
|
|
EntryItem(
|
|
count: p.membersWithRole.totalCount,
|
|
text: 'Members',
|
|
url: '/${p.login}?tab=people',
|
|
),
|
|
]),
|
|
TableView(
|
|
hasIcon: true,
|
|
items: [
|
|
if (isNotNullOrEmpty(p.location))
|
|
TableViewItem(
|
|
leftIconData: Octicons.location,
|
|
text: Text(p.location),
|
|
onTap: () {
|
|
launchUrl('https://www.google.com/maps/place/' +
|
|
p.location.replaceAll(RegExp(r'\s+'), ''));
|
|
},
|
|
),
|
|
if (isNotNullOrEmpty(p.email))
|
|
TableViewItem(
|
|
leftIconData: Octicons.mail,
|
|
text: Text(p.email),
|
|
onTap: () {
|
|
launchUrl('mailto:' + p.email);
|
|
},
|
|
),
|
|
if (isNotNullOrEmpty(p.websiteUrl))
|
|
TableViewItem(
|
|
leftIconData: Octicons.link,
|
|
text: Text(p.websiteUrl),
|
|
onTap: () {
|
|
var url = p.websiteUrl;
|
|
if (!url.startsWith('http')) {
|
|
url = 'http://$url';
|
|
}
|
|
launchUrl(url);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
CommonStyle.verticalGap,
|
|
..._buildPinnedItems(
|
|
p.pinnedItems.nodes
|
|
.where((n) => n is GhUserRepository)
|
|
.cast<GhUserRepository>(),
|
|
p.pinnableItems.nodes
|
|
.where((n) => n is GhUserRepository)
|
|
.cast<GhUserRepository>(),
|
|
),
|
|
CommonStyle.verticalGap,
|
|
],
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final auth = Provider.of<AuthModel>(context);
|
|
final theme = Provider.of<ThemeModel>(context);
|
|
return RefreshStatefulScaffold<GhUserRepositoryOwner>(
|
|
fetchData: () async {
|
|
final data = await auth.gqlClient.execute(GhUserQuery(
|
|
variables:
|
|
GhUserArguments(login: login ?? '', isViewer: isViewer)));
|
|
return isViewer ? data.data.viewer : data.data.repositoryOwner;
|
|
},
|
|
title: AppBarTitle(isViewer ? 'Me' : login),
|
|
action: isViewer
|
|
? ActionEntry(
|
|
iconData: Icons.settings,
|
|
onTap: () {
|
|
theme.push(context, '/settings');
|
|
},
|
|
)
|
|
: null,
|
|
actionBuilder: isViewer
|
|
? null
|
|
: (payload, setState) {
|
|
switch (payload.resolveType) {
|
|
case 'User':
|
|
final user = payload as GhUserUser;
|
|
return ActionButton(
|
|
title: 'User Actions',
|
|
items: [...ActionItem.getUrlActions(user.url)],
|
|
);
|
|
case 'Organization':
|
|
final organization = payload as GhUserOrganization;
|
|
return ActionButton(
|
|
title: 'Organization Actions',
|
|
items: [
|
|
...ActionItem.getUrlActions(organization.url),
|
|
],
|
|
);
|
|
default:
|
|
return null;
|
|
}
|
|
},
|
|
bodyBuilder: (payload, setState) {
|
|
if (isViewer) {
|
|
return _buildUser(context, payload as GhUserUser, setState);
|
|
}
|
|
switch (payload.resolveType) {
|
|
case 'User':
|
|
return _buildUser(context, payload as GhUserUser, setState);
|
|
case 'Organization':
|
|
return _buildOrganization(context, payload as GhUserOrganization);
|
|
default:
|
|
return null;
|
|
}
|
|
},
|
|
);
|
|
}
|
|
}
|