15 changed files with 442 additions and 84 deletions
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 1.9 KiB |
@ -1,35 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="modal fade" |
|
||||||
id="cropInformationModal" |
|
||||||
tabindex="-1" |
|
||||||
aria-labelledby="cropInformationModalLabel" |
|
||||||
aria-hidden="true" |
|
||||||
v-if="$store.getters.selectedField"> |
|
||||||
<div class="modal-dialog modal-dialog-centered"> |
|
||||||
<div class="modal-content steel-border"> |
|
||||||
<div class="modal-header"> |
|
||||||
<h5 class="modal-title" id="cropInformationModalLabel">Crop information</h5> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="modal-body" v-if="$store.getters.selectedField.data"> |
|
||||||
Seed: {{ $store.getters.selectedFieldSeed.name }}<br/> |
|
||||||
Percent done: {{ $store.getters.selectedField.data.percentDone }}<br/> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="modal-footer"> |
|
||||||
<button type="button" class="btn btn-pixel-border" data-bs-dismiss="modal">Cancel</button> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
export default { |
|
||||||
name: "CropInformation" |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped> |
|
||||||
|
|
||||||
</style> |
|
@ -0,0 +1,46 @@ |
|||||||
|
<template> |
||||||
|
<div class="modal fade" id="inventoryModal" tabindex="-1" aria-labelledby="inventoryModalLabel" aria-hidden="true"> |
||||||
|
<div class="modal-dialog modal-dialog-centered"> |
||||||
|
<div class="modal-content steel-border"> |
||||||
|
<div class="modal-header"> |
||||||
|
<h5 class="modal-title" id="inventoryModalLabel">Inventory</h5> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="modal-body"> |
||||||
|
<div class="row"> |
||||||
|
<div class="col-6 pixel-border-static" |
||||||
|
v-for="item in $store.getters.getInventoryWithItemData" |
||||||
|
v-bind:key="item" |
||||||
|
data-bs-dismiss="modal"> |
||||||
|
<div class=""> |
||||||
|
<div class="float-end"> |
||||||
|
<img :src="item.icon" :alt="item.name"> |
||||||
|
</div> |
||||||
|
{{ item.name }}<br/> |
||||||
|
{{ item.quantity }} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div v-if="$store.state.inventory.length === 0"> |
||||||
|
You don't have any items yet. |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="modal-footer"> |
||||||
|
<button type="button" class="btn btn-pixel-border" data-bs-dismiss="modal">Exit</button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
|
||||||
|
export default { |
||||||
|
name: "InventoryDialog", |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
|
||||||
|
</style> |
@ -0,0 +1,45 @@ |
|||||||
|
// SEEDS
|
||||||
|
export const Seeds = { |
||||||
|
WheatSeeds: 1, |
||||||
|
RiceSeeds: 3, |
||||||
|
TurnipSeeds: 5, |
||||||
|
PotatoSeeds: 7, |
||||||
|
CornSeeds: 9, |
||||||
|
EggplantSeeds: 11, |
||||||
|
GrapeSeeds: 13, |
||||||
|
TomatoSeeds: 15, |
||||||
|
CucumberSeeds: 17, |
||||||
|
StrawberrySeeds: 19, |
||||||
|
OrangeSeeds: 21, |
||||||
|
LemonSeeds: 23, |
||||||
|
PineappleSeeds: 25, |
||||||
|
MelonSeeds: 27, |
||||||
|
CoffeeSeeds: 29, |
||||||
|
CassavaSeeds: 31, |
||||||
|
SunflowerSeeds: 33, |
||||||
|
RoseSeeds: 35, |
||||||
|
TulipSeeds: 37, |
||||||
|
} |
||||||
|
|
||||||
|
// FIELD PRODUCTS
|
||||||
|
export const FieldProducts = { |
||||||
|
Wheat: 2, |
||||||
|
Rice: 4, |
||||||
|
Turnip: 6, |
||||||
|
Potato: 8, |
||||||
|
Corn: 10, |
||||||
|
Eggplant: 12, |
||||||
|
Grapes: 14, |
||||||
|
Tomato: 16, |
||||||
|
Cucumber: 18, |
||||||
|
Strawberry: 20, |
||||||
|
Orange: 22, |
||||||
|
Lemon: 24, |
||||||
|
Pineapple: 26, |
||||||
|
Melon: 28, |
||||||
|
CoffeeBeans: 30, |
||||||
|
Cassava: 32, |
||||||
|
Sunflower: 34, |
||||||
|
Rose: 36, |
||||||
|
Tulip: 38, |
||||||
|
} |
@ -0,0 +1,15 @@ |
|||||||
|
import Items from "@/data/Items"; |
||||||
|
|
||||||
|
export default class { |
||||||
|
getItemByID(id) { |
||||||
|
return Items.find((item) => { |
||||||
|
return item.id === id; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
getItemsByType(type) { |
||||||
|
return Items.filter((item) => { |
||||||
|
return item.type === type; |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
Loading…
Reference in new issue