Mirrored_Repos/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-08-30 18:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Url row detail openable via ctrl | meta + click

Browse Source
This commit is contained in:
Sean Siders 2024-08-09 14:08:15 -07:00
parent 758c304a74
commit dbf3c4a0ec
1 changed files with 79 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

97
frontend/appflowy_flutter/lib/plugins/database/widgets/cell/desktop_row_detail/desktop_row_detail_url_cell.dart
View File

@ -5,6 +5,7 @@ import 'package:appflowy/plugins/database/widgets/row/cells/cell_container.dart'
import 'package:appflowy/plugins/database/application/cell/bloc/url_cell_bloc.dart';
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../editable_cell_skeleton/url.dart';
@ -18,26 +19,9 @@ class DesktopRowDetailURLSkin extends IEditableURLCellSkin {
TextEditingController textEditingController,
URLCellDataNotifier cellDataNotifier,
) {
return TextField(
return LinkTextField(
controller: textEditingController,
focusNode: focusNode,
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
color: Theme.of(context).colorScheme.primary,
decoration: TextDecoration.underline,
),
decoration: InputDecoration(
contentPadding: const EdgeInsets.symmetric(horizontal: 8, vertical: 9),
border: InputBorder.none,
focusedBorder: InputBorder.none,
enabledBorder: InputBorder.none,
errorBorder: InputBorder.none,
disabledBorder: InputBorder.none,
hintText: LocaleKeys.grid_row_textPlaceholder.tr(),
hintStyle: Theme.of(context).textTheme.bodyMedium?.copyWith(
color: Theme.of(context).hintColor,
),
isDense: true,
),
);
}
@ -54,3 +38,80 @@ class DesktopRowDetailURLSkin extends IEditableURLCellSkin {
];
}
}
class LinkTextField extends StatefulWidget {
const LinkTextField({
super.key,
required this.controller,
required this.focusNode,
});
final TextEditingController controller;
final FocusNode focusNode;
@override
State<LinkTextField> createState() => _LinkTextFieldState();
}
class _LinkTextFieldState extends State<LinkTextField> {
bool _isLinkClickable = false;
@override
void initState() {
super.initState();
HardwareKeyboard.instance.addHandler(_handleGlobalKeyEvent);
}
@override
void dispose() {
HardwareKeyboard.instance.removeHandler(_handleGlobalKeyEvent);
super.dispose();
}
bool _handleGlobalKeyEvent(KeyEvent event) {
setState(() {
_isLinkClickable = event is KeyDownEvent &&
[
LogicalKeyboardKey.control,
LogicalKeyboardKey.controlLeft,
LogicalKeyboardKey.controlRight,
LogicalKeyboardKey.meta,
LogicalKeyboardKey.metaLeft,
LogicalKeyboardKey.metaRight,
].contains(event.logicalKey);
});
return false;
}
@override
Widget build(BuildContext context) {
return TextField(
mouseCursor:
_isLinkClickable ? SystemMouseCursors.click : SystemMouseCursors.text,
controller: widget.controller,
focusNode: widget.focusNode,
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
color: Theme.of(context).colorScheme.primary,
decoration: TextDecoration.underline,
),
onTap: () {
if (_isLinkClickable) {
openUrlCellLink(widget.controller.text);
}
},
decoration: InputDecoration(
contentPadding: const EdgeInsets.symmetric(horizontal: 8, vertical: 9),
border: InputBorder.none,
focusedBorder: InputBorder.none,
enabledBorder: InputBorder.none,
errorBorder: InputBorder.none,
disabledBorder: InputBorder.none,
hintText: LocaleKeys.grid_row_textPlaceholder.tr(),
hintStyle: Theme.of(context).textTheme.bodyMedium?.copyWith(
color: Theme.of(context).hintColor,
),
isDense: true,
),
);
}
}