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; class SearchScreen extends StatefulWidget { @override _SearchScreenState createState() => _SearchScreenState(); } class _SearchScreenState 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 { var data = await Provider.of(context).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() { switch (Provider.of(context).theme) { case AppThemeType.cupertino: return Container( color: Colors.white, child: CupertinoTextField( prefix: Row( children: [ SizedBox(width: 8), Icon(Octicons.search, size: 20, color: PrimerColors.gray400), ], ), placeholder: 'Search', clearButtonMode: OverlayVisibilityMode.editing, textInputAction: TextInputAction.go, onSubmitted: (_) => _query(), controller: _controller, ), ); default: return TextField( decoration: InputDecoration.collapsed(hintText: '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( p['owner']['login'], p['owner']['avatarUrl'], p['name'], p['description'], p['stargazers']['totalCount'], p['forks']['totalCount'], p['primaryLanguage'] == null ? null : p['primaryLanguage']['name'], p['primaryLanguage'] == null ? null : p['primaryLanguage']['color'], 'Updated $updatedAt', isPrivate: p['isPrivate'], isFork: p['isFork'], ); case 1: return UserItem( login: p['login'], name: p['name'], avatarUrl: p['avatarUrl'], bio: Text(p['bio'] ?? ''), ); case 2: default: return IssueItem( payload: p, isPullRequest: 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; } } }