mirror of
https://github.com/wger-project/flutter.git
synced 2026-02-18 00:17:48 +01:00
117 lines
4.8 KiB
Dart
117 lines
4.8 KiB
Dart
/*
|
|
* This file is part of wger Workout Manager <https://github.com/wger-project>.
|
|
* Copyright (C) 2020, 2021 wger Team
|
|
*
|
|
* wger Workout Manager is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU Affero General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* wger Workout Manager is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
import 'dart:io';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
|
|
import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:wger/providers/gallery.dart';
|
|
import 'package:wger/screens/form_screen.dart';
|
|
|
|
import 'forms.dart';
|
|
|
|
class Gallery extends StatelessWidget {
|
|
const Gallery();
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final provider = Provider.of<GalleryProvider>(context);
|
|
|
|
return Padding(
|
|
padding: const EdgeInsets.all(5),
|
|
child: RefreshIndicator(
|
|
onRefresh: () => provider.fetchAndSetGallery(),
|
|
child: MasonryGridView.count(
|
|
crossAxisCount: 2,
|
|
mainAxisSpacing: 5,
|
|
crossAxisSpacing: 5,
|
|
itemCount: provider.images.length,
|
|
itemBuilder: (context, index) {
|
|
final currentImage = provider.images[index];
|
|
|
|
return GestureDetector(
|
|
onTap: () {
|
|
showModalBottomSheet(
|
|
builder: (context) => Material(
|
|
child: Container(
|
|
key: Key('image-${currentImage.id}-detail'),
|
|
padding: const EdgeInsets.all(10),
|
|
color: Colors.white,
|
|
child: Column(
|
|
children: [
|
|
Text(
|
|
DateFormat.yMd(Localizations.localeOf(context).languageCode)
|
|
.format(currentImage.date),
|
|
style: Theme.of(context).textTheme.headline5,
|
|
),
|
|
Expanded(
|
|
child: Image.network(currentImage.url!),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|
child: Text(currentImage.description),
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
IconButton(
|
|
icon: const Icon(Icons.delete),
|
|
onPressed: () {
|
|
Provider.of<GalleryProvider>(context, listen: false)
|
|
.deleteImage(currentImage);
|
|
Navigator.of(context).pop();
|
|
}),
|
|
if (!(Platform.isLinux || Platform.isMacOS))
|
|
IconButton(
|
|
icon: const Icon(Icons.edit),
|
|
onPressed: () {
|
|
Navigator.pushNamed(
|
|
context,
|
|
FormScreen.routeName,
|
|
arguments: FormScreenArguments(
|
|
AppLocalizations.of(context).edit,
|
|
ImageForm(currentImage),
|
|
hasListView: true,
|
|
),
|
|
);
|
|
}),
|
|
],
|
|
)
|
|
],
|
|
),
|
|
),
|
|
),
|
|
context: context,
|
|
);
|
|
},
|
|
child: FadeInImage(
|
|
key: Key('image-${currentImage.id}'),
|
|
placeholder: const AssetImage('assets/images/placeholder.png'),
|
|
image: NetworkImage(currentImage.url!),
|
|
fit: BoxFit.cover,
|
|
),
|
|
);
|
|
}),
|
|
),
|
|
);
|
|
}
|
|
}
|