Add option to select/unselect all

This commit is contained in:
vishnukvmd 2021-07-11 23:30:32 +05:30
parent c21dfb2dde
commit f7a8402c8b
2 changed files with 125 additions and 110 deletions

View file

@ -9,7 +9,12 @@ import 'package:photos/ui/loading_widget.dart';
import 'package:photos/ui/thumbnail_widget.dart'; import 'package:photos/ui/thumbnail_widget.dart';
class BackupFolderSelectionPage extends StatefulWidget { class BackupFolderSelectionPage extends StatefulWidget {
const BackupFolderSelectionPage({Key key}) : super(key: key); final bool shouldSelectAll;
const BackupFolderSelectionPage(
this.shouldSelectAll, {
Key key,
}) : super(key: key);
@override @override
_BackupFolderSelectionPageState createState() => _BackupFolderSelectionPageState createState() =>
@ -18,14 +23,26 @@ class BackupFolderSelectionPage extends StatefulWidget {
class _BackupFolderSelectionPageState extends State<BackupFolderSelectionPage> { class _BackupFolderSelectionPageState extends State<BackupFolderSelectionPage> {
Set<String> _backedupFolders = Set<String>(); Set<String> _backedupFolders = Set<String>();
bool _shouldSelectAll = true; List<File> _latestFiles;
final _allFolders = Set<String>();
bool _isSelectAll = false;
@override @override
void initState() { void initState() {
_backedupFolders = Configuration.instance.getPathsToBackUp(); _backedupFolders = Configuration.instance.getPathsToBackUp();
if (_backedupFolders.isNotEmpty) { _isSelectAll = widget.shouldSelectAll;
_shouldSelectAll = false; FilesDB.instance.getLatestLocalFiles().then((files) {
} setState(() {
_latestFiles = files;
for (final file in _latestFiles) {
_allFolders.add(file.deviceFolder);
}
if (widget.shouldSelectAll) {
_backedupFolders.addAll(_allFolders);
}
_isSelectAll = _backedupFolders.length == _allFolders.length;
});
});
super.initState(); super.initState();
} }
@ -52,15 +69,17 @@ class _BackupFolderSelectionPageState extends State<BackupFolderSelectionPage> {
), ),
), ),
Padding( Padding(
padding: EdgeInsets.all(12), padding: EdgeInsets.all(6),
), ),
GestureDetector( GestureDetector(
child: Padding( child: Padding(
padding: const EdgeInsets.only(right: 64, bottom: 6), padding: const EdgeInsets.fromLTRB(6, 6, 64, 6),
child: Align( child: Align(
alignment: Alignment.centerRight, alignment: Alignment.centerRight,
child: Text( child: Text(
_shouldSelectAll ? "unselect all" : "select all", _backedupFolders.length == _allFolders.length
? "unselect all"
: "select all",
textAlign: TextAlign.right, textAlign: TextAlign.right,
style: TextStyle( style: TextStyle(
fontSize: 12, fontSize: 12,
@ -70,9 +89,13 @@ class _BackupFolderSelectionPageState extends State<BackupFolderSelectionPage> {
), ),
), ),
onTap: () { onTap: () {
setState(() { _isSelectAll = !_isSelectAll;
_shouldSelectAll = !_shouldSelectAll; if (_isSelectAll) {
}); _backedupFolders.addAll(_allFolders);
} else {
_backedupFolders.clear();
}
setState(() {});
}), }),
Expanded(child: _getFolderList()), Expanded(child: _getFolderList()),
Padding( Padding(
@ -103,110 +126,102 @@ class _BackupFolderSelectionPageState extends State<BackupFolderSelectionPage> {
} }
Widget _getFolderList() { Widget _getFolderList() {
return FutureBuilder<List<File>>( Widget child;
future: FilesDB.instance.getLatestLocalFiles(), if (_latestFiles != null) {
builder: (context, snapshot) { _latestFiles.sort((first, second) {
Widget child; return first.deviceFolder
if (snapshot.hasData) { .toLowerCase()
snapshot.data.sort((first, second) { .compareTo(second.deviceFolder.toLowerCase());
return first.deviceFolder });
.toLowerCase() final List<Widget> foldersWidget = [];
.compareTo(second.deviceFolder.toLowerCase()); for (final file in _latestFiles) {
}); final isSelected = _backedupFolders.contains(file.deviceFolder);
final List<Widget> foldersWidget = []; foldersWidget.add(
for (final file in snapshot.data) { Padding(
final isSelected = _shouldSelectAll || padding: const EdgeInsets.only(bottom: 1, right: 4),
_backedupFolders.contains(file.deviceFolder); child: Container(
foldersWidget.add( decoration: BoxDecoration(
Padding( border: Border.all(
padding: const EdgeInsets.only(bottom: 1, right: 4), color: Colors.black,
child: Container(
decoration: BoxDecoration(
border: Border.all(
color: Colors.black,
),
borderRadius: BorderRadius.all(
Radius.circular(10),
),
color: isSelected
? Color.fromRGBO(16, 32, 32, 1)
: Color.fromRGBO(8, 18, 18, 0.4),
),
padding: EdgeInsets.fromLTRB(20, 16, 20, 16),
child: InkWell(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Container(
child: Expanded(
child: Row(
children: [
_getThumbnail(file),
Padding(padding: EdgeInsets.all(10)),
Expanded(
child: Text(
file.deviceFolder,
style: TextStyle(fontSize: 16, height: 1.5),
overflow: TextOverflow.clip,
),
),
],
),
),
),
Checkbox(
value: isSelected,
onChanged: (value) {
if (value) {
_backedupFolders.add(file.deviceFolder);
} else {
_backedupFolders.remove(file.deviceFolder);
_shouldSelectAll = false;
}
setState(() {});
},
),
],
),
onTap: () {
final value =
!_backedupFolders.contains(file.deviceFolder);
if (value) {
_backedupFolders.add(file.deviceFolder);
} else {
_backedupFolders.remove(file.deviceFolder);
}
setState(() {});
},
),
), ),
borderRadius: BorderRadius.all(
Radius.circular(10),
),
color: isSelected
? Color.fromRGBO(16, 32, 32, 1)
: Color.fromRGBO(8, 18, 18, 0.4),
), ),
); padding: EdgeInsets.fromLTRB(20, 16, 20, 16),
} child: InkWell(
child: Row(
final scrollController = ScrollController(); mainAxisAlignment: MainAxisAlignment.spaceBetween,
child = Scrollbar( children: [
isAlwaysShown: true, Container(
controller: scrollController, child: Expanded(
child: SingleChildScrollView( child: Row(
controller: scrollController, children: [
child: Container( _getThumbnail(file),
padding: EdgeInsets.only(right: 4), Padding(padding: EdgeInsets.all(10)),
child: Column( Expanded(
crossAxisAlignment: CrossAxisAlignment.stretch, child: Text(
children: foldersWidget, file.deviceFolder,
style: TextStyle(fontSize: 16, height: 1.5),
overflow: TextOverflow.clip,
),
),
],
),
),
),
Checkbox(
value: isSelected,
onChanged: (value) {
if (value) {
_backedupFolders.add(file.deviceFolder);
} else {
_backedupFolders.remove(file.deviceFolder);
}
setState(() {});
},
),
],
), ),
onTap: () {
final value = !_backedupFolders.contains(file.deviceFolder);
if (value) {
_backedupFolders.add(file.deviceFolder);
} else {
_backedupFolders.remove(file.deviceFolder);
}
setState(() {});
},
), ),
), ),
); ),
} else {
child = loadWidget;
}
return Container(
padding: EdgeInsets.only(left: 40, right: 40),
child: child,
); );
}, }
final scrollController = ScrollController();
child = Scrollbar(
isAlwaysShown: true,
controller: scrollController,
child: SingleChildScrollView(
controller: scrollController,
child: Container(
padding: EdgeInsets.only(right: 4),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: foldersWidget,
),
),
),
);
} else {
child = loadWidget;
}
return Container(
padding: EdgeInsets.only(left: 40, right: 40),
child: child,
); );
} }

View file

@ -42,7 +42,7 @@ class _LoadingPhotosWidgetState extends State<LoadingPhotosWidget> {
if (LocalSyncService.instance.hasGrantedLimitedPermissions()) { if (LocalSyncService.instance.hasGrantedLimitedPermissions()) {
// Do nothing, let HomeWidget refresh // Do nothing, let HomeWidget refresh
} else { } else {
routeToPage(context, BackupFolderSelectionPage()); routeToPage(context, BackupFolderSelectionPage(true));
} }
} }
}); });