5E/5e-drs
1
0
Fork 0
mirror of https://github.com/em-squared/5e-drs.git synced 2025-10-30 13:14:20 +00:00
Code Issues Projects Releases Wiki Activity

amélioration du filtre des monstres par indice de dangerosité + crédits + corrections diverses

Browse source
This commit is contained in:
Maxime Moraine 2020-05-18 17:03:41 +02:00
parent 414f02087c
commit 830b468ae2
15 changed files with 125 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

38
docs/.vuepress/theme/components/MonsterFilters.vue
View file

@ -20,12 +20,16 @@
class="mt-6"
v-model="challengeRange"
min="0"
max="30"
:max="challenges.length-1"
thumb-size="24"
thumb-label="always"
hide-details
@end="onEndChallengeRange"
></v-range-slider>
>
<template v-slot:thumb-label="{ value }">
{{ challenges[value].label }}
</template>
</v-range-slider>
</v-expansion-panel-content>
</v-expansion-panel>
@ -69,13 +73,15 @@
<script>
// import { mapMutations } from 'vuex'
import { setUrlParams, getUrlParameter, setBooleanMutation, setListMutation } from '@theme/util/filterHelpers'
import { CHALLENGES } from '../../data/monsters'
export default {
name: 'MonsterFilters',
data () {
return {
panels: []
panels: [],
challenges: CHALLENGES
}
},
@ -138,7 +144,14 @@ export default {
methods: {
onEndChallengeRange () {
setUrlParams('trancheID', this.challengeRange)
if (this.challengeRange[0] > this.challengeRange[1]) {
let min = range[1]
let max = range[0]
this.challengeRange[0] = min
this.challengeRange[1] = max
}
let range = [Number(CHALLENGES[this.challengeRange[0]].value), Number(CHALLENGES[this.challengeRange[1]].value)]
setUrlParams('trancheID', range)
},
switchType () {
@ -218,8 +231,21 @@ export default {
let selectedEnvironments = getUrlParameter(window.location.href, "environnements").split(",")
let selectedDungeonTypes = getUrlParameter(window.location.href, "donjons").split(",")
if (challengeRange && challengeRange[0] != '') {
this.$store.commit('monsterFilters/setChallengeRange', challengeRange)
if (challengeRange && challengeRange[0] != '' && challengeRange[1] != '') {
let convertedChallengeRange = []
let min = CHALLENGES.findIndex(e => e.value == challengeRange[0])
if (min !== -1) {
convertedChallengeRange[0] = Number(min)
} else {
convertedChallengeRange[0] = Number(0)
}
let max = CHALLENGES.findIndex(e => e.value == challengeRange[1])
if (max !== -1) {
convertedChallengeRange[1] = Number(max)
} else {
convertedChallengeRange[1] = Number(CHALLENGES.length - 1)
}
this.$store.commit('monsterFilters/setChallengeRange', convertedChallengeRange)
}
setListMutation(selectedTypes, this.$store, 'monsterFilters/setTypesFromList')
setListMutation(selectedSizes, this.$store, 'monsterFilters/setSizesFromList')

50
docs/.vuepress/theme/components/NavDrawer.vue
View file

@ -106,17 +106,17 @@
</v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-list-item v-if="$site.themeConfig.kofi" link :href="$site.themeConfig.kofi" target="_blank">
<v-list-item v-if="$site.themeConfig.kofi" @click.stop="toggleSupportDialog">
<v-list-item-icon>
<v-icon>mdi-glass-mug-variant</v-icon>
<v-icon color="#BDB76B">mdi-glass-mug-variant</v-icon>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>
Encouragez le développement
Jettez un sou au développeur
</v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-list-item @click.stop="toggleAboutDialog">
<v-list-item link :to="{path: '/a-propos/'}" color="accent">
<v-list-item-icon>
<v-icon>mdi-information</v-icon>
</v-list-item-icon>
@ -146,16 +146,19 @@
<v-card-title class="headline">À propos de H&D DRS</v-card-title>
<v-card-text>
<p>Ce site a été développé par <strong>Maxime Moraine</strong> alias <strong>Em-squared</strong>.</p>
<p>Les sources de ce site sont disponibles sur <a :href="$site.themeConfig.repository" target="_blank">GitHub</a> sous Licence <a href="https://github.com/em-squared/heros-et-dragons-drs/blob/master/LICENSE" target="_blank">GPLv3</a>.</p>
<p class="title-2">
<strong>La personne derrière ce site</strong><br>
Ce site a été développé par <strong>Maxime Moraine</strong> alias <strong>Em-squared</strong>.<br>
Développeur web passionné de jeux de rôle, j'aime mettre l'un au service de l'autre.<br>
Les sources de ce site sont disponibles sur <a :href="$site.themeConfig.repository" target="_blank">GitHub</a> sous Licence <a href="https://github.com/em-squared/heros-et-dragons-drs/blob/master/LICENSE" target="_blank">GPLv3</a>.
</p>
<p>Vous souhaitez participer aux frais d'hébergement ou m'encourager ?</p>
<p class="text-center">
<v-btn depressed dark color="#BDB76B" link :href="$site.themeConfig.kofi" target="_blank"><v-icon class="mr-2">mdi-glass-mug-variant</v-icon>Jettez un sou au développeur</v-btn>
</p>
<p><strong><em>Héros & Dragons</em></strong> est un jeu de rôle basé sur les mécaniques de l’<a href="/licence-ogl">OGL5</a> et développé par les talents de la rédaction de <em><a href="https://www.black-book-editions.fr/catalogue.php?id=40" target="_blank">Casus Belli</a></em>, le magazine de référence des jeux de rôle.</p>
<p>Les textes de cette documentation appartiennent à <a href="https://www.black-book-editions.fr/catalogue.php?id=365" target="_blank">Black Book Éditions</a>.</p>
<p>Casus Belli et Black Book Éditions sont des marques déposées par <a href="https://www.black-book-editions.fr/" target="_blank">Black Book Éditions</a>. Tous droits réservés.</p>
<v-row v-if="$site.themeConfig.kofi">
<v-col class="text-center">
<v-btn depressed dark color="#29abe0" link :href="$site.themeConfig.kofi" target="_blank"><v-icon class="mr-2">mdi-coffee</v-icon>Ko-fi</v-btn>
</v-col>
</v-row>
</v-card-text>
<v-card-actions>
@ -166,21 +169,22 @@
<v-dialog v-model="isOpenSupportDialog" @click:outside="toggleSupportDialog" max-width="600">
<v-card>
<v-card-title class="headline">Encouragez le développement</v-card-title>
<v-card-title class="headline">
<span>Jettez un sou au développeur</span>
<v-spacer></v-spacer>
<v-btn color="primary" icon @click="toggleSupportDialog"><v-icon>mdi-close</v-icon></v-btn>
</v-card-title>
<v-card-text>
<p>Vous souhaitez participer aux frais d'hébergement ? Ou vous voulez encourager le développement de la plateforme ?</p>
<p>Votre participation sera appréciée !</p>
<v-row v-if="$site.themeConfig.kofi">
<v-col class="text-center">
<v-btn depressed dark color="#29abe0" link :href="$site.themeConfig.kofi" target="_blank"><v-icon class="mr-2">mdi-coffee</v-icon>Ko-fi</v-btn>
</v-col>
</v-row>
<p><strong>Pourquoi donner ?</strong></p>
<p>Soyons clairs : l'accès au site est <strong>gratuit</strong>. Pour <strong>tout le monde</strong>. Pour <strong>toujours</strong>. Et <strong>sans publicité</strong>. Aucun revenu n'est donc généré par son biais. En revanche, la mise en ligne d'un site web a un coût.</p>
<p>L'objectif est donc de couvrir ce coût.</p>
<p>Vous pouvez participer aux frais d'hébergement et permettre à tout le monde et à vous-même d'en profiter ou m'encourager au développement parce que vous pensez que mon travail le mérite.</p>
<p>C'est <strong>vous</strong> qui décidez.</p>
<p class="text-center">
<v-btn depressed dark color="#BDB76B" link :href="$site.themeConfig.kofi" target="_blank"><v-icon class="mr-2">mdi-glass-mug-variant</v-icon>Jettez un sou au développeur</v-btn>
</p>
</v-card-text>
<v-card-actions>
<v-btn color="primary" text @click="toggleSupportDialog">Fermer</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</div>

6
docs/.vuepress/theme/components/Navbar.vue
View file

@ -9,11 +9,11 @@
<v-btn class="hidden-sm-and-down" @click.stop="setIsThemeDark" icon>
<v-icon v-html="$vuetify.theme.dark ? 'mdi-brightness-4' : 'mdi-brightness-7'"></v-icon>
</v-btn>
<v-btn class="hidden-sm-and-down" @click.stop="toggleAboutDialog" icon>
<v-btn class="hidden-sm-and-down" link :to="{path: '/a-propos/'}" icon>
<v-icon>mdi-information</v-icon>
</v-btn>
<v-btn class="hidden-sm-and-down" v-if="$site.themeConfig.kofi" link :href="$site.themeConfig.kofi" target="_blank" icon>
<v-icon>mdi-glass-mug-variant</v-icon>
<v-btn class="hidden-sm-and-down" v-if="$site.themeConfig.kofi" @click.stop="toggleSupportDialog" icon>
<v-icon color="#BDB76B">mdi-glass-mug-variant</v-icon>
</v-btn>
<v-btn class="ml-5" @click.stop="setRightDrawer" icon v-if="hasRightDrawer">
<v-icon>{{ rightDrawerIcon }}</v-icon>

4
docs/.vuepress/theme/components/SearchBox.vue
View file

@ -55,7 +55,7 @@ export default {
}
})
const { pages } = this.$site
console.log(pages)
// console.log(pages)
this.index.add(pages)
},
@ -71,7 +71,7 @@ export default {
encode: 'extra'
},
(result) => {
console.log(result)
// console.log(result)
this.items = result
this.loading = false
})