mirror of
https://github.com/flutter/samples.git
synced 2026-04-06 19:52:04 +00:00
[linting_tool] Implement editing profile (#874)
This commit is contained in:
committed by
GitHub
parent
bd4fa28584
commit
1e00fd0bde
@@ -2,16 +2,19 @@
|
||||
// Use of this source code is governed by a BSD-style license that can be
|
||||
// found in the LICENSE file.
|
||||
|
||||
import 'package:context_menus/context_menus.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:linting_tool/layout/adaptive.dart';
|
||||
import 'package:linting_tool/model/profile.dart';
|
||||
import 'package:linting_tool/model/editing_controller.dart';
|
||||
import 'package:linting_tool/model/profiles_store.dart';
|
||||
import 'package:linting_tool/widgets/saved_rule_tile.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class RulesPage extends StatelessWidget {
|
||||
final RulesProfile profile;
|
||||
final int selectedProfileIndex;
|
||||
|
||||
const RulesPage({
|
||||
required this.profile,
|
||||
required this.selectedProfileIndex,
|
||||
Key? key,
|
||||
}) : super(key: key);
|
||||
|
||||
@@ -33,7 +36,10 @@ class RulesPage extends StatelessWidget {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Text(
|
||||
profile.name,
|
||||
context
|
||||
.read<ProfilesStore>()
|
||||
.savedProfiles[selectedProfileIndex]
|
||||
.name,
|
||||
style: textTheme.subtitle2!.copyWith(
|
||||
color: textTheme.bodyText1!.color,
|
||||
),
|
||||
@@ -53,21 +59,103 @@ class RulesPage extends StatelessWidget {
|
||||
backgroundColor: Colors.white,
|
||||
brightness: Brightness.light,
|
||||
),
|
||||
body: ListView.separated(
|
||||
padding: EdgeInsetsDirectional.only(
|
||||
start: startPadding,
|
||||
end: endPadding,
|
||||
top: isDesktop ? 28 : 0,
|
||||
bottom: isDesktop ? kToolbarHeight : 0,
|
||||
body: ContextMenuOverlay(
|
||||
child: Consumer<ProfilesStore>(
|
||||
builder: (context, profilesStore, child) {
|
||||
var profile = profilesStore.savedProfiles[selectedProfileIndex];
|
||||
return profile.rules.isEmpty
|
||||
? const Center(
|
||||
child: Text('There are no rules added to the profile.'),
|
||||
)
|
||||
: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Expanded(
|
||||
child: ListView.separated(
|
||||
padding: EdgeInsetsDirectional.only(
|
||||
start: startPadding,
|
||||
end: endPadding,
|
||||
top: isDesktop ? 28 : 0,
|
||||
bottom: isDesktop ? kToolbarHeight : 0,
|
||||
),
|
||||
itemCount: profile.rules.length,
|
||||
cacheExtent: 5,
|
||||
itemBuilder: (context, index) {
|
||||
return ContextMenuRegion(
|
||||
contextMenu: GenericContextMenu(
|
||||
buttonConfigs: [
|
||||
ContextMenuButtonConfig(
|
||||
'Remove from profile',
|
||||
onPressed: () {
|
||||
context
|
||||
.read<ProfilesStore>()
|
||||
.removeRuleFromProfile(
|
||||
profile, profile.rules[index]);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
child: SavedRuleTile(
|
||||
rule: profile.rules[index],
|
||||
),
|
||||
);
|
||||
},
|
||||
separatorBuilder: (context, index) =>
|
||||
const SizedBox(height: 4),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsetsDirectional.only(top: 28),
|
||||
child: Row(
|
||||
children: [
|
||||
Consumer<EditingController>(
|
||||
builder: (context, editingController, child) {
|
||||
var isEditing = editingController.isEditing;
|
||||
return isEditing
|
||||
? Column(
|
||||
children: [
|
||||
IconButton(
|
||||
icon: const Icon(Icons.done),
|
||||
onPressed: () {
|
||||
editingController.isEditing =
|
||||
false;
|
||||
},
|
||||
),
|
||||
if (editingController
|
||||
.selectedRules.isNotEmpty)
|
||||
IconButton(
|
||||
icon: const Icon(Icons.delete),
|
||||
onPressed: () {
|
||||
editingController
|
||||
.deleteSelected(
|
||||
profile,
|
||||
profilesStore,
|
||||
);
|
||||
},
|
||||
),
|
||||
],
|
||||
)
|
||||
: IconButton(
|
||||
icon: const Icon(Icons.edit),
|
||||
onPressed: () {
|
||||
editingController.isEditing = true;
|
||||
},
|
||||
);
|
||||
},
|
||||
),
|
||||
SizedBox(
|
||||
width: isTablet
|
||||
? 30
|
||||
: isDesktop
|
||||
? 60
|
||||
: 16),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
},
|
||||
),
|
||||
itemCount: profile.rules.length,
|
||||
cacheExtent: 5,
|
||||
itemBuilder: (context, index) {
|
||||
return SavedRuleTile(
|
||||
rule: profile.rules[index],
|
||||
);
|
||||
},
|
||||
separatorBuilder: (context, index) => const SizedBox(height: 4),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
@@ -5,6 +5,7 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/widgets.dart';
|
||||
import 'package:linting_tool/layout/adaptive.dart';
|
||||
import 'package:linting_tool/model/editing_controller.dart';
|
||||
import 'package:linting_tool/model/profiles_store.dart';
|
||||
import 'package:linting_tool/pages/rules_page.dart';
|
||||
import 'package:linting_tool/theme/colors.dart';
|
||||
@@ -56,7 +57,10 @@ class SavedLintsPage extends StatelessWidget {
|
||||
Navigator.push<void>(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (context) => RulesPage(profile: profile),
|
||||
builder: (context) => ChangeNotifierProvider(
|
||||
create: (context) => EditingController(),
|
||||
child: RulesPage(selectedProfileIndex: index),
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
@@ -66,7 +70,16 @@ class SavedLintsPage extends StatelessWidget {
|
||||
IconButton(
|
||||
icon: const Icon(Icons.edit),
|
||||
onPressed: () {
|
||||
// TODO(abd99): Implement edit functionality.
|
||||
Navigator.push<void>(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (context) => ChangeNotifierProvider(
|
||||
create: (context) =>
|
||||
EditingController(isEditing: true),
|
||||
child: RulesPage(selectedProfileIndex: index),
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
const SizedBox(
|
||||
|
||||
Reference in New Issue
Block a user