mirror of
https://github.com/feeddeck/feeddeck.git
synced 2026-03-11 17:47:47 -05:00
4906f9dc27
This commit improves the handling of tabs in the samll deck layout. We are now saving the selected tabs index in the newly added "LayoutRepository" so that we can reuse the selected tab when a user switches between the small and large layout. We can now also set the tab which should be initially selected in the large layout when a user selects a column in the navigation rail. Last but not least we can also reset the initial tab index when a user selects a new deck in the settings, so that we always display the first column instead of the column with the same index as it was selected in the previous deck.
106 lines
3.9 KiB
Dart
106 lines
3.9 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import 'package:provider/provider.dart';
|
|
|
|
import 'package:feeddeck/repositories/app_repository.dart';
|
|
import 'package:feeddeck/repositories/items_repository.dart';
|
|
import 'package:feeddeck/repositories/layout_repository.dart';
|
|
import 'package:feeddeck/utils/constants.dart';
|
|
|
|
/// The [SettingsDecksSelect] widget shows a list of the users decks, when the
|
|
/// user clicks on one of the decks in the list it will be set as the active one
|
|
/// and the user is redirected to the decks view.
|
|
class SettingsDecksSelect extends StatefulWidget {
|
|
const SettingsDecksSelect({super.key});
|
|
|
|
@override
|
|
State<SettingsDecksSelect> createState() => _SettingsDecksSelectState();
|
|
}
|
|
|
|
class _SettingsDecksSelectState extends State<SettingsDecksSelect> {
|
|
/// [_selectDeck] sets the provided [deckId] as the active deck. The active
|
|
/// deck is updated via the [selectDeck] method of the [AppRepository]. When
|
|
/// the active deck is updated the user is redirected to the decks view.
|
|
Future<void> _selectDeck(String deckId) async {
|
|
try {
|
|
/// Before the active deck is changed the [ItemsRepositoryStore] is
|
|
/// cleared, to trigger a reload of the items once the deck is loaded.
|
|
ItemsRepositoryStore().clear();
|
|
|
|
/// We also have to reset the tab index when the user selects a new deck,
|
|
/// so that the first tab is selected instead of the tab with the same
|
|
/// index as in the previously selected deck.
|
|
Provider.of<LayoutRepository>(context, listen: false)
|
|
.deckLayoutSmallInitialTabIndex = 0;
|
|
|
|
await Provider.of<AppRepository>(context, listen: false)
|
|
.selectDeck(deckId);
|
|
if (!mounted) return;
|
|
Navigator.of(context).pop();
|
|
} catch (_) {}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
AppRepository app = Provider.of<AppRepository>(context, listen: true);
|
|
|
|
return ListView.builder(
|
|
shrinkWrap: true,
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
itemCount: app.decks.length,
|
|
itemBuilder: (context, index) {
|
|
return MouseRegion(
|
|
cursor: SystemMouseCursors.click,
|
|
child: GestureDetector(
|
|
onTap: () => _selectDeck(app.decks[index].id),
|
|
child: Card(
|
|
color: Constants.secondary,
|
|
margin: const EdgeInsets.only(
|
|
bottom: Constants.spacingSmall,
|
|
),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.all(
|
|
Constants.spacingMiddle,
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
Characters(app.decks[index].name)
|
|
.replaceAll(
|
|
Characters(''),
|
|
Characters('\u{200B}'),
|
|
)
|
|
.toString(),
|
|
maxLines: 1,
|
|
style: const TextStyle(
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const Icon(Icons.chevron_right),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|