Add background images for games
This commit is contained in:
@@ -17,7 +17,8 @@ CREATE TABLE IF NOT EXISTS games (
|
||||
last_played TEXT NOT NULL,
|
||||
rss_feed_url TEXT NOT NULL,
|
||||
version_regex TEXT NOT NULL,
|
||||
last_updated TEXT NOT NULL
|
||||
last_updated TEXT NOT NULL,
|
||||
image_data BLOB
|
||||
);
|
||||
CREATE INDEX IF NOT EXISTS idx_games_name ON games (name);
|
||||
CREATE UNIQUE INDEX IF NOT EXISTS idx_games_name_unique ON games (name);
|
||||
|
@@ -1,6 +1,7 @@
|
||||
import 'package:gamer_updater/db.dart';
|
||||
import 'package:gamer_updater/utils.dart';
|
||||
import 'package:http/http.dart' as http;
|
||||
import 'dart:typed_data';
|
||||
|
||||
class Game {
|
||||
final String name;
|
||||
@@ -10,6 +11,7 @@ class Game {
|
||||
String actualVersion;
|
||||
String lastUpdated;
|
||||
final String rssFeedUrl;
|
||||
final Uint8List? imageData;
|
||||
|
||||
Game({
|
||||
required this.name,
|
||||
@@ -18,6 +20,7 @@ class Game {
|
||||
this.actualVersion = '',
|
||||
required this.rssFeedUrl,
|
||||
this.lastUpdated = '',
|
||||
this.imageData,
|
||||
}) : _internalVersionRegex = RegExp(versionRegex);
|
||||
|
||||
factory Game.fromMap(Map<String, dynamic> map) {
|
||||
@@ -28,6 +31,7 @@ class Game {
|
||||
rssFeedUrl: map['rss_feed_url'],
|
||||
actualVersion: map['actual_version'],
|
||||
lastUpdated: map['last_updated'],
|
||||
imageData: map['image_data'],
|
||||
);
|
||||
}
|
||||
|
||||
@@ -86,10 +90,19 @@ last_updated = excluded.last_updated
|
||||
return game;
|
||||
}
|
||||
|
||||
static Future<Game> updateImage(Game game) async {
|
||||
final db = DB.db;
|
||||
await db.rawUpdate('UPDATE games SET image_data = ? WHERE name = ?', [
|
||||
game.imageData,
|
||||
game.name,
|
||||
]);
|
||||
return game;
|
||||
}
|
||||
|
||||
static Future<Map<String, Game>> getAll() async {
|
||||
final db = DB.db;
|
||||
final games = await db.rawQuery(
|
||||
'SELECT name, actual_version, last_played, rss_feed_url, version_regex, last_updated FROM games',
|
||||
'SELECT name, actual_version, last_played, rss_feed_url, version_regex, last_updated, image_data FROM games',
|
||||
);
|
||||
return games
|
||||
.map((e) => Game.fromMap(e))
|
||||
|
@@ -82,7 +82,8 @@ class _MyHomePageState extends State<MyHomePage> {
|
||||
onRefresh: _refreshGames,
|
||||
child: LayoutBuilder(
|
||||
builder: (context, constraints) {
|
||||
final cardWidth = constraints.maxWidth / 4;
|
||||
final cardWidth = constraints.maxWidth / 2;
|
||||
final cardHeight = (cardWidth * 215) / 400; // Maintain aspect ratio
|
||||
return SingleChildScrollView(
|
||||
padding: const EdgeInsets.all(8),
|
||||
child: Wrap(
|
||||
@@ -91,7 +92,8 @@ class _MyHomePageState extends State<MyHomePage> {
|
||||
children: [
|
||||
...games.values.map(
|
||||
(game) => SizedBox(
|
||||
width: cardWidth - 10, // Subtract spacing to fit 4 cards
|
||||
width: cardWidth - 10, // Subtract spacing to fit 3 cards
|
||||
height: cardHeight - 10,
|
||||
child: GameCard(
|
||||
game: game,
|
||||
onGameUpdated: (game) async {
|
||||
@@ -110,7 +112,8 @@ class _MyHomePageState extends State<MyHomePage> {
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
width: cardWidth - 10, // Subtract spacing to fit 4 cards
|
||||
width: cardWidth - 10, // Subtract spacing to fit 3 cards
|
||||
height: cardHeight - 10,
|
||||
child: NewGameCard(
|
||||
onGameCreated: (game) async {
|
||||
game = await GameRepository.upsert(game);
|
||||
|
@@ -1,5 +1,6 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:gamer_updater/game.dart';
|
||||
import 'package:image_picker/image_picker.dart';
|
||||
|
||||
class GameCard extends StatefulWidget {
|
||||
final Game game;
|
||||
@@ -57,19 +58,28 @@ class _GameCardState extends State<GameCard>
|
||||
|
||||
void _setupFocusListeners() {
|
||||
void updateGame() {
|
||||
var name =
|
||||
widget.isNameEditable ? _nameController.text : widget.game.name;
|
||||
if (name.isNotEmpty) {
|
||||
widget.onGameUpdated(
|
||||
Game(
|
||||
name: name,
|
||||
versionRegex: _versionRegexController.text,
|
||||
lastPlayed: _lastPlayedController.text,
|
||||
rssFeedUrl: _rssFeedUrlController.text,
|
||||
actualVersion: widget.game.actualVersion,
|
||||
lastUpdated: widget.game.lastUpdated,
|
||||
),
|
||||
);
|
||||
try {
|
||||
var name =
|
||||
widget.isNameEditable ? _nameController.text : widget.game.name;
|
||||
if (name.isNotEmpty) {
|
||||
widget.onGameUpdated(
|
||||
Game(
|
||||
name: name,
|
||||
versionRegex: _versionRegexController.text,
|
||||
lastPlayed: _lastPlayedController.text,
|
||||
rssFeedUrl: _rssFeedUrlController.text,
|
||||
actualVersion: widget.game.actualVersion,
|
||||
lastUpdated: widget.game.lastUpdated,
|
||||
imageData: widget.game.imageData,
|
||||
),
|
||||
);
|
||||
}
|
||||
} catch (e) {
|
||||
if (mounted) {
|
||||
ScaffoldMessenger.of(
|
||||
context,
|
||||
).showSnackBar(SnackBar(content: Text(e.toString())));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -139,134 +149,240 @@ class _GameCardState extends State<GameCard>
|
||||
});
|
||||
}
|
||||
|
||||
Future<void> _pickImage() async {
|
||||
final picker = ImagePicker();
|
||||
final image = await picker.pickImage(source: ImageSource.gallery);
|
||||
if (image != null) {
|
||||
final imageBytes = await image.readAsBytes();
|
||||
final updatedGame = await GameRepository.updateImage(
|
||||
Game(
|
||||
name: widget.game.name,
|
||||
versionRegex: _versionRegexController.text,
|
||||
lastPlayed: _lastPlayedController.text,
|
||||
rssFeedUrl: _rssFeedUrlController.text,
|
||||
actualVersion: widget.game.actualVersion,
|
||||
lastUpdated: widget.game.lastUpdated,
|
||||
imageData: imageBytes,
|
||||
),
|
||||
);
|
||||
widget.onGameUpdated(updatedGame);
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final isUpToDate = widget.game.actualVersion == widget.game.lastPlayed;
|
||||
final hasImage = widget.game.imageData != null;
|
||||
|
||||
return Card(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
SizedBox(
|
||||
height: 40,
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Expanded(
|
||||
child: TextField(
|
||||
controller: _nameController,
|
||||
focusNode: _nameFocus,
|
||||
style: Theme.of(context).textTheme.titleLarge,
|
||||
enabled: widget.isNameEditable,
|
||||
decoration: const InputDecoration.collapsed(
|
||||
hintText: 'New Game',
|
||||
),
|
||||
onSubmitted: (_) => _nameFocus.unfocus(),
|
||||
),
|
||||
),
|
||||
Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
if (widget.onDelete != null)
|
||||
IconButton(
|
||||
icon: Icon(
|
||||
Icons.delete,
|
||||
color: _deleteClickCount > 0 ? Colors.red : null,
|
||||
),
|
||||
onPressed: _handleDeleteClick,
|
||||
),
|
||||
if (!widget.isNameEditable)
|
||||
RotationTransition(
|
||||
turns: _controller,
|
||||
child: IconButton(
|
||||
icon: const Icon(Icons.refresh),
|
||||
onPressed: _isLoading ? null : _refreshVersion,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
child: Stack(
|
||||
children: [
|
||||
if (hasImage)
|
||||
Positioned.fill(
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
child: Image.memory(widget.game.imageData!, fit: BoxFit.cover),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 120,
|
||||
child: Text(
|
||||
'Version:',
|
||||
style: Theme.of(context).textTheme.bodyLarge,
|
||||
if (hasImage)
|
||||
Positioned.fill(
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topCenter,
|
||||
end: Alignment.bottomCenter,
|
||||
colors: [
|
||||
Colors.transparent,
|
||||
Colors.black.withOpacity(0.7),
|
||||
Colors.black.withOpacity(0.9),
|
||||
],
|
||||
),
|
||||
),
|
||||
Text(
|
||||
widget.game.actualVersion.isEmpty
|
||||
? 'Unknown'
|
||||
: widget.game.actualVersion,
|
||||
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
||||
color: isUpToDate ? Colors.green : Colors.red,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
SizedBox(
|
||||
height: 40,
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Expanded(
|
||||
child: TextField(
|
||||
controller: _nameController,
|
||||
focusNode: _nameFocus,
|
||||
style: Theme.of(context).textTheme.titleLarge
|
||||
?.copyWith(color: hasImage ? Colors.white : null),
|
||||
enabled: widget.isNameEditable,
|
||||
decoration: const InputDecoration.collapsed(
|
||||
hintText: 'New Game',
|
||||
),
|
||||
onSubmitted: (_) => _nameFocus.unfocus(),
|
||||
),
|
||||
),
|
||||
Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
if (!widget.isNameEditable)
|
||||
IconButton(
|
||||
icon: const Icon(Icons.image),
|
||||
color: hasImage ? Colors.white : null,
|
||||
onPressed: _pickImage,
|
||||
),
|
||||
if (widget.onDelete != null)
|
||||
IconButton(
|
||||
icon: Icon(
|
||||
Icons.delete,
|
||||
color:
|
||||
_deleteClickCount > 0
|
||||
? Colors.red
|
||||
: (hasImage ? Colors.white : null),
|
||||
),
|
||||
onPressed: _handleDeleteClick,
|
||||
),
|
||||
if (!widget.isNameEditable)
|
||||
RotationTransition(
|
||||
turns: _controller,
|
||||
child: IconButton(
|
||||
icon: Icon(
|
||||
Icons.refresh,
|
||||
color: hasImage ? Colors.white : null,
|
||||
),
|
||||
onPressed: _isLoading ? null : _refreshVersion,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 120,
|
||||
child: Text(
|
||||
'Version:',
|
||||
style: Theme.of(context).textTheme.bodyLarge?.copyWith(
|
||||
color: hasImage ? Colors.white : null,
|
||||
),
|
||||
),
|
||||
),
|
||||
Text(
|
||||
widget.game.actualVersion.isEmpty
|
||||
? 'Unknown'
|
||||
: widget.game.actualVersion,
|
||||
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
||||
color: isUpToDate ? Colors.green : Colors.red,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 120,
|
||||
child: Text(
|
||||
'Last Updated:',
|
||||
style: Theme.of(context).textTheme.bodyLarge?.copyWith(
|
||||
color: hasImage ? Colors.white : null,
|
||||
),
|
||||
),
|
||||
),
|
||||
Text(
|
||||
widget.game.lastUpdated.isEmpty
|
||||
? 'Never'
|
||||
: DateTime.parse(widget.game.lastUpdated).toString(),
|
||||
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
||||
color: hasImage ? Colors.white : null,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 120,
|
||||
child: Text(
|
||||
'Last Played:',
|
||||
style: Theme.of(context).textTheme.bodyLarge?.copyWith(
|
||||
color: hasImage ? Colors.white : null,
|
||||
),
|
||||
),
|
||||
),
|
||||
Text(
|
||||
widget.game.lastPlayed,
|
||||
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
||||
color: isUpToDate ? Colors.green : Colors.red,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const Divider(),
|
||||
TextField(
|
||||
controller: _versionRegexController,
|
||||
focusNode: _versionRegexFocus,
|
||||
style: TextStyle(color: hasImage ? Colors.white : null),
|
||||
decoration: InputDecoration(
|
||||
labelText: 'Version Regex',
|
||||
labelStyle: TextStyle(
|
||||
color: hasImage ? Colors.white70 : null,
|
||||
),
|
||||
enabledBorder:
|
||||
hasImage
|
||||
? const UnderlineInputBorder(
|
||||
borderSide: BorderSide(color: Colors.white70),
|
||||
)
|
||||
: null,
|
||||
),
|
||||
onSubmitted: (_) => _versionRegexFocus.unfocus(),
|
||||
),
|
||||
TextField(
|
||||
controller: _rssFeedUrlController,
|
||||
focusNode: _rssFeedUrlFocus,
|
||||
style: TextStyle(color: hasImage ? Colors.white : null),
|
||||
decoration: InputDecoration(
|
||||
labelText: 'RSS Feed URL',
|
||||
labelStyle: TextStyle(
|
||||
color: hasImage ? Colors.white70 : null,
|
||||
),
|
||||
enabledBorder:
|
||||
hasImage
|
||||
? const UnderlineInputBorder(
|
||||
borderSide: BorderSide(color: Colors.white70),
|
||||
)
|
||||
: null,
|
||||
),
|
||||
onSubmitted: (_) => _rssFeedUrlFocus.unfocus(),
|
||||
),
|
||||
TextField(
|
||||
controller: _lastPlayedController,
|
||||
focusNode: _lastPlayedFocus,
|
||||
style: TextStyle(color: hasImage ? Colors.white : null),
|
||||
decoration: InputDecoration(
|
||||
labelText: 'Last Played',
|
||||
labelStyle: TextStyle(
|
||||
color: hasImage ? Colors.white70 : null,
|
||||
),
|
||||
enabledBorder:
|
||||
hasImage
|
||||
? const UnderlineInputBorder(
|
||||
borderSide: BorderSide(color: Colors.white70),
|
||||
)
|
||||
: null,
|
||||
),
|
||||
onSubmitted: (_) => _lastPlayedFocus.unfocus(),
|
||||
),
|
||||
],
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 120,
|
||||
child: Text(
|
||||
'Last Updated:',
|
||||
style: Theme.of(context).textTheme.bodyLarge,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
widget.game.lastUpdated.isEmpty
|
||||
? 'Never'
|
||||
: DateTime.parse(widget.game.lastUpdated).toString(),
|
||||
style: Theme.of(context).textTheme.bodyMedium,
|
||||
),
|
||||
],
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 120,
|
||||
child: Text(
|
||||
'Last Played:',
|
||||
style: Theme.of(context).textTheme.bodyLarge,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
widget.game.lastPlayed,
|
||||
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
||||
color: isUpToDate ? Colors.green : Colors.red,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const Divider(),
|
||||
TextField(
|
||||
controller: _versionRegexController,
|
||||
focusNode: _versionRegexFocus,
|
||||
decoration: const InputDecoration(labelText: 'Version Regex'),
|
||||
onSubmitted: (_) => _versionRegexFocus.unfocus(),
|
||||
),
|
||||
TextField(
|
||||
controller: _rssFeedUrlController,
|
||||
focusNode: _rssFeedUrlFocus,
|
||||
decoration: const InputDecoration(labelText: 'RSS Feed URL'),
|
||||
onSubmitted: (_) => _rssFeedUrlFocus.unfocus(),
|
||||
),
|
||||
TextField(
|
||||
controller: _lastPlayedController,
|
||||
focusNode: _lastPlayedFocus,
|
||||
decoration: const InputDecoration(labelText: 'Last Played'),
|
||||
onSubmitted: (_) => _lastPlayedFocus.unfocus(),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
@@ -5,10 +5,7 @@ import 'package:gamer_updater/widgets/game_card.dart';
|
||||
class NewGameCard extends StatelessWidget {
|
||||
final Function(Game) onGameCreated;
|
||||
|
||||
const NewGameCard({
|
||||
super.key,
|
||||
required this.onGameCreated,
|
||||
});
|
||||
const NewGameCard({super.key, required this.onGameCreated});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
@@ -25,4 +22,4 @@ class NewGameCard extends StatelessWidget {
|
||||
onGameUpdated: onGameCreated,
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user