mirror of
https://github.com/gabehf/Fladder.git
synced 2026-03-13 01:10:31 -07:00
feat: Customizable shortcuts/hotkeys (#439)
This implements the logic for allowing hotkeys with modifiers. Implemented globalhotkeys and videocontrol hotkeys Also implements saving the forward backwards seconds to the user. Co-authored-by: PartyDonut <PartyDonut@users.noreply.github.com>
This commit is contained in:
parent
23385d8e62
commit
fa30e634b4
29 changed files with 1360 additions and 162 deletions
172
lib/screens/settings/widgets/key_listener.dart
Normal file
172
lib/screens/settings/widgets/key_listener.dart
Normal file
|
|
@ -0,0 +1,172 @@
|
|||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
import 'package:iconsax_plus/iconsax_plus.dart';
|
||||
|
||||
import 'package:fladder/models/settings/key_combinations.dart';
|
||||
import 'package:fladder/providers/settings/client_settings_provider.dart';
|
||||
import 'package:fladder/providers/settings/video_player_settings_provider.dart';
|
||||
import 'package:fladder/screens/shared/fladder_snackbar.dart';
|
||||
import 'package:fladder/util/localization_helper.dart';
|
||||
|
||||
class KeyCombinationWidget extends ConsumerStatefulWidget {
|
||||
final KeyCombination? currentKey;
|
||||
final KeyCombination defaultKey;
|
||||
final Function(KeyCombination? value) onChanged;
|
||||
|
||||
KeyCombinationWidget({required this.currentKey, required this.defaultKey, required this.onChanged, super.key});
|
||||
|
||||
@override
|
||||
KeyCombinationWidgetState createState() => KeyCombinationWidgetState();
|
||||
}
|
||||
|
||||
class KeyCombinationWidgetState extends ConsumerState<KeyCombinationWidget> {
|
||||
final focusNode = FocusNode();
|
||||
bool _isListening = false;
|
||||
LogicalKeyboardKey? _pressedKey;
|
||||
LogicalKeyboardKey? _pressedModifier;
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_stopListening();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _startListening() {
|
||||
setState(() {
|
||||
_isListening = true;
|
||||
_pressedKey = null;
|
||||
_pressedModifier = null;
|
||||
});
|
||||
}
|
||||
|
||||
void _stopListening() {
|
||||
setState(() {
|
||||
_isListening = false;
|
||||
if (_pressedKey != null) {
|
||||
final newKeyComb = KeyCombination(
|
||||
key: _pressedKey!,
|
||||
modifier: _pressedModifier,
|
||||
);
|
||||
if (newKeyComb == widget.defaultKey) {
|
||||
widget.onChanged(null);
|
||||
} else {
|
||||
widget.onChanged(newKeyComb);
|
||||
}
|
||||
}
|
||||
_pressedKey = null;
|
||||
_pressedModifier = null;
|
||||
});
|
||||
}
|
||||
|
||||
void _handleKeyEvent(KeyEvent event) {
|
||||
final videoHotKeys = ref.read(videoPlayerSettingsProvider.select((value) => value.currentShortcuts)).values;
|
||||
final clientHotKeys = ref.read(clientSettingsProvider.select((value) => value.currentShortcuts)).values;
|
||||
final activeHotKeys = [...videoHotKeys, ...clientHotKeys].toList();
|
||||
|
||||
if (_isListening) {
|
||||
focusNode.requestFocus();
|
||||
setState(() {
|
||||
if (event is KeyDownEvent) {
|
||||
if (KeyCombination.modifierKeys.contains(event.logicalKey)) {
|
||||
_pressedModifier = event.logicalKey;
|
||||
} else {
|
||||
final currentHotKey = KeyCombination(key: event.logicalKey, modifier: _pressedModifier);
|
||||
bool isExistingHotkey = activeHotKeys.any((element) {
|
||||
return element == currentHotKey && currentHotKey != (widget.currentKey ?? widget.defaultKey);
|
||||
});
|
||||
|
||||
if (!isExistingHotkey) {
|
||||
_pressedKey = event.logicalKey;
|
||||
_stopListening();
|
||||
} else {
|
||||
if (context.mounted) {
|
||||
fladderSnackbar(context, title: context.localized.shortCutAlreadyAssigned(currentHotKey.label));
|
||||
}
|
||||
_stopListening();
|
||||
}
|
||||
}
|
||||
} else if (event is KeyUpEvent) {
|
||||
if (KeyCombination.modifierKeys.contains(event.logicalKey) && _pressedModifier == event.logicalKey) {
|
||||
_pressedModifier = null;
|
||||
} else if (_pressedKey == event.logicalKey) {
|
||||
_pressedKey = null;
|
||||
}
|
||||
}
|
||||
});
|
||||
} else {
|
||||
_pressedKey = null;
|
||||
_pressedModifier = null;
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final currentModifier =
|
||||
_pressedModifier ?? (widget.currentKey != null ? widget.currentKey?.modifier : widget.defaultKey.modifier);
|
||||
final currentKey = _pressedKey ?? (widget.currentKey?.key ?? widget.defaultKey.key);
|
||||
final currentHotKey = KeyCombination(key: currentKey, modifier: currentModifier);
|
||||
return Row(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
children: [
|
||||
ConstrainedBox(
|
||||
constraints: const BoxConstraints(minWidth: 50),
|
||||
child: InkWell(
|
||||
onTap: _isListening ? null : _startListening,
|
||||
child: Card(
|
||||
color: Theme.of(context).colorScheme.primaryContainer,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.only(left: 12),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
spacing: 6,
|
||||
children: [
|
||||
Text(currentHotKey.label),
|
||||
AnimatedSwitcher(
|
||||
duration: const Duration(milliseconds: 250),
|
||||
child: _isListening
|
||||
? KeyboardListener(
|
||||
focusNode: focusNode,
|
||||
autofocus: true,
|
||||
onKeyEvent: _handleKeyEvent,
|
||||
child: const Padding(
|
||||
padding: EdgeInsets.all(8.0),
|
||||
child: SizedBox(
|
||||
height: 24,
|
||||
width: 24,
|
||||
child: Center(
|
||||
child: CircularProgressIndicator(),
|
||||
),
|
||||
),
|
||||
),
|
||||
)
|
||||
: IconButton(
|
||||
onPressed: widget.currentKey == null
|
||||
? null
|
||||
: () {
|
||||
_pressedKey = null;
|
||||
_pressedModifier = null;
|
||||
widget.onChanged(null);
|
||||
},
|
||||
iconSize: 24,
|
||||
icon: const Icon(IconsaxPlusBold.broom),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
extension LogicalKeyExtension on LogicalKeyboardKey {
|
||||
String get label {
|
||||
return switch (this) { LogicalKeyboardKey.space => "Space", _ => keyLabel };
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue