Amirmahdi/front-hokm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: profile and subs

Browse Source
This commit is contained in:
Amirmahdi
2026-06-17 11:32:18 +03:30
parent 943ba13872
commit e9f294fa19
19 changed files with 1762 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/private/private_entry_screen.dart
+162
View File
@@ -0,0 +1,162 @@
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:go_router/go_router.dart';
import '../../core/network/api_client.dart';
import '../../core/theme/app_theme.dart';
import '../../core/widgets/game_ui.dart';
/// صفحه‌ی دورهمی: پیوستن با شماره میز یا ساختِ میز جدید.
class PrivateEntryScreen extends StatefulWidget {
final ApiClient api;
const PrivateEntryScreen({super.key, required this.api});
@override
State<PrivateEntryScreen> createState() => _PrivateEntryScreenState();
}
class _PrivateEntryScreenState extends State<PrivateEntryScreen> {
final _code = TextEditingController();
int _remaining = 0;
bool _unlimited = false;
bool _loading = true;
@override
void initState() {
super.initState();
_loadInfo();
}
@override
void dispose() {
_code.dispose();
super.dispose();
}
Future<void> _loadInfo() async {
try {
final res = await widget.api.dio.get('/tables/info');
final d = res.data as Map;
setState(() {
_remaining = (d['remaining'] ?? 0) as int;
_unlimited = (d['unlimited'] ?? false) as bool;
_loading = false;
});
} catch (_) {
setState(() => _loading = false);
}
}
bool get _canCreate => _unlimited || _remaining > 0;
void _join() {
final code = _code.text.trim();
if (code.length < 4) return;
context.push('/private/room?join=$code');
}
void _create() {
if (!_canCreate) {
ScaffoldMessenger.of(context).showSnackBar(const SnackBar(
content: Text('سهمیه‌ی میزهای رایگان تمام شده؛ با VIP نامحدود بسازید')));
return;
}
context.push('/private/room?create=1').then((_) => _loadInfo());
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: GameBackground(
child: SafeArea(
child: Column(
children: [
Align(
alignment: Alignment.centerRight,
child: Padding(
padding: const EdgeInsets.all(10),
child: GestureDetector(
onTap: () => context.pop(),
child: Container(
width: 46,
height: 46,
decoration: BoxDecoration(
color: AppColors.panel,
borderRadius: BorderRadius.circular(12),
border: Border.all(color: AppColors.gold, width: 1.5),
),
child: const Icon(Icons.arrow_back, color: AppColors.gold),
),
),
),
),
Expanded(
child: SingleChildScrollView(
padding: const EdgeInsets.symmetric(horizontal: 24),
child: Column(
children: [
const SizedBox(height: 8),
const Icon(Icons.person, color: AppColors.gold, size: 56),
const SizedBox(height: 12),
TextField(
controller: _code,
textAlign: TextAlign.center,
keyboardType: TextInputType.number,
style: const TextStyle(fontSize: 22, letterSpacing: 6),
inputFormatters: [
FilteringTextInputFormatter.digitsOnly,
LengthLimitingTextInputFormatter(5),
],
decoration: const InputDecoration(hintText: 'شماره میز'),
onChanged: (_) => setState(() {}),
),
const SizedBox(height: 16),
GameButton(
label: 'پیوستن',
width: double.infinity,
colors: const [Color(0xFFC2185B), Color(0xFF6A0D38)],
onTap: _code.text.trim().length >= 4 ? _join : null,
),
const SizedBox(height: 8),
const Text('برای ورود، شماره میز را وارد کنید.',
style: TextStyle(color: Colors.white60, fontSize: 13)),
const SizedBox(height: 24),
Divider(color: AppColors.goldDark.withValues(alpha: 0.5)),
const SizedBox(height: 16),
Text(
_loading
? '...'
: _unlimited
? 'میزهای نامحدود (VIP)'
: 'میزهای رایگان باقیمانده: $_remaining',
style: const TextStyle(
color: AppColors.gold,
fontSize: 14,
fontWeight: FontWeight.bold),
),
const SizedBox(height: 12),
const Icon(Icons.groups, color: AppColors.gold, size: 56),
const SizedBox(height: 12),
GameButton(
label: 'ساخت میز',
width: double.infinity,
colors: _canCreate
? const [Color(0xFFC2185B), Color(0xFF6A0D38)]
: const [Color(0xFF555555), Color(0xFF333333)],
onTap: _loading ? null : _create,
),
const SizedBox(height: 8),
const Text('میز جدید بساز و دوستانت را دعوت کن',
style: TextStyle(color: Colors.white60, fontSize: 13)),
const SizedBox(height: 24),
],
),
),
),
],
),
),
),
);
}
}
lib/features/private/private_table_screen.dart
+280
View File
@@ -0,0 +1,280 @@
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:go_router/go_router.dart';
import '../../core/network/ws_client.dart';
import '../../core/theme/app_theme.dart';
import '../../core/widgets/game_ui.dart';
import '../game/game_cubit.dart';
import '../game/game_screen.dart';
/// میز خصوصی: اتاق انتظار (نمایش کد، بازیکنان، شروع) و سپس صحنه‌ی بازی.
/// از همان اتصال WebSocket برای لابی و بازی استفاده می‌شود (بدون اتصال مجدد).
class PrivateTableScreen extends StatelessWidget {
final String token;
final bool create;
final String? joinCode;
const PrivateTableScreen({
super.key,
required this.token,
required this.create,
this.joinCode,
});
@override
Widget build(BuildContext context) {
return BlocProvider(
create: (_) => create
? GameCubit.createPrivate(WsClient(token))
: GameCubit.joinPrivate(WsClient(token), joinCode ?? ''),
child: const _PrivateTableView(),
);
}
}
class _PrivateTableView extends StatelessWidget {
const _PrivateTableView();
@override
Widget build(BuildContext context) {
return BlocConsumer<GameCubit, GameUiState>(
listenWhen: (a, b) =>
(a.notice != b.notice && b.notice != null) ||
(!a.tableClosed && b.tableClosed),
listener: (context, state) {
if (state.tableClosed) {
if (context.canPop()) context.pop();
return;
}
if (state.notice != null) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text(state.notice!), duration: const Duration(seconds: 2)),
);
context.read<GameCubit>().clearNotice();
}
},
builder: (context, state) {
// بازی شروع شده ⇒ همان صحنه‌ی بازی روی همین اتصال.
if (state.state != null) {
return const GameScreen(prize: 0);
}
return _LobbyView(state: state);
},
);
}
}
class _LobbyView extends StatelessWidget {
final GameUiState state;
const _LobbyView({required this.state});
@override
Widget build(BuildContext context) {
final lobby = state.lobby;
final connecting = state.connection != WsStatus.connected || lobby == null;
return PopScope(
canPop: false,
onPopInvokedWithResult: (didPop, _) {
if (didPop) return;
context.read<GameCubit>().leaveTable();
if (context.canPop()) context.pop();
},
child: Scaffold(
body: GameBackground(
child: SafeArea(
child: Stack(
children: [
Column(
children: [
Align(
alignment: Alignment.centerRight,
child: Padding(
padding: const EdgeInsets.all(10),
child: GestureDetector(
onTap: () {
context.read<GameCubit>().leaveTable();
if (context.canPop()) context.pop();
},
child: Container(
width: 46,
height: 46,
decoration: BoxDecoration(
color: AppColors.panel,
borderRadius: BorderRadius.circular(12),
border:
Border.all(color: AppColors.gold, width: 1.5),
),
child: const Icon(Icons.arrow_back,
color: AppColors.gold),
),
),
),
),
Expanded(
child: connecting
? const Center(
child: CircularProgressIndicator(
color: AppColors.gold))
: _content(context, lobby),
),
],
),
if (state.countdown != null)
_CountdownOverlay(seconds: state.countdown!),
],
),
),
),
),
);
}
Widget _content(BuildContext context, TableLobby lobby) {
return SingleChildScrollView(
padding: const EdgeInsets.symmetric(horizontal: 20),
child: Column(
children: [
const GlowText('میز دورهمی', size: 26),
const SizedBox(height: 16),
// کد میز برای اشتراک‌گذاری
GamePanel(
child: Column(
children: [
const Text('شماره میز',
style: TextStyle(color: Colors.white70)),
const SizedBox(height: 6),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
SelectableText(
lobby.code,
style: const TextStyle(
color: AppColors.gold,
fontSize: 40,
fontWeight: FontWeight.bold,
letterSpacing: 8),
),
IconButton(
onPressed: () {
Clipboard.setData(ClipboardData(text: lobby.code));
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('کد کپی شد')),
);
},
icon: const Icon(Icons.copy, color: AppColors.gold),
),
],
),
const Text('این کد را برای دوستانت بفرست',
style: TextStyle(color: Colors.white54, fontSize: 12)),
],
),
),
const SizedBox(height: 16),
// فهرست بازیکنان (۴ جایگاه)
GamePanel(
child: Column(
children: [
for (var i = 0; i < 4; i++) _seatRow(i, lobby),
],
),
),
const SizedBox(height: 20),
if (lobby.isHost)
GameButton(
label: 'شروع بازی',
icon: Icons.play_arrow,
width: double.infinity,
colors: const [Color(0xFF3FA34D), Color(0xFF1B5E20)],
onTap: () => context.read<GameCubit>().startTable(),
)
else
const Text('در انتظار شروع توسط میزبان…',
style: TextStyle(color: AppColors.gold, fontSize: 15)),
const SizedBox(height: 8),
if (lobby.isHost)
const Text('جای‌های خالی با ربات پر می‌شوند',
style: TextStyle(color: Colors.white54, fontSize: 12)),
const SizedBox(height: 24),
],
),
);
}
Widget _seatRow(int i, TableLobby lobby) {
final filled = i < lobby.players.length;
final p = filled ? lobby.players[i] : null;
return Padding(
padding: const EdgeInsets.symmetric(vertical: 6),
child: Row(
children: [
Icon(filled ? Icons.person : Icons.person_outline,
color: filled ? AppColors.gold : Colors.white24, size: 24),
const SizedBox(width: 10),
Text(
filled ? p!.name : 'در انتظار بازیکن…',
style: TextStyle(
color: filled ? Colors.white : Colors.white38,
fontSize: 15,
fontWeight: filled ? FontWeight.bold : FontWeight.normal),
),
const Spacer(),
if (p?.host == true)
const Icon(Icons.star, color: AppColors.gold, size: 18),
],
),
);
}
}
/// اوورلی شمارش معکوس ۳، ۲، ۱ پیش از شروع بازی.
class _CountdownOverlay extends StatefulWidget {
final int seconds;
const _CountdownOverlay({required this.seconds});
@override
State<_CountdownOverlay> createState() => _CountdownOverlayState();
}
class _CountdownOverlayState extends State<_CountdownOverlay> {
late int _n;
Timer? _timer;
@override
void initState() {
super.initState();
_n = widget.seconds;
_timer = Timer.periodic(const Duration(seconds: 1), (_) {
if (!mounted) return;
setState(() => _n--);
if (_n <= 0) _timer?.cancel();
});
}
@override
void dispose() {
_timer?.cancel();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Container(
color: Colors.black.withValues(alpha: 0.7),
alignment: Alignment.center,
child: TweenAnimationBuilder<double>(
key: ValueKey(_n),
tween: Tween(begin: 0.4, end: 1.2),
duration: const Duration(milliseconds: 700),
curve: Curves.easeOut,
builder: (context, scale, child) =>
Transform.scale(scale: scale, child: child),
child: GlowText(_n > 0 ? '$_n' : 'شروع!', size: 96),
),
);
}
}