mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-17 14:47:53 +01:00
c5e0bcfb0e
* View party now opens member modal * Clicking member in header opens member detail modal * Began sticky header * Added sleep * Removed extra inbox and added name styles * Lint fixes * Added member filter * Added task counts * Updated quest start modal * Updated members modal style * Fixed editing party * Updated tavern * Updated my guilds * More guild styles * Many challenge styles and fixes * Fixed notification menu display * Added initial styles to groupplans * Added syncing with inbox * Fixed lint * Added new edit profile layout * Added initial achievement layout * Began adding new stats layout * Removed duplicate: * fix(CI): attempt to address Travis Mongo connection issue * fix(CI): don't strand us in Mongo shell * Travis updates * Try percise
129 lines
3.1 KiB
Vue
129 lines
3.1 KiB
Vue
<template lang="pug">
|
|
.col-2.standard-sidebar
|
|
.form-group
|
|
input.form-control.search(type="text", :placeholder="$t('search')", v-model='searchTerm')
|
|
|
|
form
|
|
h2(v-once) {{ $t('filter') }}
|
|
.form-group
|
|
h3 Category
|
|
.form-check(
|
|
v-for="group in categoryOptions",
|
|
:key="group.key",
|
|
)
|
|
label.custom-control.custom-checkbox
|
|
input.custom-control-input(type="checkbox", :value='group.key' v-model="categoryFilters")
|
|
span.custom-control-indicator
|
|
span.custom-control-description(v-once) {{ $t(group.label) }}
|
|
.form-group
|
|
h3 Membership
|
|
.form-check(
|
|
v-for="group in roleOptions",
|
|
:key="group.key",
|
|
)
|
|
label.custom-control.custom-checkbox
|
|
input.custom-control-input(type="checkbox", :value='group.key' v-model="roleFilters")
|
|
span.custom-control-indicator
|
|
span.custom-control-description(v-once) {{ $t(group.label) }}
|
|
.form-group
|
|
h3 Ownership
|
|
.form-check(
|
|
v-for="group in guildSizeOptions",
|
|
:key="group.key",
|
|
)
|
|
label.custom-control.custom-checkbox
|
|
input.custom-control-input(type="checkbox", :value='group.key' v-model="guildSizeFilters")
|
|
span.custom-control-indicator
|
|
span.custom-control-description(v-once) {{ $t(group.label) }}
|
|
</template>
|
|
|
|
<script>
|
|
import throttle from 'lodash/throttle';
|
|
|
|
export default {
|
|
data () {
|
|
return {
|
|
categoryFilters: [],
|
|
categoryOptions: [
|
|
{
|
|
label: 'habiticaOfficial',
|
|
key: 'official',
|
|
},
|
|
{
|
|
label: 'animals',
|
|
key: 'animals',
|
|
},
|
|
{
|
|
label: 'artDesign',
|
|
key: 'art_design',
|
|
},
|
|
{
|
|
label: 'booksWriting',
|
|
key: 'books_writing',
|
|
},
|
|
{
|
|
label: 'comicsHobbies',
|
|
key: 'comics_hobbies',
|
|
},
|
|
],
|
|
roleFilters: [],
|
|
roleOptions: [
|
|
{
|
|
label: 'participating',
|
|
key: 'participating',
|
|
},
|
|
{
|
|
label: 'not_participating',
|
|
key: 'not_participating',
|
|
},
|
|
{
|
|
label: 'either',
|
|
key: 'either',
|
|
},
|
|
],
|
|
guildSizeFilters: [],
|
|
guildSizeOptions: [
|
|
{
|
|
label: 'owned',
|
|
key: 'owned',
|
|
},
|
|
{
|
|
label: 'not_owned',
|
|
key: 'not_owned',
|
|
},
|
|
{
|
|
label: 'either',
|
|
key: 'either',
|
|
},
|
|
],
|
|
searchTerm: '',
|
|
};
|
|
},
|
|
watch: {
|
|
categoryFilters: function categoryFilters () {
|
|
this.emitFilters();
|
|
},
|
|
roleFilters: function roleFilters () {
|
|
this.emitFilters();
|
|
},
|
|
guildSizeFilters: function guildSizeFilters () {
|
|
this.emitFilters();
|
|
},
|
|
searchTerm: throttle(function searchTerm (newSearch) {
|
|
this.$emit('search', {
|
|
searchTerm: newSearch,
|
|
});
|
|
}, 250),
|
|
},
|
|
methods: {
|
|
emitFilters () {
|
|
this.$emit('filter', {
|
|
categories: this.categoryFilters,
|
|
roles: this.roleFilters,
|
|
guildSize: this.guildSizeFilters,
|
|
});
|
|
},
|
|
},
|
|
};
|
|
</script>
|