admin/linkding-ios
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Added slide options menu to bookmark item

Browse Source
This commit is contained in:
Juan Gilsanz Polo
2026-03-22 20:34:40 +01:00
parent f2d5b075c7
commit 1cb9ab58c2
20 changed files with 590 additions and 315 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
lib/constants/shared_preferences_keys.dart
View File

@@ -8,4 +8,5 @@ class SharedPreferencesKeys {
static const openLinksBrowser = "openLinksBrowser";
static const defaultTags = "defaultTags";
static const markAsUnreadDefault = "markAsUnreadDefault";
static const enableSlideOptions = "enableSlideOptions";
}

4
lib/i18n/strings.g.dart
View File

@@ -4,9 +4,9 @@
/// To regenerate, run: `dart run slang`
///
/// Locales: 3
/// Strings: 630 (210 per locale)
/// Strings: 636 (212 per locale)
///
/// Built on 2026-03-18 at 19:43 UTC
/// Built on 2026-03-22 at 19:27 UTC
// coverage:ignore-file
// ignore_for_file: type=lint, unused_import

8
lib/i18n/strings_en.g.dart
View File

@@ -814,6 +814,12 @@ class TranslationsSettingsGeneralSettingsEn {
/// en: 'Set the mark as unread option by default when creating a new bookmark.'
String get setMarkAsUnreadDefaultDescription => 'Set the mark as unread option by default when creating a new bookmark.';
/// en: 'Enable slide options'
String get enableSlideOptions => 'Enable slide options';
/// en: 'Enable slide options on the bookmark list'
String get enableSlideOptionsDescription => 'Enable slide options on the bookmark list';
}
// Path: settings.generalSettings.disconnectModal
@@ -1057,6 +1063,8 @@ extension on Translations {
'settings.generalSettings.others' => 'Others',
'settings.generalSettings.setMarkAsUnreadDefault' => 'Set mark as unread by default',
'settings.generalSettings.setMarkAsUnreadDefaultDescription' => 'Set the mark as unread option by default when creating a new bookmark.',
'settings.generalSettings.enableSlideOptions' => 'Enable slide options',
'settings.generalSettings.enableSlideOptionsDescription' => 'Enable slide options on the bookmark list',
'webview.goBack' => 'Go back',
'webview.goForward' => 'Go forward',
'webview.reload' => 'Reload',

4
lib/i18n/strings_en.i18n.json
View File

@@ -219,7 +219,9 @@
},
"others": "Others",
"setMarkAsUnreadDefault": "Set mark as unread by default",
"setMarkAsUnreadDefaultDescription": "Set the mark as unread option by default when creating a new bookmark."
"setMarkAsUnreadDefaultDescription": "Set the mark as unread option by default when creating a new bookmark.",
"enableSlideOptions": "Enable slide options",
"enableSlideOptionsDescription": "Enable slide options on the bookmark list"
}
},
"webview": {

4
lib/i18n/strings_es.g.dart
View File

@@ -401,6 +401,8 @@ class _TranslationsSettingsGeneralSettingsEs implements TranslationsSettingsGene
@override String get others => 'Otros';
@override String get setMarkAsUnreadDefault => 'Marcar como no leído por defecto';
@override String get setMarkAsUnreadDefaultDescription => 'Habilitar por defecto la opción de marcar como leído al crear un marcador.';
@override String get enableSlideOptions => 'Habilitar opciones al deslizar';
@override String get enableSlideOptionsDescription => 'Habilitar opciones al deslizar en la lista de marcadores';
}
// Path: settings.generalSettings.disconnectModal
@@ -628,6 +630,8 @@ extension on TranslationsEs {
'settings.generalSettings.others' => 'Otros',
'settings.generalSettings.setMarkAsUnreadDefault' => 'Marcar como no leído por defecto',
'settings.generalSettings.setMarkAsUnreadDefaultDescription' => 'Habilitar por defecto la opción de marcar como leído al crear un marcador.',
'settings.generalSettings.enableSlideOptions' => 'Habilitar opciones al deslizar',
'settings.generalSettings.enableSlideOptionsDescription' => 'Habilitar opciones al deslizar en la lista de marcadores',
'webview.goBack' => 'Ir atrás',
'webview.goForward' => 'Ir adelante',
'webview.reload' => 'Recargar',

4
lib/i18n/strings_es.i18n.json
View File

@@ -219,7 +219,9 @@
},
"others": "Otros",
"setMarkAsUnreadDefault": "Marcar como no leído por defecto",
"setMarkAsUnreadDefaultDescription": "Habilitar por defecto la opción de marcar como leído al crear un marcador."
"setMarkAsUnreadDefaultDescription": "Habilitar por defecto la opción de marcar como leído al crear un marcador.",
"enableSlideOptions": "Habilitar opciones al deslizar",
"enableSlideOptionsDescription": "Habilitar opciones al deslizar en la lista de marcadores"
}
},
"webview": {

4
lib/i18n/strings_tr.g.dart
View File

@@ -401,6 +401,8 @@ class _TranslationsSettingsGeneralSettingsTr implements TranslationsSettingsGene
@override String get others => 'Others';
@override String get setMarkAsUnreadDefault => 'Set mark as unread by default';
@override String get setMarkAsUnreadDefaultDescription => 'Set the mark as unread option by default when creating a new bookmark.';
@override String get enableSlideOptions => 'Enable slide options';
@override String get enableSlideOptionsDescription => 'Enable slide options on the bookmark list';
}
// Path: settings.generalSettings.disconnectModal
@@ -628,6 +630,8 @@ extension on TranslationsTr {
'settings.generalSettings.others' => 'Others',
'settings.generalSettings.setMarkAsUnreadDefault' => 'Set mark as unread by default',
'settings.generalSettings.setMarkAsUnreadDefaultDescription' => 'Set the mark as unread option by default when creating a new bookmark.',
'settings.generalSettings.enableSlideOptions' => 'Enable slide options',
'settings.generalSettings.enableSlideOptionsDescription' => 'Enable slide options on the bookmark list',
'webview.goBack' => 'Geri dön',
'webview.goForward' => 'İleri git',
'webview.reload' => 'Yenile',

4
lib/i18n/strings_tr.i18n.json
View File

@@ -219,7 +219,9 @@
},
"others": "Others",
"setMarkAsUnreadDefault": "Set mark as unread by default",
"setMarkAsUnreadDefaultDescription": "Set the mark as unread option by default when creating a new bookmark."
"setMarkAsUnreadDefaultDescription": "Set the mark as unread option by default when creating a new bookmark.",
"enableSlideOptions": "Enable slide options",
"enableSlideOptionsDescription": "Enable slide options on the bookmark list"
}
},
"webview": {

2
lib/models/providers_models/app_status.model.dart
View File

@@ -9,6 +9,7 @@ class AppStatusModel {
bool showFavicon;
List<String> defaultTags;
bool markAsUnreadDefault;
bool enableSlideOptions;
AppStatusModel({
this.selectedTheme = SelectedTheme.system,
@@ -19,5 +20,6 @@ class AppStatusModel {
this.showFavicon = true,
required this.defaultTags,
this.markAsUnreadDefault = false,
this.enableSlideOptions = true,
});
}

7
lib/providers/app_status.provider.dart
View File

@@ -24,6 +24,7 @@ class AppStatus extends _$AppStatus {
showFavicon: sharedPreferences.getBool(SharedPreferencesKeys.showFavicon) ?? true,
defaultTags: sharedPreferences.getStringList(SharedPreferencesKeys.defaultTags) ?? [],
markAsUnreadDefault: sharedPreferences.getBool(SharedPreferencesKeys.markAsUnreadDefault) ?? false,
enableSlideOptions: sharedPreferences.getBool(SharedPreferencesKeys.enableSlideOptions) ?? true,
);
}
@@ -81,6 +82,12 @@ class AppStatus extends _$AppStatus {
ref.read(sharedPreferencesProvider).setBool(SharedPreferencesKeys.markAsUnreadDefault, value);
ref.notifyListeners();
}
void setEnableSlideOptions(bool value) {
state.enableSlideOptions = value;
ref.read(sharedPreferencesProvider).setBool(SharedPreferencesKeys.enableSlideOptions, value);
ref.notifyListeners();
}
}
@riverpod

2
lib/screens/bookmarks/ui/bookmarks.dart
View File

@@ -3,7 +3,7 @@ import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:linkdy/screens/bookmarks/ui/visualization_modal.dart';
import 'package:linkdy/screens/bookmarks/provider/bookmarks.provider.dart';
import 'package:linkdy/widgets/bookmark_item.dart';
import 'package:linkdy/widgets/bookmark_item/bookmark_item.dart';
import 'package:linkdy/screens/bookmarks/ui/bookmark_form_modal.dart';
import 'package:linkdy/screens/bookmarks/ui/delete_bookmark_modal.dart';
import 'package:linkdy/screens/bookmarks/ui/search_bookmarks.dart';

2
lib/screens/bookmarks/ui/search_bookmarks.dart
View File

@@ -3,7 +3,7 @@ import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:linkdy/screens/bookmarks/provider/search_bookmarks.provider.dart';
import 'package:linkdy/screens/bookmarks/ui/bookmark_form_modal.dart';
import 'package:linkdy/widgets/bookmark_item.dart';
import 'package:linkdy/widgets/bookmark_item/bookmark_item.dart';
import 'package:linkdy/screens/bookmarks/ui/delete_bookmark_modal.dart';
import 'package:linkdy/widgets/enter_search_term_screen.dart';
import 'package:linkdy/widgets/no_data_screen.dart';

2
lib/screens/filtered_bookmarks/ui/filtered_bookmarks.dart
View File

@@ -3,7 +3,7 @@ import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:linkdy/screens/bookmarks/ui/bookmark_form_modal.dart';
import 'package:linkdy/widgets/bookmark_item.dart';
import 'package:linkdy/widgets/bookmark_item/bookmark_item.dart';
import 'package:linkdy/screens/bookmarks/ui/delete_bookmark_modal.dart';
import 'package:linkdy/screens/filtered_bookmarks/provider/filtered_bookmarks.provider.dart';
import 'package:linkdy/widgets/error_screen.dart';

6
lib/screens/settings/ui/general_settings/general_settings.dart
View File

@@ -71,6 +71,12 @@ class GeneralSettings extends ConsumerWidget {
subtitle: Text(browserLabel()),
onTap: openBrowserSelectionSheet,
),
SwitchListTile(
title: Text(t.settings.generalSettings.enableSlideOptions),
subtitle: Text(t.settings.generalSettings.enableSlideOptionsDescription),
value: ref.watch(appStatusProvider).enableSlideOptions,
onChanged: ref.read(appStatusProvider.notifier).setEnableSlideOptions,
),
SectionLabel(label: t.settings.generalSettings.tags),
ListTile(
title: Text(t.settings.generalSettings.defaultTags.defaultTags),

307
lib/widgets/bookmark_item.dart
View File

@@ -1,307 +0,0 @@
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:linkdy/constants/urls.dart';
import 'package:share_plus/share_plus.dart';
import 'package:skeletonizer/skeletonizer.dart';
import 'package:super_context_menu/super_context_menu.dart';
import 'package:linkdy/i18n/strings.g.dart';
import 'package:linkdy/models/data/bookmarks.dart';
import 'package:linkdy/providers/app_status.provider.dart';
import 'package:linkdy/utils/date_to_string.dart';
// Wait until the context menu close animation animation finishes
Duration _durationTime = const Duration(milliseconds: 150);
class BookmarkItem extends ConsumerWidget {
final Bookmark bookmark;
final void Function(Bookmark bookmark) onSelect;
final void Function(Bookmark bookmark) onDelete;
final void Function(Bookmark bookmark) onReadUnread;
final void Function(Bookmark bookmark) onArchiveUnarchive;
final void Function(Bookmark bookmark) onEdit;
final void Function(Bookmark bookmark) onShareInternally;
final bool selected;
final bool tabletMode;
final Color? tileBackgroundColor;
const BookmarkItem({
super.key,
required this.bookmark,
required this.onSelect,
required this.onDelete,
required this.onReadUnread,
required this.onArchiveUnarchive,
required this.onEdit,
required this.onShareInternally,
required this.selected,
required this.tabletMode,
this.tileBackgroundColor,
});
@override
Widget build(BuildContext context, WidgetRef ref) {
String validateStrings(String? string1, String? string2, String? string3) {
if (string1 != null && string1.isNotEmpty) {
return string1;
} else if (string2 != null && string2.isNotEmpty) {
return string2;
} else if (string3 != null && string3.isNotEmpty) {
return string3;
} else {
return "";
}
}
return Padding(
padding: tabletMode ? const EdgeInsets.symmetric(horizontal: 8) : const EdgeInsets.all(0),
child: ClipRRect(
borderRadius: tabletMode ? BorderRadius.circular(28) : BorderRadius.circular(0),
child: Builder(
builder: (ctx) {
return ContextMenuWidget(
menuProvider: (request) => Menu(
children: [
MenuAction(
callback: () => Future.delayed(_durationTime).then((value) => onReadUnread(bookmark)),
title: bookmark.unread == true
? t.bookmarks.bookmarkOptions.markAsRead
: t.bookmarks.bookmarkOptions.markAsUnread,
image: MenuImage.icon(
bookmark.unread == true ? Icons.mark_email_read_rounded : Icons.mark_as_unread_rounded,
),
),
MenuAction(
callback: () => Future.delayed(_durationTime).then((value) => onArchiveUnarchive(bookmark)),
title: bookmark.isArchived == true
? t.bookmarks.bookmarkOptions.unarchive
: t.bookmarks.bookmarkOptions.archive,
image: MenuImage.icon(
bookmark.isArchived == true ? Icons.unarchive_rounded : Icons.archive_rounded,
),
),
Menu(
title: t.bookmarks.bookmarkOptions.shareOptions,
image: MenuImage.icon(Icons.share_rounded),
children: [
MenuAction(
callback: () => Future.delayed(_durationTime).then((value) => onShareInternally(bookmark)),
title: bookmark.shared == true
? t.bookmarks.bookmarkOptions.unshareInternally
: t.bookmarks.bookmarkOptions.shareInternally,
image: MenuImage.icon(Icons.input_rounded),
),
MenuAction(
callback: () {
final box = ctx.findRenderObject() as RenderBox?;
Future.delayed(_durationTime).then(
(value) => Share.share(
bookmark.url!,
sharePositionOrigin: box!.localToGlobal(Offset.zero) & box.size,
),
);
},
title: t.bookmarks.bookmarkOptions.shareThirdPartyApp,
image: MenuImage.icon(Icons.output_rounded),
),
],
),
MenuSeparator(),
MenuAction(
callback: () => Future.delayed(_durationTime).then((value) => onEdit(bookmark)),
title: t.bookmarks.bookmarkOptions.edit,
image: MenuImage.icon(Icons.edit_rounded),
),
MenuAction(
callback: () => Future.delayed(_durationTime).then((value) => onDelete(bookmark)),
title: t.bookmarks.bookmarkOptions.delete,
image: MenuImage.icon(Icons.delete_rounded),
attributes: const MenuActionAttributes(destructive: true),
),
],
),
child: Material(
color: selected && tabletMode
? Theme.of(context).colorScheme.primaryContainer
: tileBackgroundColor ?? Theme.of(context).colorScheme.surface,
child: InkWell(
onTap: () => onSelect(bookmark),
child: Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
if (ref.watch(appStatusProvider).showFavicon == true)
Padding(
padding: const EdgeInsets.only(right: 8),
child: Image.network(
Urls.gstatic(bookmark.url),
width: 16,
height: 16,
loadingBuilder: (context, child, loadingProgress) {
if (loadingProgress != null) {
return ClipRRect(
borderRadius: BorderRadius.circular(4),
child: Skeletonizer(
enabled: true,
ignoreContainers: true,
child: Container(
width: 16,
height: 16,
color: Colors.black,
),
),
);
}
return child;
},
),
),
Expanded(
child: Text(
validateStrings(bookmark.title, bookmark.websiteTitle, bookmark.url),
maxLines: 1,
overflow: TextOverflow.ellipsis,
textAlign: TextAlign.left,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w500,
color: Theme.of(context).colorScheme.onSurface,
),
),
),
],
),
const SizedBox(height: 4),
Text(
validateStrings(bookmark.description, bookmark.websiteDescription, bookmark.url),
maxLines: 3,
overflow: TextOverflow.ellipsis,
textAlign: TextAlign.left,
style: TextStyle(
fontSize: 14,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
const SizedBox(height: 4),
Row(
children: [
Expanded(
child: Text(
bookmark.tagNames?.map((tag) => "#$tag").join(" ") ?? '',
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 12,
fontWeight: FontWeight.w500,
color: Theme.of(context).colorScheme.onSurface,
),
),
),
if (bookmark.shared == true) ...[
if (bookmark.tagNames?.isNotEmpty == true)
Container(
width: 1,
height: 12,
margin: const EdgeInsets.symmetric(horizontal: 8),
color: Theme.of(context).colorScheme.tertiary.withOpacity(0.3),
),
Container(
padding: const EdgeInsets.symmetric(
horizontal: 6,
vertical: 2,
),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: Theme.of(context).colorScheme.primaryContainer,
),
child: Row(
children: [
Icon(
Icons.share_rounded,
size: 12,
color: Theme.of(context).colorScheme.onPrimaryContainer,
),
const SizedBox(width: 4),
Text(
t.bookmarks.bookmarkOptions.shared,
style: TextStyle(
fontSize: 10,
color: Theme.of(context).colorScheme.onPrimaryContainer,
fontWeight: FontWeight.w700,
),
),
],
),
),
],
if (bookmark.unread == true) ...[
if (bookmark.tagNames?.isNotEmpty == true || bookmark.shared == true)
Container(
width: 1,
height: 12,
margin: const EdgeInsets.symmetric(horizontal: 8),
color: Theme.of(context).colorScheme.tertiary.withOpacity(0.3),
),
Container(
padding: const EdgeInsets.symmetric(
horizontal: 6,
vertical: 2,
),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: Theme.of(context).colorScheme.primaryContainer,
),
child: Row(
children: [
Icon(
Icons.mark_as_unread_rounded,
size: 12,
color: Theme.of(context).colorScheme.onPrimaryContainer,
),
const SizedBox(width: 4),
Text(
t.bookmarks.bookmarkOptions.unread,
style: TextStyle(
fontSize: 10,
color: Theme.of(context).colorScheme.onPrimaryContainer,
fontWeight: FontWeight.w700,
),
),
],
),
),
],
if (bookmark.dateModified != null) ...[
if (bookmark.unread == true ||
bookmark.shared == true ||
bookmark.tagNames?.isNotEmpty == true)
Container(
width: 1,
height: 12,
margin: const EdgeInsets.symmetric(horizontal: 8),
color: Theme.of(context).colorScheme.tertiary.withOpacity(0.3),
),
Text(
dateToString(bookmark.dateModified!),
style: TextStyle(
fontSize: 12,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
],
],
),
],
),
),
),
),
);
},
),
),
);
}
}

100
lib/widgets/bookmark_item/bookmark_context_menu.dart Normal file
View File

@@ -0,0 +1,100 @@
import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:share_plus/share_plus.dart';
import 'package:super_context_menu/super_context_menu.dart';
import 'package:linkdy/models/data/bookmarks.dart';
import 'package:linkdy/i18n/strings.g.dart';
// Wait until the context menu close animation animation finishes
Duration _durationTime = const Duration(milliseconds: 150);
class BookmarkContextMenu extends ConsumerWidget {
final Widget child;
final Bookmark bookmark;
final void Function(Bookmark bookmark) onSelect;
final void Function(Bookmark bookmark) onDelete;
final void Function(Bookmark bookmark) onReadUnread;
final void Function(Bookmark bookmark) onArchiveUnarchive;
final void Function(Bookmark bookmark) onEdit;
final void Function(Bookmark bookmark) onShareInternally;
const BookmarkContextMenu({
super.key,
required this.bookmark,
required this.child,
required this.onSelect,
required this.onDelete,
required this.onReadUnread,
required this.onArchiveUnarchive,
required this.onEdit,
required this.onShareInternally,
});
@override
Widget build(BuildContext context, WidgetRef ref) {
return ContextMenuWidget(
menuProvider: (request) => Menu(
children: [
MenuAction(
callback: () => Future.delayed(_durationTime).then((value) => onReadUnread(bookmark)),
title: bookmark.unread == true
? t.bookmarks.bookmarkOptions.markAsRead
: t.bookmarks.bookmarkOptions.markAsUnread,
image: MenuImage.icon(
bookmark.unread == true ? Icons.mark_email_read_rounded : Icons.mark_as_unread_rounded,
),
),
MenuAction(
callback: () => Future.delayed(_durationTime).then((value) => onArchiveUnarchive(bookmark)),
title: bookmark.isArchived == true
? t.bookmarks.bookmarkOptions.unarchive
: t.bookmarks.bookmarkOptions.archive,
image: MenuImage.icon(
bookmark.isArchived == true ? Icons.unarchive_rounded : Icons.archive_rounded,
),
),
Menu(
title: t.bookmarks.bookmarkOptions.shareOptions,
image: MenuImage.icon(Icons.share_rounded),
children: [
MenuAction(
callback: () => Future.delayed(_durationTime).then((value) => onShareInternally(bookmark)),
title: bookmark.shared == true
? t.bookmarks.bookmarkOptions.unshareInternally
: t.bookmarks.bookmarkOptions.shareInternally,
image: MenuImage.icon(Icons.input_rounded),
),
MenuAction(
callback: () {
final box = context.findRenderObject() as RenderBox?;
Future.delayed(_durationTime).then(
(value) => Share.share(
bookmark.url!,
sharePositionOrigin: box!.localToGlobal(Offset.zero) & box.size,
),
);
},
title: t.bookmarks.bookmarkOptions.shareThirdPartyApp,
image: MenuImage.icon(Icons.output_rounded),
),
],
),
MenuSeparator(),
MenuAction(
callback: () => Future.delayed(_durationTime).then((value) => onEdit(bookmark)),
title: t.bookmarks.bookmarkOptions.edit,
image: MenuImage.icon(Icons.edit_rounded),
),
MenuAction(
callback: () => Future.delayed(_durationTime).then((value) => onDelete(bookmark)),
title: t.bookmarks.bookmarkOptions.delete,
image: MenuImage.icon(Icons.delete_rounded),
attributes: const MenuActionAttributes(destructive: true),
),
],
),
child: child,
);
}
}

281
lib/widgets/bookmark_item/bookmark_item.dart Normal file
View File

@@ -0,0 +1,281 @@
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:linkdy/constants/urls.dart';
import 'package:linkdy/widgets/bookmark_item/bookmark_context_menu.dart';
import 'package:linkdy/widgets/bookmark_item/bookmark_slide_menu.dart';
import 'package:skeletonizer/skeletonizer.dart';
import 'package:linkdy/i18n/strings.g.dart';
import 'package:linkdy/models/data/bookmarks.dart';
import 'package:linkdy/providers/app_status.provider.dart';
import 'package:linkdy/utils/date_to_string.dart';
class BookmarkItem extends ConsumerWidget {
final Bookmark bookmark;
final void Function(Bookmark bookmark) onSelect;
final void Function(Bookmark bookmark) onDelete;
final void Function(Bookmark bookmark) onReadUnread;
final void Function(Bookmark bookmark) onArchiveUnarchive;
final void Function(Bookmark bookmark) onEdit;
final void Function(Bookmark bookmark) onShareInternally;
final bool selected;
final bool tabletMode;
final Color? tileBackgroundColor;
const BookmarkItem({
super.key,
required this.bookmark,
required this.onSelect,
required this.onDelete,
required this.onReadUnread,
required this.onArchiveUnarchive,
required this.onEdit,
required this.onShareInternally,
required this.selected,
required this.tabletMode,
this.tileBackgroundColor,
});
@override
Widget build(BuildContext context, WidgetRef ref) {
return Padding(
padding: tabletMode ? const EdgeInsets.symmetric(horizontal: 8) : const EdgeInsets.all(0),
child: ClipRRect(
borderRadius: tabletMode ? BorderRadius.circular(28) : BorderRadius.circular(0),
child: BookmarkSlideMenu(
bookmark: bookmark,
onSelect: onSelect,
onDelete: onDelete,
onReadUnread: onReadUnread,
onArchiveUnarchive: onArchiveUnarchive,
onEdit: onEdit,
onShareInternally: onShareInternally,
child: BookmarkContextMenu(
bookmark: bookmark,
onSelect: onSelect,
onDelete: onDelete,
onReadUnread: onReadUnread,
onArchiveUnarchive: onArchiveUnarchive,
onEdit: onEdit,
onShareInternally: onShareInternally,
child: _BookmarkContent(
bookmark: bookmark,
onSelect: onSelect,
selected: selected,
tabletMode: tabletMode,
tileBackgroundColor: tileBackgroundColor,
),
),
),
),
);
}
}
class _BookmarkContent extends ConsumerWidget {
final Bookmark bookmark;
final void Function(Bookmark bookmark) onSelect;
final bool selected;
final bool tabletMode;
final Color? tileBackgroundColor;
const _BookmarkContent({
required this.bookmark,
required this.onSelect,
required this.selected,
required this.tabletMode,
this.tileBackgroundColor,
});
@override
Widget build(BuildContext context, WidgetRef ref) {
String validateStrings(String? string1, String? string2, String? string3) {
if (string1 != null && string1.isNotEmpty) {
return string1;
} else if (string2 != null && string2.isNotEmpty) {
return string2;
} else if (string3 != null && string3.isNotEmpty) {
return string3;
} else {
return "";
}
}
return Material(
color: selected && tabletMode
? Theme.of(context).colorScheme.primaryContainer
: tileBackgroundColor ?? Theme.of(context).colorScheme.surface,
child: InkWell(
onTap: () => onSelect(bookmark),
child: Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
if (ref.watch(appStatusProvider).showFavicon == true)
Padding(
padding: const EdgeInsets.only(right: 8),
child: Image.network(
Urls.gstatic(bookmark.url),
width: 16,
height: 16,
loadingBuilder: (context, child, loadingProgress) {
if (loadingProgress != null) {
return ClipRRect(
borderRadius: BorderRadius.circular(4),
child: Skeletonizer(
enabled: true,
ignoreContainers: true,
child: Container(
width: 16,
height: 16,
color: Colors.black,
),
),
);
}
return child;
},
),
),
Expanded(
child: Text(
validateStrings(bookmark.title, bookmark.websiteTitle, bookmark.url),
maxLines: 1,
overflow: TextOverflow.ellipsis,
textAlign: TextAlign.left,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w500,
color: Theme.of(context).colorScheme.onSurface,
),
),
),
],
),
const SizedBox(height: 4),
Text(
validateStrings(bookmark.description, bookmark.websiteDescription, bookmark.url),
maxLines: 3,
overflow: TextOverflow.ellipsis,
textAlign: TextAlign.left,
style: TextStyle(
fontSize: 14,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
const SizedBox(height: 3),
Row(
children: [
Expanded(
child: Text(
bookmark.tagNames?.map((tag) => "#$tag").join(" ") ?? '',
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 12,
fontWeight: FontWeight.w500,
color: Theme.of(context).colorScheme.onSurface,
),
),
),
if (bookmark.shared == true) ...[
if (bookmark.tagNames?.isNotEmpty == true)
Container(
width: 1,
height: 12,
margin: const EdgeInsets.symmetric(horizontal: 8),
color: Theme.of(context).colorScheme.tertiary.withOpacity(0.3),
),
Container(
padding: const EdgeInsets.symmetric(
horizontal: 6,
vertical: 2,
),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: Theme.of(context).colorScheme.primaryContainer,
),
child: Row(
children: [
Icon(
Icons.share_rounded,
size: 12,
color: Theme.of(context).colorScheme.onPrimaryContainer,
),
const SizedBox(width: 4),
Text(
t.bookmarks.bookmarkOptions.shared,
style: TextStyle(
fontSize: 10,
color: Theme.of(context).colorScheme.onPrimaryContainer,
fontWeight: FontWeight.w700,
),
),
],
),
),
],
if (bookmark.unread == true) ...[
if (bookmark.tagNames?.isNotEmpty == true || bookmark.shared == true)
Container(
width: 1,
height: 12,
margin: const EdgeInsets.symmetric(horizontal: 8),
color: Theme.of(context).colorScheme.tertiary.withOpacity(0.3),
),
Container(
padding: const EdgeInsets.symmetric(
horizontal: 6,
vertical: 2,
),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: Theme.of(context).colorScheme.primaryContainer,
),
child: Row(
children: [
Icon(
Icons.mark_as_unread_rounded,
size: 12,
color: Theme.of(context).colorScheme.onPrimaryContainer,
),
const SizedBox(width: 4),
Text(
t.bookmarks.bookmarkOptions.unread,
style: TextStyle(
fontSize: 10,
color: Theme.of(context).colorScheme.onPrimaryContainer,
fontWeight: FontWeight.w700,
),
),
],
),
),
],
if (bookmark.dateModified != null) ...[
if (bookmark.unread == true || bookmark.shared == true || bookmark.tagNames?.isNotEmpty == true)
Container(
width: 1,
height: 12,
margin: const EdgeInsets.symmetric(horizontal: 8),
color: Theme.of(context).colorScheme.tertiary.withOpacity(0.3),
),
Text(
dateToString(bookmark.dateModified!),
style: TextStyle(
fontSize: 12,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
],
],
),
],
),
),
),
);
}
}

154
lib/widgets/bookmark_item/bookmark_slide_menu.dart Normal file
View File

@@ -0,0 +1,154 @@
import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:linkdy/providers/app_status.provider.dart';
import 'package:share_plus/share_plus.dart';
import 'package:slideable/slideable.dart';
import 'package:linkdy/models/data/bookmarks.dart';
import 'package:linkdy/i18n/strings.g.dart';
class BookmarkSlideMenu extends ConsumerWidget {
final Widget child;
final Bookmark bookmark;
final void Function(Bookmark bookmark) onSelect;
final void Function(Bookmark bookmark) onDelete;
final void Function(Bookmark bookmark) onReadUnread;
final void Function(Bookmark bookmark) onArchiveUnarchive;
final void Function(Bookmark bookmark) onEdit;
final void Function(Bookmark bookmark) onShareInternally;
const BookmarkSlideMenu({
super.key,
required this.bookmark,
required this.child,
required this.onSelect,
required this.onDelete,
required this.onReadUnread,
required this.onArchiveUnarchive,
required this.onEdit,
required this.onShareInternally,
});
@override
Widget build(BuildContext context, WidgetRef ref) {
if (ref.watch(appStatusProvider).enableSlideOptions == true) {
return Slideable(
resetSlide: false,
items: [
ActionItems(
icon: _ActionItemContent(
icon: Icon(
bookmark.unread == true ? Icons.mark_email_read_rounded : Icons.mark_as_unread_rounded,
color: Colors.white,
),
text: bookmark.unread == true
? t.bookmarks.bookmarkOptions.markAsRead
: t.bookmarks.bookmarkOptions.markAsUnread,
),
onPress: () => onReadUnread(bookmark),
backgroudColor: Colors.green,
),
ActionItems(
icon: _ActionItemContent(
icon: Icon(
bookmark.isArchived == true ? Icons.unarchive_rounded : Icons.archive_rounded,
color: Colors.white,
),
text: bookmark.isArchived == true
? t.bookmarks.bookmarkOptions.unarchive
: t.bookmarks.bookmarkOptions.archive,
),
onPress: () => onArchiveUnarchive(bookmark),
backgroudColor: Colors.blueGrey,
),
ActionItems(
icon: _ActionItemContent(
icon: Icon(
bookmark.shared == true ? Icons.person_remove_rounded : Icons.person_add_rounded,
color: Colors.white,
),
text: bookmark.shared == true
? t.bookmarks.bookmarkOptions.unshareInternally
: t.bookmarks.bookmarkOptions.shareInternally,
),
onPress: () => onShareInternally(bookmark),
backgroudColor: Colors.teal,
),
ActionItems(
icon: _ActionItemContent(
icon: Icon(
Icons.output_rounded,
color: Colors.white,
),
text: t.bookmarks.bookmarkOptions.shareThirdPartyApp,
),
onPress: () {
final box = context.findRenderObject() as RenderBox?;
Share.share(
bookmark.url!,
sharePositionOrigin: box!.localToGlobal(Offset.zero) & box.size,
);
},
backgroudColor: Colors.purple,
),
ActionItems(
icon: _ActionItemContent(
icon: Icon(
Icons.edit_rounded,
color: Colors.white,
),
text: t.bookmarks.bookmarkOptions.edit,
),
onPress: () => onEdit(bookmark),
backgroudColor: Colors.blue,
),
ActionItems(
icon: _ActionItemContent(
icon: Icon(
Icons.delete_rounded,
color: Colors.white,
),
text: t.bookmarks.bookmarkOptions.delete,
),
onPress: () => onDelete(bookmark),
backgroudColor: Colors.red,
),
],
child: child,
);
} else {
return child;
}
}
}
class _ActionItemContent extends StatelessWidget {
final Icon icon;
final String text;
const _ActionItemContent({
required this.icon,
required this.text,
});
@override
Widget build(BuildContext context) {
return Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
icon,
SizedBox(height: 6),
Text(
text,
style: TextStyle(
fontSize: 10,
fontWeight: FontWeight.w700,
color: Colors.white,
),
textAlign: TextAlign.center,
),
],
);
}
}