Juan/hym_ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

LEFT RIGHT purple numbers on/off

Browse source
This commit is contained in:
Juan Marulanda De Los Rios 2025-05-26 14:29:37 -04:00
parent 37c7e6a935
commit 13004c6d49
1 changed files with 39 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
lib/collapsableEmailsWeb.dart
View file

@ -28,6 +28,9 @@ class _CollapsableEmailsState extends State<CollapsableEmails> {
List<SerializableMessage> emailsInThread = []; List<SerializableMessage> emailsInThread = [];
bool _isLoaded = false; bool _isLoaded = false;
static bool _isListenerRegistered = false; static bool _isListenerRegistered = false;
static bool left = true;
static bool right = true;
web.EventListener? _listener;
@override @override
void initState() { void initState() {
@ -36,6 +39,14 @@ class _CollapsableEmailsState extends State<CollapsableEmails> {
_serializableData(widget.threadIDs); // this _serializableData(widget.threadIDs); // this
_keyListener(); _keyListener();
} }
// @override
// void dispose() {
// if (_listener != null) {
// web.window.document.removeEventListener('keydown', _listener!);
// }
// super.dispose();
// }
void _registerViewFactory(List<String> currentContent) async { void _registerViewFactory(List<String> currentContent) async {
// setState(() { //update to do item per item // setState(() { //update to do item per item
@ -89,30 +100,40 @@ class _CollapsableEmailsState extends State<CollapsableEmails> {
}); });
} }
void handleKeyDown(web.Event event) {
final keyEvent = event as web.KeyboardEvent;
if (keyEvent.key == 'G') {
print('You pressed the "G" key!');
final rightPurpleNums = web.document.getElementsByClassName("right");
_CollapsableEmailsState.right = !_CollapsableEmailsState.right;
final newOpacity = _CollapsableEmailsState.right ? '1.0' : '0.0';
for (int i = 0; i < rightPurpleNums.length; i++) {
final currentElement = rightPurpleNums.item(i) as web.HTMLElement;
currentElement.style.opacity = newOpacity;
}
} else if (keyEvent.key == 'H') {
print('You pressed the "H" key!');
final leftPurpleNums = web.document.getElementsByClassName("left");
_CollapsableEmailsState.left = !_CollapsableEmailsState.left;
final newOpacity = _CollapsableEmailsState.left ? '1.0' : '0.0';
for (int i = 0; i < leftPurpleNums.length; i++) {
final currentElement = leftPurpleNums.item(i) as web.HTMLElement;
currentElement.style.opacity = newOpacity;
}
}
}
void _keyListener() { void _keyListener() {
if (_isListenerRegistered) return; if (_isListenerRegistered) return;
_isListenerRegistered = true; _isListenerRegistered = true;
web.window.document.addEventListener(
'keydown',
((web.Event event) {
final keyEvent = event as web.KeyboardEvent;
if (keyEvent.key.toLowerCase() == 'k') { // Convert the top-level function to JS-compatible
print('You pressed the "k" key!'); _listener = handleKeyDown.toJS;
final leftPurpleNums = web.document.getElementsByClassName("right"); web.window.document.addEventListener('keydown', _listener!);
for (int i = 0; i < leftPurpleNums.length; i++) {
final currentElement = leftPurpleNums.item(i) as web.HTMLElement;
final opacity = web.window.getComputedStyle(currentElement).opacity;
currentElement.style.opacity =
(opacity == '0') ? '1.0' : '0.0'; // works mostly
}
}
}).toJS,
);
} }
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return _isLoaded return _isLoaded