feat: initial release of Oracle 999 divination app
This commit is contained in:
@@ -0,0 +1,451 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import '../models/word_model.dart';
|
||||
import '../services/words_repository.dart';
|
||||
import '../widgets/gradient_star_badge.dart';
|
||||
import '../widgets/word_card_widget.dart';
|
||||
|
||||
class HomeSearchScreen extends StatefulWidget {
|
||||
const HomeSearchScreen({super.key});
|
||||
|
||||
@override
|
||||
State<HomeSearchScreen> createState() => _HomeSearchScreenState();
|
||||
}
|
||||
|
||||
class _HomeSearchScreenState extends State<HomeSearchScreen> {
|
||||
final _repo = WordsRepository();
|
||||
final _searchController = TextEditingController();
|
||||
final _focusNode = FocusNode();
|
||||
|
||||
WordItem? _currentWord;
|
||||
List<WordItem> _searchResults = [];
|
||||
bool _showKeypad = true;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_currentWord = _repo.getWordBySessionNumber(0) ?? _repo.allWords.first;
|
||||
_searchController.addListener(_onSearchChanged);
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_searchController.removeListener(_onSearchChanged);
|
||||
_searchController.dispose();
|
||||
_focusNode.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _onSearchChanged() {
|
||||
final query = _searchController.text.trim();
|
||||
if (query.isEmpty) {
|
||||
setState(() {
|
||||
_searchResults = [];
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
final results = _repo.search(query);
|
||||
setState(() {
|
||||
_searchResults = results;
|
||||
if (results.isNotEmpty) {
|
||||
_currentWord = results.first;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
void _setWord(WordItem word, {bool updateText = false}) {
|
||||
setState(() {
|
||||
_currentWord = word;
|
||||
if (updateText) {
|
||||
_searchController.text = word.sessionNumber.toString();
|
||||
}
|
||||
});
|
||||
HapticFeedback.selectionClick();
|
||||
}
|
||||
|
||||
void _onKeypadTap(String val) {
|
||||
HapticFeedback.lightImpact();
|
||||
String currentText = _searchController.text;
|
||||
|
||||
if (val == 'C') {
|
||||
_searchController.clear();
|
||||
return;
|
||||
}
|
||||
|
||||
if (val == '⌫') {
|
||||
if (currentText.isNotEmpty) {
|
||||
_searchController.text = currentText.substring(0, currentText.length - 1);
|
||||
_searchController.selection = TextSelection.fromPosition(
|
||||
TextPosition(offset: _searchController.text.length),
|
||||
);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// Append digit
|
||||
if (currentText.length >= 3) {
|
||||
_searchController.text = val;
|
||||
} else {
|
||||
final newText = currentText + val;
|
||||
final num = int.tryParse(newText);
|
||||
if (num != null && num <= 999) {
|
||||
_searchController.text = newText;
|
||||
} else {
|
||||
_searchController.text = val;
|
||||
}
|
||||
}
|
||||
|
||||
_searchController.selection = TextSelection.fromPosition(
|
||||
TextPosition(offset: _searchController.text.length),
|
||||
);
|
||||
}
|
||||
|
||||
void _goToNext() {
|
||||
if (_currentWord == null) return;
|
||||
final next = _repo.getNextWord(_currentWord!.sessionNumber);
|
||||
_setWord(next, updateText: true);
|
||||
}
|
||||
|
||||
void _goToPrevious() {
|
||||
if (_currentWord == null) return;
|
||||
final prev = _repo.getPreviousWord(_currentWord!.sessionNumber);
|
||||
_setWord(prev, updateText: true);
|
||||
}
|
||||
|
||||
void _goToRandom() {
|
||||
final rnd = _repo.getRandomWord();
|
||||
_setWord(rnd, updateText: true);
|
||||
}
|
||||
|
||||
void _reshuffleSession() {
|
||||
_repo.reshuffleSessionNumbers();
|
||||
final first = _repo.getWordBySessionNumber(0) ?? _repo.allWords.first;
|
||||
setState(() {
|
||||
_currentWord = first;
|
||||
_searchController.clear();
|
||||
_searchResults = [];
|
||||
});
|
||||
HapticFeedback.heavyImpact();
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(
|
||||
content: const Row(
|
||||
children: [
|
||||
GradientStar(size: 20),
|
||||
SizedBox(width: 10),
|
||||
Expanded(
|
||||
child: Text(
|
||||
'Случайный порядок 1000 чисел перетасован заново!',
|
||||
style: TextStyle(fontWeight: FontWeight.w600),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
duration: const Duration(seconds: 2),
|
||||
behavior: SnackBarBehavior.floating,
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final theme = Theme.of(context);
|
||||
final isDark = theme.brightness == Brightness.dark;
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Row(
|
||||
children: [
|
||||
const GradientStar(size: 24),
|
||||
const SizedBox(width: 10),
|
||||
const Text(
|
||||
'Оракул 999',
|
||||
style: TextStyle(
|
||||
fontSize: 20,
|
||||
fontWeight: FontWeight.w900,
|
||||
letterSpacing: 0.5,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
actions: [
|
||||
IconButton(
|
||||
tooltip: 'Перетасовать числа сессии (#000..#999)',
|
||||
icon: const Icon(Icons.refresh_rounded),
|
||||
onPressed: _reshuffleSession,
|
||||
),
|
||||
IconButton(
|
||||
tooltip: _showKeypad ? 'Скрыть цифровую панель' : 'Показать цифровую панель',
|
||||
icon: Icon(_showKeypad ? Icons.dialpad_outlined : Icons.dialpad),
|
||||
onPressed: () {
|
||||
setState(() => _showKeypad = !_showKeypad);
|
||||
},
|
||||
),
|
||||
IconButton(
|
||||
tooltip: 'Случайный жребий',
|
||||
icon: const Icon(Icons.shuffle_rounded),
|
||||
onPressed: _goToRandom,
|
||||
),
|
||||
],
|
||||
),
|
||||
body: SafeArea(
|
||||
child: SingleChildScrollView(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 10),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
// Search & Number Input Bar
|
||||
TextField(
|
||||
controller: _searchController,
|
||||
focusNode: _focusNode,
|
||||
keyboardType: TextInputType.text,
|
||||
decoration: InputDecoration(
|
||||
labelText: 'Введите номер (#000..#999) или символ',
|
||||
hintText: 'Например: 777 или огонь',
|
||||
prefixIcon: const Padding(
|
||||
padding: EdgeInsets.symmetric(horizontal: 12),
|
||||
child: GradientStar(size: 18),
|
||||
),
|
||||
suffixIcon: _searchController.text.isNotEmpty
|
||||
? IconButton(
|
||||
icon: const Icon(Icons.clear_rounded),
|
||||
onPressed: () {
|
||||
_searchController.clear();
|
||||
_focusNode.unfocus();
|
||||
},
|
||||
)
|
||||
: null,
|
||||
filled: true,
|
||||
fillColor: isDark
|
||||
? const Color(0xFF1B1D30)
|
||||
: theme.colorScheme.surfaceContainerHighest.withValues(alpha: 0.4),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
borderSide: BorderSide(
|
||||
color: const Color(0xFFFFD54F).withValues(alpha: 0.3),
|
||||
),
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
borderSide: BorderSide(
|
||||
color: const Color(0xFFFFD54F).withValues(alpha: 0.25),
|
||||
),
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
borderSide: const BorderSide(
|
||||
color: Color(0xFFFFD54F),
|
||||
width: 1.8,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
// Search matches dropdown list if query produced text matches
|
||||
if (_searchResults.length > 1 && _searchController.text.isNotEmpty) ...[
|
||||
const SizedBox(height: 8),
|
||||
Container(
|
||||
constraints: const BoxConstraints(maxHeight: 140),
|
||||
decoration: BoxDecoration(
|
||||
color: isDark ? const Color(0xFF161828) : theme.colorScheme.surface,
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
border: Border.all(
|
||||
color: const Color(0xFFFFD54F).withValues(alpha: 0.3),
|
||||
),
|
||||
),
|
||||
child: ListView.separated(
|
||||
shrinkWrap: true,
|
||||
padding: const EdgeInsets.symmetric(vertical: 4),
|
||||
itemCount: _searchResults.length > 10 ? 10 : _searchResults.length,
|
||||
separatorBuilder: (_, _) => const Divider(height: 1),
|
||||
itemBuilder: (context, idx) {
|
||||
final item = _searchResults[idx];
|
||||
final isSelected = item.sessionNumber == _currentWord?.sessionNumber;
|
||||
return ListTile(
|
||||
dense: true,
|
||||
selected: isSelected,
|
||||
leading: GradientStarBadge(
|
||||
text: '#${item.formattedSessionNumber}',
|
||||
size: 14,
|
||||
),
|
||||
title: Text(
|
||||
item.word.toUpperCase(),
|
||||
style: const TextStyle(fontWeight: FontWeight.bold),
|
||||
),
|
||||
subtitle: Text(
|
||||
item.description,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: const TextStyle(fontSize: 11),
|
||||
),
|
||||
trailing: Text(
|
||||
item.partOfSpeech,
|
||||
style: TextStyle(
|
||||
fontSize: 11,
|
||||
color: theme.colorScheme.outline,
|
||||
),
|
||||
),
|
||||
onTap: () {
|
||||
_setWord(item, updateText: false);
|
||||
},
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
|
||||
const SizedBox(height: 14),
|
||||
|
||||
// Main Sacred Word Card Display
|
||||
if (_currentWord != null)
|
||||
AnimatedSwitcher(
|
||||
duration: const Duration(milliseconds: 300),
|
||||
transitionBuilder: (child, animation) {
|
||||
return FadeTransition(
|
||||
opacity: animation,
|
||||
child: SlideTransition(
|
||||
position: Tween<Offset>(
|
||||
begin: const Offset(0.0, 0.04),
|
||||
end: Offset.zero,
|
||||
).animate(animation),
|
||||
child: child,
|
||||
),
|
||||
);
|
||||
},
|
||||
child: WordCardWidget(
|
||||
key: ValueKey('${_currentWord!.id}_${_currentWord!.sessionNumber}'),
|
||||
word: _currentWord!,
|
||||
onNext: _goToNext,
|
||||
onPrevious: _goToPrevious,
|
||||
onRandom: _goToRandom,
|
||||
),
|
||||
)
|
||||
else
|
||||
Center(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(32.0),
|
||||
child: Text(
|
||||
'Символ с таким номером не найден.',
|
||||
textAlign: TextAlign.center,
|
||||
style: TextStyle(color: theme.colorScheme.error),
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
const SizedBox(height: 14),
|
||||
|
||||
// Interactive Numeric Keypad (1..9, C, 0, ⌫)
|
||||
if (_showKeypad) ...[
|
||||
Container(
|
||||
padding: const EdgeInsets.all(12),
|
||||
decoration: BoxDecoration(
|
||||
color: isDark
|
||||
? const Color(0xFF17192A)
|
||||
: theme.colorScheme.surfaceContainerLow,
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
border: Border.all(
|
||||
color: const Color(0xFFFFD54F).withValues(alpha: 0.25),
|
||||
),
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
const Row(
|
||||
children: [
|
||||
GradientStar(size: 14),
|
||||
SizedBox(width: 6),
|
||||
Text(
|
||||
'Случайный жребий числа:',
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.w700,
|
||||
color: Color(0xFFFFD54F),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
Text(
|
||||
'000 — 999',
|
||||
style: TextStyle(
|
||||
fontSize: 11,
|
||||
color: theme.colorScheme.outline,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 10),
|
||||
_buildKeypadRow(['1', '2', '3']),
|
||||
const SizedBox(height: 8),
|
||||
_buildKeypadRow(['4', '5', '6']),
|
||||
const SizedBox(height: 8),
|
||||
_buildKeypadRow(['7', '8', '9']),
|
||||
const SizedBox(height: 8),
|
||||
_buildKeypadRow(['C', '0', '⌫']),
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
],
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildKeypadRow(List<String> keys) {
|
||||
return Row(
|
||||
children: keys.map((key) {
|
||||
final isSpecial = key == 'C' || key == '⌫';
|
||||
final theme = Theme.of(context);
|
||||
final isDark = theme.brightness == Brightness.dark;
|
||||
|
||||
return Expanded(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 4),
|
||||
child: Material(
|
||||
color: isSpecial
|
||||
? const Color(0xFF2A2D4A)
|
||||
: isDark
|
||||
? const Color(0xFF20233A)
|
||||
: theme.colorScheme.surface,
|
||||
borderRadius: BorderRadius.circular(14),
|
||||
elevation: 1,
|
||||
child: InkWell(
|
||||
onTap: () => _onKeypadTap(key),
|
||||
borderRadius: BorderRadius.circular(14),
|
||||
child: Container(
|
||||
height: 46,
|
||||
alignment: Alignment.center,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(14),
|
||||
border: Border.all(
|
||||
color: isSpecial
|
||||
? const Color(0xFFFFD54F).withValues(alpha: 0.4)
|
||||
: Colors.white10,
|
||||
),
|
||||
),
|
||||
child: Text(
|
||||
key,
|
||||
style: TextStyle(
|
||||
fontSize: 20,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: isSpecial
|
||||
? const Color(0xFFFFF9C4)
|
||||
: isDark
|
||||
? Colors.white
|
||||
: Colors.black87,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}).toList(),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user