mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-17 14:47:53 +01:00
d9d7c69432
Add library to manage async resource Make Store reusable for easier testing Move plugin to libs Add getTaskFor getter with tests
99 lines
2.7 KiB
Vue
99 lines
2.7 KiB
Vue
<template lang="pug">
|
|
.row
|
|
.col-3
|
|
.form-group
|
|
input.form-control(type="text", :placeholder="$t('search')")
|
|
|
|
.form
|
|
h3(v-once) {{ $t('filter') }}
|
|
.form-group
|
|
.form-check
|
|
label.form-check-label(v-once)
|
|
input.form-check-input(type="checkbox")
|
|
strong {{ $t('pets') }}
|
|
.form-check.nested-field
|
|
label.form-check-label(v-once)
|
|
input.form-check-input(type="checkbox")
|
|
span {{ $t('hatchingPotions') }}
|
|
.form-check.nested-field
|
|
label.form-check-label(v-once)
|
|
input.form-check-input(type="checkbox")
|
|
span {{ $t('quest') }}
|
|
.form-check.nested-field
|
|
label.form-check-label(v-once)
|
|
input.form-check-input(type="checkbox")
|
|
span {{ $t('special') }}
|
|
.form-group
|
|
.form-check
|
|
label.form-check-label(v-once)
|
|
input.form-check-input(type="checkbox")
|
|
strong {{ $t('mounts') }}
|
|
.form-check.nested-field
|
|
label.form-check-label(v-once)
|
|
input.form-check-input(type="checkbox")
|
|
span {{ $t('hatchingPotions') }}
|
|
.form-check.nested-field
|
|
label.form-check-label(v-once)
|
|
input.form-check-input(type="checkbox")
|
|
span {{ $t('quest') }}
|
|
.form-check.nested-field
|
|
label.form-check-label(v-once)
|
|
input.form-check-input(type="checkbox")
|
|
span {{ $t('special') }}
|
|
|
|
|
|
.col-9
|
|
h2 Pets
|
|
.inventory-item-container(v-for="pet in listAnimals('pet', content.dropEggs, content.dropHatchingPotions)")
|
|
.PixelPaw
|
|
|
|
h2 Magic Potions Pets
|
|
ul
|
|
li(v-for="pet in listAnimals('pet', content.dropEggs, content.premiumHatchingPotions)") {{pet}}
|
|
|
|
h2 Quest Pets
|
|
ul
|
|
li(v-for="pet in listAnimals('pet', content.questEggs, content.dropHatchingPotions)") {{pet}}
|
|
|
|
h2 Rare Pets
|
|
ul
|
|
li(v-for="pet in listAnimals('pet', content.dropEggs, content.dropHatchingPotions)") {{pet}}
|
|
|
|
h2 Mounts
|
|
h2 Quest Mounts
|
|
h2 Rare Mounts
|
|
</template>
|
|
|
|
<style>
|
|
.inventory-item-container {
|
|
padding: 20px;
|
|
border: 1px solid;
|
|
display: inline-block;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
import { mapState } from 'client/libs/store';
|
|
import each from 'lodash/each';
|
|
|
|
export default {
|
|
computed: {
|
|
...mapState(['content']),
|
|
},
|
|
methods: {
|
|
listAnimals (type, eggSource, potionSource) {
|
|
let animals = [];
|
|
|
|
each(eggSource, (egg) => {
|
|
each(potionSource, (potion) => {
|
|
let animalKey = `${egg.key}-${potion.key}`;
|
|
animals.push(this.content[`${type}Info`][animalKey].text());
|
|
});
|
|
});
|
|
|
|
return animals;
|
|
},
|
|
},
|
|
};
|
|
</script>
|