import 'package:flutter/material.dart'; import 'package:flutter/cupertino.dart'; import 'package:git_touch/models/theme.dart'; import 'package:git_touch/scaffolds/common.dart'; import 'package:git_touch/utils/utils.dart'; import 'package:git_touch/widgets/issue_item.dart'; import 'package:git_touch/widgets/loading.dart'; import 'package:git_touch/widgets/user_item.dart'; import 'package:primer/primer.dart'; import 'package:provider/provider.dart'; import 'package:git_touch/models/auth.dart'; import 'package:git_touch/widgets/repository_item.dart'; import 'package:timeago/timeago.dart' as timeago; import '../generated/l10n.dart'; class GhSearchScreen extends StatefulWidget { @override _GhSearchScreenState createState() => _GhSearchScreenState(); } class _GhSearchScreenState extends State { int _activeTab = 0; bool _loading = false; List _payloads = [[], [], []]; TextEditingController _controller; String get _keyword => _controller.text?.trim() ?? ''; @override void initState() { super.initState(); _controller = TextEditingController(); } @override void dispose() { _controller.dispose(); super.dispose(); } Future _query() async { if (_loading || _keyword.isEmpty) return; var keyword = _controller.text; setState(() { _loading = true; }); try { final auth = context.read(); final data = await auth.query(''' { repository: search(first: $pageSize, type: REPOSITORY, query: "$keyword") { nodes { ... on Repository { owner { __typename login avatarUrl } name description isPrivate isFork updatedAt stargazers { totalCount } forks { totalCount } primaryLanguage { color name } } } } 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 } } } } '''); _payloads[0] = data['repository']['nodes']; _payloads[1] = data['user']['nodes']; _payloads[2] = data['issue']['nodes']; } finally { setState(() { _loading = false; }); } } Widget _buildInput() { final theme = Provider.of(context); switch (Provider.of(context).theme) { case AppThemeType.cupertino: return Container( color: theme.palette.background, child: CupertinoTextField( prefix: Row( children: [ SizedBox(width: 8), Icon(Octicons.search, size: 20, color: PrimerColors.gray400), ], ), placeholder: S.of(context).search, clearButtonMode: OverlayVisibilityMode.editing, textInputAction: TextInputAction.go, onSubmitted: (_) => _query(), controller: _controller, ), ); default: return TextField( decoration: InputDecoration.collapsed(hintText: S.of(context).search), textInputAction: TextInputAction.go, onSubmitted: (_) => _query(), controller: _controller, ); } } _onTabSwitch(int index) { setState(() { _activeTab = index; }); if (_payloads[_activeTab].isEmpty) { _query(); } } static const tabs = ['Repositories', 'Users', 'Issues']; static IconData _buildIconData(p) { if (p['isPrivate']) { return Octicons.lock; } if (p['isFork']) { return Octicons.repo_forked; } return Octicons.repo; } Widget _buildItem(p) { switch (_activeTab) { case 0: final updatedAt = timeago.format(DateTime.parse(p['updatedAt'])); return RepositoryItem.gh( 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', isPrivate: p['isPrivate'], isFork: p['isFork'], ); case 1: return UserItem.github( login: p['login'], name: p['name'], avatarUrl: p['avatarUrl'], bio: Text(p['bio'] ?? ''), ); case 2: default: return IssueItem( author: p['author']['login'], avatarUrl: p['author']['avatarUrl'], commentCount: p['comments']['totalCount'], subtitle: '#' + p['number'].toString(), title: p['title'], updatedAt: DateTime.parse(p['updatedAt']), url: '/github' + Uri.parse(p['url']).path, isPr: p['__typename'] == 'PullRequest', ); } } @override Widget build(BuildContext context) { final theme = Provider.of(context).theme; final scaffold = CommonScaffold( title: _buildInput(), body: SingleChildScrollView( child: Column( children: [ if (theme == AppThemeType.cupertino) Center( child: Padding( padding: EdgeInsets.symmetric(vertical: 8), child: CupertinoSlidingSegmentedControl( 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)), ))), ), ), ), if (_loading) Loading() else ..._payloads[_activeTab].map(_buildItem).toList(), ], ), ), bottom: TabBar( onTap: _onTabSwitch, tabs: tabs.map((text) => Tab(text: text.toUpperCase())).toList(), ), ); if (theme == AppThemeType.material) { return DefaultTabController( length: tabs.length, child: scaffold, ); } else { return scaffold; } } }