git-touch-android-ios-app/lib/screens/gh_search.dart

258 lines
6.8 KiB
Dart
Raw Normal View History

2019-02-02 17:28:51 +01:00
import 'package:flutter/material.dart';
2019-01-23 12:52:51 +01:00
import 'package:flutter/cupertino.dart';
import 'package:git_touch/models/theme.dart';
2019-10-02 08:58:11 +02:00
import 'package:git_touch/scaffolds/common.dart';
2020-01-11 12:25:33 +01:00
import 'package:git_touch/utils/utils.dart';
2019-09-25 14:51:23 +02:00
import 'package:git_touch/widgets/issue_item.dart';
2019-09-29 16:10:15 +02:00
import 'package:git_touch/widgets/loading.dart';
2019-09-25 14:51:23 +02:00
import 'package:git_touch/widgets/user_item.dart';
2019-09-29 16:10:15 +02:00
import 'package:primer/primer.dart';
import 'package:provider/provider.dart';
2019-09-27 14:52:38 +02:00
import 'package:git_touch/models/auth.dart';
2019-09-23 12:28:33 +02:00
import 'package:git_touch/widgets/repository_item.dart';
2020-01-11 12:25:33 +01:00
import 'package:timeago/timeago.dart' as timeago;
import '../generated/l10n.dart';
2019-01-23 12:52:51 +01:00
2020-02-07 07:17:05 +01:00
class GhSearchScreen extends StatefulWidget {
2019-01-23 12:52:51 +01:00
@override
2020-02-07 07:17:05 +01:00
_GhSearchScreenState createState() => _GhSearchScreenState();
2019-02-02 17:28:51 +01:00
}
2020-02-07 07:17:05 +01:00
class _GhSearchScreenState extends State<GhSearchScreen> {
2019-09-25 14:51:23 +02:00
int _activeTab = 0;
bool _loading = false;
List<List> _payloads = [[], [], []];
2019-01-23 12:52:51 +01:00
2019-09-25 14:51:23 +02:00
TextEditingController _controller;
String get _keyword => _controller.text?.trim() ?? '';
@override
void initState() {
super.initState();
_controller = TextEditingController();
}
@override
void dispose() {
_controller.dispose();
super.dispose();
}
Future<void> _query() async {
if (_loading || _keyword.isEmpty) return;
var keyword = _controller.text;
2019-02-10 06:42:02 +01:00
setState(() {
2019-09-25 14:51:23 +02:00
_loading = true;
2019-02-10 06:42:02 +01:00
});
try {
2020-10-04 14:37:23 +02:00
final auth = context.read<AuthModel>();
final data = await auth.query('''
2019-02-10 06:42:02 +01:00
{
2019-09-25 14:51:23 +02:00
repository: search(first: $pageSize, type: REPOSITORY, query: "$keyword") {
2019-02-10 06:42:02 +01:00
nodes {
... on Repository {
2020-01-11 10:25:01 +01:00
owner {
__typename
login
avatarUrl
}
name
description
isPrivate
isFork
2020-01-11 12:25:33 +01:00
updatedAt
2020-01-11 10:25:01 +01:00
stargazers {
totalCount
}
forks {
totalCount
}
primaryLanguage {
color
name
}
2019-02-10 06:42:02 +01:00
}
}
}
2019-09-25 14:51:23 +02:00
user: search(first: $pageSize, type: USER, query: "$keyword") {
nodes {
... on Organization {
__typename
name
avatarUrl
bio: description
login
}
... on User {
$userGqlChunk
}
}
}
issue: search(first: $pageSize, type: ISSUE, query: "$keyword") {
nodes {
... on PullRequest {
__typename
$issueGqlChunk
}
... on Issue {
$issueGqlChunk
}
}
}
2019-02-10 06:42:02 +01:00
}
''');
2019-09-25 14:51:23 +02:00
_payloads[0] = data['repository']['nodes'];
_payloads[1] = data['user']['nodes'];
_payloads[2] = data['issue']['nodes'];
2019-02-10 06:42:02 +01:00
} finally {
setState(() {
2019-09-25 14:51:23 +02:00
_loading = false;
2019-02-10 06:42:02 +01:00
});
}
}
Widget _buildInput() {
2020-04-16 05:36:48 +02:00
final theme = Provider.of<ThemeModel>(context);
switch (Provider.of<ThemeModel>(context).theme) {
2019-09-19 15:10:50 +02:00
case AppThemeType.cupertino:
2019-09-29 16:10:15 +02:00
return Container(
2020-02-09 15:51:46 +01:00
color: theme.palette.background,
2019-09-29 16:10:15 +02:00
child: CupertinoTextField(
prefix: Row(
children: <Widget>[
SizedBox(width: 8),
Icon(Octicons.search, size: 20, color: PrimerColors.gray400),
],
),
placeholder: S.of(context).search,
2019-09-29 16:10:15 +02:00
clearButtonMode: OverlayVisibilityMode.editing,
textInputAction: TextInputAction.go,
onSubmitted: (_) => _query(),
controller: _controller,
),
2019-09-25 14:51:23 +02:00
);
default:
return TextField(
decoration: InputDecoration.collapsed(hintText: S.of(context).search),
2019-09-29 16:10:15 +02:00
textInputAction: TextInputAction.go,
2019-09-25 14:51:23 +02:00
onSubmitted: (_) => _query(),
controller: _controller,
);
}
}
2019-09-29 16:10:15 +02:00
_onTabSwitch(int index) {
setState(() {
_activeTab = index;
});
if (_payloads[_activeTab].isEmpty) {
_query();
}
}
static const tabs = ['Repositories', 'Users', 'Issues'];
2020-01-11 10:25:01 +01:00
static IconData _buildIconData(p) {
if (p['isPrivate']) {
return Octicons.lock;
}
if (p['isFork']) {
return Octicons.repo_forked;
}
return Octicons.repo;
}
Widget _buildItem(p) {
2019-09-25 14:51:23 +02:00
switch (_activeTab) {
case 0:
2020-01-11 12:25:33 +01:00
final updatedAt = timeago.format(DateTime.parse(p['updatedAt']));
2020-01-11 12:52:17 +01:00
return RepositoryItem.gh(
2020-01-29 06:06:55 +01:00
owner: p['owner']['login'],
avatarUrl: p['owner']['avatarUrl'],
name: p['name'],
description: p['description'],
starCount: p['stargazers']['totalCount'],
forkCount: p['forks']['totalCount'],
primaryLanguageName: p['primaryLanguage'] == null
? null
: p['primaryLanguage']['name'],
primaryLanguageColor: p['primaryLanguage'] == null
? null
: p['primaryLanguage']['color'],
note: 'Updated $updatedAt',
2020-01-11 12:52:17 +01:00
isPrivate: p['isPrivate'],
isFork: p['isFork'],
2020-01-11 10:25:01 +01:00
);
2019-09-25 14:51:23 +02:00
case 1:
2020-10-08 09:55:26 +02:00
return UserItem.github(
2020-01-11 10:25:01 +01:00
login: p['login'],
2020-10-08 09:55:26 +02:00
name: p['name'],
2020-01-11 10:25:01 +01:00
avatarUrl: p['avatarUrl'],
bio: Text(p['bio'] ?? ''),
2020-01-01 08:58:49 +01:00
);
2019-09-25 14:51:23 +02:00
case 2:
2019-02-02 17:28:51 +01:00
default:
2019-09-25 14:51:23 +02:00
return IssueItem(
2020-01-28 16:19:05 +01:00
author: p['author']['login'],
avatarUrl: p['author']['avatarUrl'],
commentCount: p['comments']['totalCount'],
subtitle: '#' + p['number'].toString(),
2020-01-28 16:19:05 +01:00
title: p['title'],
updatedAt: DateTime.parse(p['updatedAt']),
url: '/github' + Uri.parse(p['url']).path,
2020-01-28 16:19:05 +01:00
isPr: p['__typename'] == 'PullRequest',
);
2019-02-02 17:28:51 +01:00
}
2019-01-23 12:52:51 +01:00
}
2019-02-10 06:42:02 +01:00
@override
Widget build(BuildContext context) {
2019-09-29 16:10:15 +02:00
final theme = Provider.of<ThemeModel>(context).theme;
final scaffold = CommonScaffold(
title: _buildInput(),
body: SingleChildScrollView(
2019-10-03 04:46:53 +02:00
child: Column(
children: [
if (theme == AppThemeType.cupertino)
Center(
child: Padding(
padding: EdgeInsets.symmetric(vertical: 8),
child: CupertinoSlidingSegmentedControl(
2019-10-03 04:46:53 +02:00
groupValue: _activeTab,
onValueChanged: _onTabSwitch,
children: tabs.asMap().map((key, text) => MapEntry(
key,
Padding(
padding: const EdgeInsets.symmetric(horizontal: 8),
child: Text(text, style: TextStyle(fontSize: 14)),
))),
),
),
2019-09-29 16:10:15 +02:00
),
2019-10-03 04:46:53 +02:00
if (_loading)
Loading()
else
..._payloads[_activeTab].map(_buildItem).toList(),
],
),
2019-09-29 16:10:15 +02:00
),
bottom: TabBar(
onTap: _onTabSwitch,
tabs: tabs.map((text) => Tab(text: text.toUpperCase())).toList(),
2019-09-25 08:24:20 +02:00
),
2019-02-10 06:42:02 +01:00
);
2019-09-29 16:10:15 +02:00
if (theme == AppThemeType.material) {
return DefaultTabController(
length: tabs.length,
child: scaffold,
);
} else {
return scaffold;
}
2019-02-10 06:42:02 +01:00
}
2019-01-23 12:52:51 +01:00
}