mirror of
https://github.com/StarCitizenToolBox/app.git
synced 2026-01-13 19:50:28 +00:00
307 lines
11 KiB
Dart
307 lines
11 KiB
Dart
import 'package:fluent_ui/fluent_ui.dart';
|
||
import 'package:flutter_hooks/flutter_hooks.dart';
|
||
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
||
import 'package:starcitizen_doctor/provider/party_room.dart';
|
||
import 'package:starcitizen_doctor/ui/auth/auth_ui_model.dart';
|
||
import 'package:starcitizen_doctor/ui/party_room/utils/party_room_utils.dart';
|
||
import 'package:starcitizen_doctor/widgets/widgets.dart';
|
||
import 'package:url_launcher/url_launcher_string.dart';
|
||
|
||
class AuthPage extends HookConsumerWidget {
|
||
final String? callbackUrl;
|
||
final String? stateParameter;
|
||
final String? nonce;
|
||
|
||
const AuthPage({super.key, this.callbackUrl, this.stateParameter, this.nonce});
|
||
|
||
@override
|
||
Widget build(BuildContext context, WidgetRef ref) {
|
||
final provider = authUIModelProvider(callbackUrl: callbackUrl, stateParameter: stateParameter, nonce: nonce);
|
||
final model = ref.watch(provider);
|
||
final modelNotifier = ref.read(provider.notifier);
|
||
|
||
final partyRoomState = ref.watch(partyRoomProvider);
|
||
final userName = partyRoomState.auth.userInfo?.handleName ?? '未知用户';
|
||
final userEmail = partyRoomState.auth.userInfo?.gameUserId ?? ''; // Using gameUserId as email-like identifier
|
||
final avatarUrl = partyRoomState.auth.userInfo?.avatarUrl;
|
||
final fullAvatarUrl = PartyRoomUtils.getAvatarUrl(avatarUrl);
|
||
|
||
useEffect(() {
|
||
Future.microtask(() => modelNotifier.initialize());
|
||
return null;
|
||
}, const []);
|
||
|
||
return ContentDialog(
|
||
constraints: const BoxConstraints(maxWidth: 450, maxHeight: 600),
|
||
// Remove standard title to customize layout
|
||
title: const SizedBox.shrink(),
|
||
content: _buildBody(context, model, modelNotifier, userName, userEmail, fullAvatarUrl),
|
||
actions: [
|
||
if (model.error == null && model.isLoggedIn) ...[
|
||
// Cancel button
|
||
Button(onPressed: () => Navigator.of(context).pop(), child: const Text('拒绝')),
|
||
// Allow button (Primary)
|
||
FilledButton(
|
||
onPressed: model.isLoading ? null : () => _handleAuthorize(context, ref, false),
|
||
child: const Text('允许'),
|
||
),
|
||
] else ...[
|
||
Button(onPressed: () => Navigator.of(context).pop(), child: const Text('关闭')),
|
||
],
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildBody(
|
||
BuildContext context,
|
||
AuthUIState state,
|
||
AuthUIModel model,
|
||
String userName,
|
||
String userEmail,
|
||
String? avatarUrl,
|
||
) {
|
||
if (state.isLoading) {
|
||
return const SizedBox(height: 300, child: Center(child: ProgressRing()));
|
||
}
|
||
|
||
if (state.isWaitingForConnection) {
|
||
return SizedBox(
|
||
height: 300,
|
||
child: Center(
|
||
child: Column(mainAxisSize: MainAxisSize.min, children: [const ProgressRing(), const SizedBox(height: 24)]),
|
||
),
|
||
);
|
||
}
|
||
|
||
if (state.error != null) {
|
||
return SizedBox(
|
||
height: 300,
|
||
child: Center(
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Icon(FluentIcons.error_badge, size: 48, color: Colors.red),
|
||
const SizedBox(height: 16),
|
||
Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 24),
|
||
child: Text(
|
||
state.error!,
|
||
style: TextStyle(color: Colors.red, fontSize: 14),
|
||
textAlign: TextAlign.center,
|
||
),
|
||
),
|
||
const SizedBox(height: 24),
|
||
FilledButton(onPressed: () => model.initialize(), child: const Text('重试')),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
if (!state.isLoggedIn) {
|
||
return SizedBox(
|
||
height: 300,
|
||
child: Center(
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Icon(FluentIcons.warning, size: 48, color: Colors.orange),
|
||
const SizedBox(height: 16),
|
||
const Text('您需要先登录才能授权', style: TextStyle(fontSize: 16)),
|
||
const SizedBox(height: 24),
|
||
FilledButton(onPressed: () => Navigator.of(context).pop(), child: const Text('前往登录')),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
final name = state.domainName ?? state.domain ?? '未知应用';
|
||
final domain = state.domain;
|
||
final isTrusted = state.isDomainTrusted;
|
||
|
||
return SingleChildScrollView(
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
crossAxisAlignment: CrossAxisAlignment.center,
|
||
children: [
|
||
const SizedBox(height: 8),
|
||
// Title
|
||
RichText(
|
||
textAlign: TextAlign.center,
|
||
text: TextSpan(
|
||
style: TextStyle(fontSize: 20, color: Colors.white.withValues(alpha: 0.95), fontFamily: 'Segoe UI'),
|
||
children: [
|
||
TextSpan(
|
||
text: name,
|
||
style: const TextStyle(fontWeight: FontWeight.bold),
|
||
),
|
||
const TextSpan(text: ' 申请访问您的账户'),
|
||
],
|
||
),
|
||
),
|
||
const SizedBox(height: 8),
|
||
if (domain != null)
|
||
Padding(
|
||
padding: const EdgeInsets.only(top: 4),
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
if (state.domainName != null)
|
||
Text(domain, style: TextStyle(fontSize: 14, color: Colors.white.withValues(alpha: 0.5))),
|
||
if (state.domainName != null) const SizedBox(width: 8),
|
||
Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
|
||
decoration: BoxDecoration(
|
||
color: (isTrusted ? Colors.green : Colors.orange).withValues(alpha: 0.1),
|
||
borderRadius: BorderRadius.circular(4),
|
||
border: Border.all(color: (isTrusted ? Colors.green : Colors.orange).withValues(alpha: 0.3)),
|
||
),
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Icon(
|
||
isTrusted ? FluentIcons.completed : FluentIcons.warning,
|
||
size: 10,
|
||
color: isTrusted ? Colors.green : Colors.orange,
|
||
),
|
||
const SizedBox(width: 4),
|
||
Text(
|
||
isTrusted ? '已认证' : '未验证',
|
||
style: TextStyle(
|
||
fontSize: 10,
|
||
color: isTrusted ? Colors.green : Colors.orange,
|
||
fontWeight: FontWeight.w500,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
|
||
const SizedBox(height: 24),
|
||
|
||
// 2. User Account Info
|
||
Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
||
decoration: BoxDecoration(
|
||
border: Border.all(color: Colors.white.withValues(alpha: 0.1)),
|
||
borderRadius: BorderRadius.circular(24),
|
||
),
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
ClipOval(
|
||
child: SizedBox(
|
||
width: 24,
|
||
height: 24,
|
||
child: avatarUrl != null
|
||
? CacheNetImage(url: avatarUrl, fit: BoxFit.cover)
|
||
: const Icon(FluentIcons.contact, size: 24),
|
||
),
|
||
),
|
||
const SizedBox(width: 12),
|
||
Text(
|
||
userEmail.isNotEmpty ? userEmail : userName,
|
||
style: TextStyle(
|
||
fontSize: 13,
|
||
color: Colors.white.withValues(alpha: 0.8),
|
||
fontWeight: FontWeight.w500,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
|
||
const SizedBox(height: 32),
|
||
|
||
Align(
|
||
alignment: Alignment.centerLeft,
|
||
child: Text('此操作将允许 $domain：', style: const TextStyle(fontSize: 14, fontWeight: FontWeight.w500)),
|
||
),
|
||
const SizedBox(height: 16),
|
||
|
||
_buildPermissionItem(FluentIcons.contact_info, '访问您的公开资料', '包括用户名、头像'),
|
||
|
||
const SizedBox(height: 48),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildPermissionItem(IconData icon, String title, String subtitle) {
|
||
return Row(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Icon(icon, size: 20, color: Colors.blue),
|
||
const SizedBox(width: 16),
|
||
Expanded(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(title, style: const TextStyle(fontSize: 14, fontWeight: FontWeight.w500)),
|
||
const SizedBox(height: 2),
|
||
Text(subtitle, style: TextStyle(fontSize: 12, color: Colors.white.withValues(alpha: 0.6))),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
Future<void> _handleAuthorize(BuildContext context, WidgetRef ref, bool copyOnly) async {
|
||
final provider = authUIModelProvider(callbackUrl: callbackUrl, stateParameter: stateParameter, nonce: nonce);
|
||
final modelNotifier = ref.read(provider.notifier);
|
||
final model = ref.read(provider);
|
||
|
||
// First, generate the code if not already generated
|
||
if (model.code == null) {
|
||
final success = await modelNotifier.generateCodeOnConfirm();
|
||
if (!success) {
|
||
if (context.mounted) {
|
||
final currentState = ref.read(provider);
|
||
await showToast(context, currentState.error ?? '生成授权码失败');
|
||
}
|
||
return;
|
||
}
|
||
}
|
||
|
||
final authUrl = modelNotifier.getAuthorizationUrl();
|
||
if (authUrl == null) {
|
||
if (context.mounted) {
|
||
await showToast(context, '生成授权链接失败');
|
||
}
|
||
return;
|
||
}
|
||
|
||
if (copyOnly) {
|
||
await modelNotifier.copyAuthorizationUrl();
|
||
if (context.mounted) {
|
||
await showToast(context, '授权链接已复制到剪贴板');
|
||
if (context.mounted) {
|
||
Navigator.of(context).pop();
|
||
}
|
||
}
|
||
} else {
|
||
try {
|
||
final launched = await launchUrlString(authUrl);
|
||
if (!launched) {
|
||
if (context.mounted) {
|
||
await showToast(context, '打开浏览器失败，请复制链接手动访问');
|
||
}
|
||
return;
|
||
}
|
||
if (context.mounted) {
|
||
Navigator.of(context).pop();
|
||
}
|
||
} catch (e) {
|
||
if (context.mounted) {
|
||
await showToast(context, '打开浏览器失败: $e');
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|