486 lines
16 KiB
Dart
486 lines
16 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
import '../../providers.dart';
|
|
import '../../game/models.dart';
|
|
import '../../game/enums.dart';
|
|
import '../../game/config.dart';
|
|
import '../../utils.dart';
|
|
import '../common/item_card_widget.dart';
|
|
|
|
enum InventoryGridMode { normal, shop, equipmentSwap }
|
|
|
|
class InventoryGridWidget extends StatelessWidget {
|
|
final InventoryGridMode mode;
|
|
final bool equipmentOnly;
|
|
final bool showHeader;
|
|
final int crossAxisCount;
|
|
final EdgeInsetsGeometry gridPadding;
|
|
final double childAspectRatio;
|
|
|
|
const InventoryGridWidget({
|
|
super.key,
|
|
this.mode = InventoryGridMode.normal,
|
|
this.equipmentOnly = false,
|
|
this.showHeader = true,
|
|
this.crossAxisCount = 4,
|
|
this.gridPadding = const EdgeInsets.all(16.0),
|
|
this.childAspectRatio = 1.0,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Consumer<BattleProvider>(
|
|
builder: (context, battleProvider, child) {
|
|
final player = battleProvider.player;
|
|
final items = equipmentOnly
|
|
? player.inventory
|
|
.where((item) => item.slot != EquipmentSlot.consumable)
|
|
.toList()
|
|
: player.inventory;
|
|
final itemCount = mode == InventoryGridMode.equipmentSwap
|
|
? items.length
|
|
: player.maxInventorySize;
|
|
|
|
return Column(
|
|
children: [
|
|
if (showHeader)
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 16.0,
|
|
vertical: 8.0,
|
|
),
|
|
child: Align(
|
|
alignment: Alignment.centerLeft,
|
|
child: Text(
|
|
"${equipmentOnly ? AppStrings.equipment : AppStrings.bag} (${items.length}/${player.maxInventorySize})",
|
|
style: const TextStyle(
|
|
fontSize: ThemeConfig.fontSizeHeader,
|
|
fontWeight: ThemeConfig.fontWeightBold,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: itemCount == 0
|
|
? const Center(
|
|
child: Text(
|
|
"No equipment",
|
|
style: TextStyle(color: ThemeConfig.textColorGrey),
|
|
),
|
|
)
|
|
: GridView.builder(
|
|
padding: gridPadding,
|
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
crossAxisCount: crossAxisCount,
|
|
crossAxisSpacing: 8.0,
|
|
mainAxisSpacing: 8.0,
|
|
childAspectRatio: childAspectRatio,
|
|
),
|
|
itemCount: itemCount,
|
|
itemBuilder: (context, index) {
|
|
if (index < items.length) {
|
|
final item = items[index];
|
|
return InkWell(
|
|
onTap: () {
|
|
if (mode == InventoryGridMode.equipmentSwap) {
|
|
_showEquipSlotDialog(
|
|
context,
|
|
battleProvider,
|
|
item,
|
|
);
|
|
} else {
|
|
_showItemActionDialog(
|
|
context,
|
|
battleProvider,
|
|
item,
|
|
);
|
|
}
|
|
},
|
|
child: ItemCardWidget(
|
|
item: item,
|
|
showPrice: false,
|
|
canBuy: false,
|
|
compact: mode == InventoryGridMode.equipmentSwap,
|
|
),
|
|
);
|
|
} else {
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
border: Border.all(
|
|
color: ThemeConfig.textColorGrey,
|
|
),
|
|
color: ThemeConfig.emptySlotBg,
|
|
),
|
|
child: const Center(
|
|
child: Icon(
|
|
Icons.add_box,
|
|
color: ThemeConfig.textColorGrey,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
},
|
|
),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
void _showItemActionDialog(
|
|
BuildContext context,
|
|
BattleProvider provider,
|
|
Item item,
|
|
) {
|
|
final isShop =
|
|
mode == InventoryGridMode.shop ||
|
|
(mode == InventoryGridMode.normal &&
|
|
provider.currentStage.type == StageType.shop);
|
|
final isEquipmentSwap = mode == InventoryGridMode.equipmentSwap;
|
|
int sellPrice = (item.price * GameConfig.sellPriceMultiplier).floor();
|
|
|
|
showDialog(
|
|
context: context,
|
|
builder: (ctx) => SimpleDialog(
|
|
title: Text("${item.name} Actions"),
|
|
children: [
|
|
if (item.slot == EquipmentSlot.consumable)
|
|
SimpleDialogOption(
|
|
onPressed: () {
|
|
Navigator.pop(ctx);
|
|
provider.useConsumable(item);
|
|
},
|
|
child: const Padding(
|
|
padding: EdgeInsets.symmetric(vertical: 8.0),
|
|
child: Row(
|
|
children: [
|
|
Icon(Icons.science, color: ThemeConfig.btnActionActive),
|
|
SizedBox(width: 10),
|
|
Text("Use"),
|
|
],
|
|
),
|
|
),
|
|
)
|
|
else
|
|
SimpleDialogOption(
|
|
onPressed: () {
|
|
Navigator.pop(ctx);
|
|
_showEquipSlotDialog(context, provider, item);
|
|
},
|
|
child: const Padding(
|
|
padding: EdgeInsets.symmetric(vertical: 8.0),
|
|
child: Row(
|
|
children: [
|
|
Icon(Icons.shield, color: ThemeConfig.btnDefendActive),
|
|
SizedBox(width: 10),
|
|
Text(AppStrings.equip),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
if (isShop)
|
|
SimpleDialogOption(
|
|
onPressed: () {
|
|
Navigator.pop(ctx);
|
|
_showSellConfirmationDialog(context, provider, item);
|
|
},
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 8.0),
|
|
child: Row(
|
|
children: [
|
|
const Icon(
|
|
Icons.attach_money,
|
|
color: ThemeConfig.statGoldColor,
|
|
),
|
|
const SizedBox(width: 10),
|
|
Text("${AppStrings.sell} ($sellPrice G)"),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
if (!isEquipmentSwap)
|
|
SimpleDialogOption(
|
|
onPressed: () {
|
|
Navigator.pop(ctx);
|
|
_showDiscardConfirmationDialog(context, provider, item);
|
|
},
|
|
child: const Padding(
|
|
padding: EdgeInsets.symmetric(vertical: 8.0),
|
|
child: Row(
|
|
children: [
|
|
Icon(Icons.delete, color: ThemeConfig.btnActionActive),
|
|
SizedBox(width: 10),
|
|
Text(AppStrings.discard),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showEquipSlotDialog(
|
|
BuildContext context,
|
|
BattleProvider provider,
|
|
Item newItem,
|
|
) {
|
|
final compatibleSlots = newItem.compatibleEquipSlots;
|
|
if (compatibleSlots.isEmpty) return;
|
|
|
|
if (compatibleSlots.length == 1) {
|
|
_showEquipConfirmationDialog(
|
|
context,
|
|
provider,
|
|
newItem,
|
|
compatibleSlots.first,
|
|
);
|
|
return;
|
|
}
|
|
|
|
showDialog(
|
|
context: context,
|
|
builder: (ctx) => SimpleDialog(
|
|
title: Text("Equip ${newItem.name}"),
|
|
children: compatibleSlots
|
|
.map(
|
|
(slot) => SimpleDialogOption(
|
|
onPressed: () {
|
|
Navigator.pop(ctx);
|
|
_showEquipConfirmationDialog(
|
|
context,
|
|
provider,
|
|
newItem,
|
|
slot,
|
|
);
|
|
},
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 8.0),
|
|
child: Row(
|
|
children: [
|
|
Image.asset(
|
|
ItemUtils.getIconPath(slot),
|
|
width: ThemeConfig.itemIconSizeMedium,
|
|
height: ThemeConfig.itemIconSizeMedium,
|
|
color: ThemeConfig.textColorWhite,
|
|
),
|
|
const SizedBox(width: 10),
|
|
Text(ItemUtils.getSlotName(slot)),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
)
|
|
.toList(),
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showSellConfirmationDialog(
|
|
BuildContext context,
|
|
BattleProvider provider,
|
|
Item item,
|
|
) {
|
|
int sellPrice = (item.price * GameConfig.sellPriceMultiplier).floor();
|
|
|
|
showDialog(
|
|
context: context,
|
|
builder: (ctx) => AlertDialog(
|
|
title: const Text("Sell Item"),
|
|
content: Text("Sell ${item.name} for $sellPrice G?"),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(ctx),
|
|
child: const Text(AppStrings.cancel),
|
|
),
|
|
ElevatedButton(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: ThemeConfig.statGoldColor,
|
|
),
|
|
onPressed: () {
|
|
provider.sellItem(item);
|
|
Navigator.pop(ctx);
|
|
},
|
|
child: const Text(
|
|
AppStrings.sell,
|
|
style: TextStyle(color: Colors.black),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showDiscardConfirmationDialog(
|
|
BuildContext context,
|
|
BattleProvider provider,
|
|
Item item,
|
|
) {
|
|
showDialog(
|
|
context: context,
|
|
builder: (ctx) => AlertDialog(
|
|
title: const Text("Discard Item"),
|
|
content: Text("Are you sure you want to discard ${item.name}?"),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(ctx),
|
|
child: const Text(AppStrings.cancel),
|
|
),
|
|
ElevatedButton(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: ThemeConfig.btnActionActive,
|
|
),
|
|
onPressed: () {
|
|
provider.discardItem(item);
|
|
Navigator.pop(ctx);
|
|
},
|
|
child: const Text(AppStrings.discard),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showEquipConfirmationDialog(
|
|
BuildContext context,
|
|
BattleProvider provider,
|
|
Item newItem,
|
|
EquipmentSlot targetSlot,
|
|
) {
|
|
final player = provider.player;
|
|
final oldItem = player.equipment[targetSlot];
|
|
|
|
final currentMaxHp = player.totalMaxHp;
|
|
final currentAtk = player.totalAtk;
|
|
final currentDef = player.totalDefense;
|
|
final currentHp = player.hp;
|
|
|
|
int newMaxHp = currentMaxHp - (oldItem?.hpBonus ?? 0) + newItem.hpBonus;
|
|
int newAtk = currentAtk - (oldItem?.atkBonus ?? 0) + newItem.atkBonus;
|
|
int newDef = currentDef - (oldItem?.armorBonus ?? 0) + newItem.armorBonus;
|
|
|
|
double ratio = currentMaxHp > 0 ? currentHp / currentMaxHp : 0.0;
|
|
int newHp = (newMaxHp * ratio).toInt();
|
|
if (newHp < 0) newHp = 0;
|
|
if (newHp > newMaxHp) newHp = newMaxHp;
|
|
|
|
showDialog(
|
|
context: context,
|
|
builder: (ctx) => AlertDialog(
|
|
title: const Text("Change Equipment"),
|
|
content: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(
|
|
"${AppStrings.equip} ${newItem.name} as ${ItemUtils.getSlotName(targetSlot)}?",
|
|
style: const TextStyle(fontWeight: ThemeConfig.fontWeightBold),
|
|
),
|
|
if (oldItem != null)
|
|
Text(
|
|
"Replaces ${oldItem.name}",
|
|
style: const TextStyle(
|
|
fontSize: 12,
|
|
color: ThemeConfig.textColorGrey,
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
_buildStatChangeRow("Max HP", currentMaxHp, newMaxHp),
|
|
_buildStatChangeRow("Current HP", currentHp, newHp),
|
|
_buildStatChangeRow(AppStrings.atk, currentAtk, newAtk),
|
|
_buildStatChangeRow(AppStrings.def, currentDef, newDef),
|
|
_buildStatChangeRow(
|
|
"LUCK",
|
|
player.totalLuck,
|
|
player.totalLuck - (oldItem?.luck ?? 0) + newItem.luck,
|
|
),
|
|
_buildStatChangeRow(
|
|
"Dodge",
|
|
player.totalDodge,
|
|
player.totalDodge - (oldItem?.dodge ?? 0) + newItem.dodge,
|
|
),
|
|
if (newItem.effects.isNotEmpty || (oldItem != null && oldItem.effects.isNotEmpty)) ...[
|
|
const Divider(color: ThemeConfig.textColorGrey, height: 16),
|
|
if (oldItem != null && oldItem.effects.isNotEmpty)
|
|
...oldItem.effects.map((e) => Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const Text("- ", style: TextStyle(color: ThemeConfig.textColorGrey, fontSize: 12)),
|
|
Expanded(child: Text(e.description, style: const TextStyle(color: ThemeConfig.textColorGrey, fontSize: 12))),
|
|
],
|
|
)),
|
|
if (newItem.effects.isNotEmpty)
|
|
...newItem.effects.map((e) => Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const Text("+ ", style: TextStyle(color: ThemeConfig.rarityLegendary, fontSize: 12, fontWeight: FontWeight.bold)),
|
|
Expanded(child: Text(e.description, style: const TextStyle(color: ThemeConfig.rarityLegendary, fontSize: 12, fontWeight: FontWeight.bold))),
|
|
],
|
|
)),
|
|
],
|
|
],
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(ctx),
|
|
child: const Text(AppStrings.cancel),
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () {
|
|
provider.equipItem(newItem, targetSlot: targetSlot);
|
|
Navigator.pop(ctx);
|
|
},
|
|
child: const Text(AppStrings.confirm),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildStatChangeRow(String label, int oldVal, int newVal) {
|
|
int diff = newVal - oldVal;
|
|
Color color = diff > 0
|
|
? ThemeConfig.statDiffPositive
|
|
: (diff < 0
|
|
? ThemeConfig.statDiffNegative
|
|
: ThemeConfig.statDiffNeutral);
|
|
String diffText = diff > 0 ? "(+$diff)" : (diff < 0 ? "($diff)" : "");
|
|
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 4.0),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(label),
|
|
Row(
|
|
children: [
|
|
Text(
|
|
"$oldVal",
|
|
style: const TextStyle(color: ThemeConfig.textColorGrey),
|
|
),
|
|
const Icon(
|
|
Icons.arrow_right,
|
|
size: 16,
|
|
color: ThemeConfig.textColorGrey,
|
|
),
|
|
Text(
|
|
"$newVal",
|
|
style: const TextStyle(fontWeight: ThemeConfig.fontWeightBold),
|
|
),
|
|
const SizedBox(width: 4),
|
|
Text(
|
|
diffText,
|
|
style: TextStyle(
|
|
color: color,
|
|
fontSize: 12,
|
|
fontWeight: ThemeConfig.fontWeightBold,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|