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

intégration des cinq royaumes

Browse source
This commit is contained in:
Maxime Moraine 2020-06-10 10:30:32 +02:00
parent 62cf701300
commit 29a950bc72
25 changed files with 866 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

2
docs/.vuepress/theme/components/Edit.vue
View file

@ -1,7 +1,7 @@
<template>
<div class="d-print-none" v-if="reposity && !$page.frontmatter.notEditable">
<v-divider class="my-4"/>
<v-btn link depressed :href="source" target="_blank" color="accent" outlined><v-icon left>mdi-pencil</v-icon> Modifier</v-btn>
<v-btn link depressed :href="source" target="_blank" color="accent" outlined><v-icon left>mdi-pencil</v-icon> Corriger</v-btn>
</div>
</template>

11
docs/.vuepress/theme/components/Monster.vue
View file

@ -17,9 +17,14 @@
<span>{{ displayAC() }}</span>
</div>
<div class="monster-hit-points">
<strong>Points de vie</strong>
<strong v-if="$store.state.l5r">Points de combativité</strong>
<strong v-else>Points de vie</strong>
<span>{{ hp }}</span>
</div>
<div v-if="$store.state.l5r" class="monster-vitality-points">
<strong>Points de vitalité</strong>
<span>{{ vp }}</span>
</div>
<div class="monster-movement">
<strong>Vitesse</strong>
<template>{{ displayMovement() }}</template>
@ -224,6 +229,10 @@ export default {
return ""
},
vp () {
return Number(this.monsterStats.abilityScores.con) + 4 + Math.floor(this.monsterStats.challenge)
},
languages () {
let result = this.monsterStats.languages.join(', ')
if (this.monsterStats.customLanguage) {

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

@ -16,7 +16,10 @@
<v-list-group v-if="item.children" :key="item.title" :value="isExpanded(item)" color="accent">
<template v-slot:activator>
<v-list-item-icon v-if="item.icon">
<v-icon v-text="item.icon"></v-icon>
<span class="v-icon" v-if="item.customIcon" v-html="item.icon"></span>
<template v-else>
<v-icon v-text="item.icon"></v-icon>
</template>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>
@ -38,7 +41,7 @@
</v-list-item-title>
</v-list-item-content>
</template>
<v-list-item v-for="subchild in child.children" link :to="{path: subchild.path}" :exact="subchild.exact">
<v-list-item v-for="subchild in child.children" link :to="{path: subchild.path}" exact>
<v-list-item-icon v-if="subchild.icon">
<v-icon v-text="subchild.icon"></v-icon>
</v-list-item-icon>
@ -51,7 +54,7 @@
</v-list-item>
</v-list-group>
<v-divider v-else-if="child.type == 'divider'" />
<v-list-item v-else :key="child.title" link :to="{path: child.path}" :exact="child.exact">
<v-list-item v-else :key="child.title" link :to="{path: child.path}" exact>
<v-list-item-icon v-if="child.icon">
<v-icon v-text="child.icon"></v-icon>
</v-list-item-icon>
@ -65,7 +68,7 @@
</template>
</v-list-group>
<v-divider v-else-if="item.type == 'divider'" />
<v-list-item v-else :key="item.title" link :to="{path: item.path}" color="accent" :exact="item.exact">
<v-list-item v-else :key="item.title" link :to="{path: item.path}" color="accent" exact>
<v-list-item-icon v-if="item.icon">
<v-icon v-text="item.icon"></v-icon>
</v-list-item-icon>
@ -76,26 +79,50 @@
</v-list-item-content>
</v-list-item>
</template>
<v-list-item v-if="$site.themeConfig.forum" link :href="$site.themeConfig.forum" target="_blank">
<v-list-item-icon>
<v-icon>mdi-forum</v-icon>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>
Forum
</v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-list-item v-if="$site.themeConfig.discord" link :href="$site.themeConfig.discord" target="_blank">
<v-list-item-icon>
<v-icon>mdi-discord</v-icon>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>
Discord
</v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-list-group key="community" color="accent">
<template v-slot:activator>
<v-list-item-icon>
<v-icon>mdi-account-group</v-icon>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>
Communauté
</v-list-item-title>
</v-list-item-content>
</template>
<v-list-item v-if="$site.themeConfig.forum" link :href="$site.themeConfig.forum" target="_blank">
<v-list-item-icon>
<v-icon>mdi-forum</v-icon>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>
Forum
</v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-list-item v-if="$site.themeConfig.discordHDNO" link :href="$site.themeConfig.discordHDNO" target="_blank">
<v-list-item-icon>
<v-icon>mdi-discord</v-icon>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>
Discord H&D Non Officiel
</v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-list-item v-if="$site.themeConfig.discord" link :href="$site.themeConfig.discord" target="_blank">
<v-list-item-icon>
<v-icon>mdi-discord</v-icon>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>
Discord H&D DRS
</v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-divider/>
</v-list-group>
<v-list-item v-if="$site.themeConfig.repository" link :href="$site.themeConfig.repository" target="_blank">
<v-list-item-icon>
<v-icon>mdi-github</v-icon>

1
docs/.vuepress/theme/layouts/CreateMonsterLayout.vue
View file

@ -3,6 +3,7 @@
<div class="d-flex flex-wrap align-center d-print-none">
<Breadcrumb class="mr-auto mb-4" />
<div class="d-flex flex-wrap align-center">
<v-btn :outlined="!$store.state.l5r" color="primary" class="mr-4 mb-4" depressed @click="$store.commit('setL5r', !$store.state.l5r)"><span class="orn">8</span> Règles cinq royaumes</v-btn>
<MyMonstersButton class="mr-4" />
<v-btn color="primary" class="mb-4" depressed link to="/bestiaire/">Bestiaire</v-btn>
</div>

6
docs/.vuepress/theme/layouts/GlobalLayout.vue
View file

@ -104,12 +104,16 @@ export default {
this.cookieConsentDialog = false
}
// Cookie consent
// Dark theme
const THEMEISDARK = Cookies.get('heros-et-dragons-is-dark')
if (THEMEISDARK === 'true') {
this.$vuetify.theme.dark = true
}
// Variante 5 royaumes pour les monstres
const L5R = Cookies.get('heros-et-dragons-l5r')
this.$store.state.l5r = L5R
// Chargement des donées utilisateur depuis le navigateur
this.$store.commit('mySpells/initialiseStore')
this.$store.commit('myMonsters/initialiseStore')

1
docs/.vuepress/theme/layouts/MonsterLayout.vue
View file

@ -3,6 +3,7 @@
<div class="d-flex flex-wrap align-center d-print-none">
<Breadcrumb class="mr-auto mb-4" />
<div class="d-flex flex-wrap align-center">
<v-btn :outlined="!$store.state.l5r" color="primary" class="mr-4 mb-4" depressed @click="$store.commit('setL5r', !$store.state.l5r)"><span class="orn">8</span> Règles cinq royaumes</v-btn>
<v-btn color="primary" class="mr-4 mb-4" depressed link to="/creation-de-monstre-pnj/"><v-icon left>mdi-plus</v-icon> Créer un monstre</v-btn>
<v-btn :outlined="!isMonsterInBestiary" color="accent" class="mr-4 mb-4" depressed @click="toggleMonsterInBestiary"><v-icon>mdi-book</v-icon> {{ displayToggleMonsterButton }}</v-btn>
<MyMonstersButton />

1
docs/.vuepress/theme/layouts/MonstersLayout.vue
View file

@ -4,6 +4,7 @@
<div class="d-flex flex-wrap align-center">
<Breadcrumb class="mr-auto mb-4" />
<div class="d-flex flex-wrap align-center">
<v-btn :outlined="!$store.state.l5r" color="primary" class="mr-4 mb-4" depressed @click="$store.commit('setL5r', !$store.state.l5r)"><span class="orn">8</span> Règles cinq royaumes</v-btn>
<v-btn color="primary" class="mr-4 mb-4" depressed link to="/creation-de-monstre-pnj/"><v-icon left>mdi-plus</v-icon> Créer un monstre</v-btn>
<MyMonstersButton />
</div>

1
docs/.vuepress/theme/layouts/MyMonstersLayout.vue
View file

@ -2,6 +2,7 @@
<div class="my-monsters">
<div class="d-flex align-center mb-4 d-print-none">
<Breadcrumb class="mr-auto" />
<v-btn :outlined="!$store.state.l5r" color="primary" class="mr-4" depressed @click="$store.commit('setL5r', !$store.state.l5r)"><span class="orn">8</span> Règles cinq royaumes</v-btn>
<v-btn color="primary" class="mr-4" depressed link to="/creation-de-monstre-pnj/"><v-icon left>mdi-plus</v-icon> Créer un monstre</v-btn>
<v-btn color="primary" depressed link to="/bestiaire/">Bestiaire</v-btn>
</div>

41
docs/.vuepress/theme/styles/_typography.scss
View file

@ -1,5 +1,18 @@
@import url('https://fonts.googleapis.com/css2?family=Spectral+SC:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@font-face {
font-family: "ornaments";
src: url("/fonts/ornaments.eot"); /* IE9 Compat Modes */
src: url("/fonts/ornaments.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("/fonts/ornaments.otf") format("opentype"), /* Open Type Font */
url("/fonts/ornaments.svg") format("svg"), /* Legacy iOS */
url("/fonts/ornaments.ttf") format("truetype"), /* Safari, Android, iOS */
url("/fonts/ornaments.woff") format("woff"), /* Modern Browsers */
url("/fonts/ornaments.woff2") format("woff2"); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
.home-logo {
max-width: 300px;
width: 100%;
@ -57,3 +70,31 @@ ul {
color: #eee;
}
}
.orn {
font-family: 'ornaments';
font-weight: normal;
}
.theme--light {
.v-icon {
.orn {
color:rgba(0, 0, 0, 0.54);
}
}
.v-list-item--active {
.v-icon {
.orn {
color: $color-hero;
}
}
}
}
.v-btn {
.orn {
font-size: 1.5rem;
margin-right: 0.5rem;
}
}