5E/5e-drs
1
0
Fork 0
mirror of https://github.com/em-squared/5e-drs.git synced 2025-12-17 07:30:47 +00:00
Code Issues Projects Releases Wiki Activity

outils de création de sorts/monstres/objets

Browse source
This commit is contained in:
Maxime Moraine 2020-04-22 11:17:05 +02:00
parent 6237f0e6a2
commit a6986c42c6
48 changed files with 2743 additions and 259 deletions
Download patch file Download diff file Expand all files Collapse all files

53
docs/.vuepress/theme/components/Spell.vue
View file

@ -2,37 +2,64 @@
<main class="page content">
<div class="theme-default-content">
<h1>{{ $page.title }}</h1>
<template v-if="!hideTitle">
<h1 v-if="!isList">{{ spell.title }}</h1>
<h2 v-else>{{ spell.title }}</h2>
</template>
<div class="spell-details">
<div class="spell-school-level" v-html="displaySchoolLevel()"></div>
<div class="spell-casting-time"><strong>Temps d'incantation</strong> : {{ $page.frontmatter.casting_time }}</div>
<div class="spell-range"><strong>Portée</strong> : {{ $page.frontmatter.range }}</div>
<div class="spell-school-level title" v-html="displaySchoolLevel()"></div>
<div class="spell-casting-time"><strong>Temps d'incantation</strong> : {{ spell.frontmatter.casting_time }}</div>
<div class="spell-range"><strong>Portée</strong> : {{ spell.frontmatter.range }}</div>
<div class="spell-components"><strong>Composantes</strong> :
<template v-if="$page.frontmatter.components.verbal">V</template><template v-if="$page.frontmatter.components.somatic || $page.frontmatter.components.material">,</template>
<template v-if="$page.frontmatter.components.somatic">S</template><template v-if="$page.frontmatter.components.material">,</template>
<template v-if="$page.frontmatter.components.material">M</template>
<template v-if="$page.frontmatter.components.materials">({{$page.frontmatter.components.materials}})</template>
<template v-if="spell.frontmatter.components.verbal">V</template><template v-if="spell.frontmatter.components.somatic || spell.frontmatter.components.material">,</template>
<template v-if="spell.frontmatter.components.somatic">S</template><template v-if="spell.frontmatter.components.material">,</template>
<template v-if="spell.frontmatter.components.material">M</template>
<template v-if="spell.frontmatter.components.material && spell.frontmatter.components.materials">({{spell.frontmatter.components.materials}})</template>
</div>
<div class="spell-duration"><strong>Durée</strong> : <span v-if="spell.frontmatter.concentration">concentration, </span>{{ spell.frontmatter.duration }}</div>
<div class="spell-classes" v-if="!isShort">
<strong>Classe</strong> : <span v-for="(c, idx) in spell.frontmatter.classes" :key="idx">{{c}}<template v-if="idx != spell.frontmatter.classes.length-1">, </template><template v-if="idx == spell.frontmatter.classes.length-1 && spell.frontmatter.customClasses">, </template></span>
<template v-if="spell.frontmatter.customClasses">
<template>{{ spell.frontmatter.customClasses }}</template>
</template>
</div>
<div class="spell-duration"><strong>Durée</strong> : <span v-if="$page.frontmatter.concentration">concentration, </span>{{ $page.frontmatter.duration }}</div>
<div class="spell-classes"><strong>Classe</strong> : <span v-for="(c, idx) in $page.frontmatter.classes" :key="idx">{{c}}<template v-if="idx != $page.frontmatter.classes.length-1">, </template></span></div>
</div>
</div>
<Content class="mt-4" />
<template v-if="!isShort">
<Content v-if="!spell.custom" :pageKey="spell.key" class="mt-4" />
<div v-else v-html="md.render(spell.content)" class="mt-4"></div>
</template>
<div v-else v-html="spell.frontmatter.description" class="mt-4"></div>
<p v-if="$page.frontmatter.source" class="source">Source : <em>{{ $page.frontmatter.source }}</em></p>
<p v-if="spell.frontmatter.source" class="source">Source : <em>{{ spell.frontmatter.source }}</em></p>
</main>
</template>
<script>
import { displaySchoolLevel } from '@theme/util/spellHelpers'
import MarkdownIt from 'markdown-it'
export default {
name: 'Spell',
props: ['spell', 'isList', 'hideTitle', 'isShort'],
data () {
return {
md: new MarkdownIt()
}
},
methods: {
displaySchoolLevel () {
return displaySchoolLevel(this.$page.frontmatter)
return displaySchoolLevel(this.spell.frontmatter)
}
},
mounted () {
// console.log(this.spell)
}
}
</script>