From f3643e6eaf01828d30543801a1f088298607f39f Mon Sep 17 00:00:00 2001
From: Maxime Moraine <mmoraine@bearstech.com>
Date: Sun, 5 Apr 2020 16:23:27 +0200
Subject: [PATCH] spell tooltip

---
 .../.vuepress/theme/components/Breadcrumb.vue |  1 -
 .../theme/global-components/SpellTooltip.vue  | 64 +++++++++++++++++++
 .../.vuepress/theme/styles/_spelltooltip.scss | 30 +++++++++
 docs/.vuepress/theme/styles/main.scss         |  2 +
 docs/_spells/appel-de-familier.md             |  1 +
 docs/classes/sorcier/README.md                |  4 +-
 6 files changed, 99 insertions(+), 3 deletions(-)
 create mode 100644 docs/.vuepress/theme/global-components/SpellTooltip.vue
 create mode 100644 docs/.vuepress/theme/styles/_spelltooltip.scss

diff --git a/docs/.vuepress/theme/components/Breadcrumb.vue b/docs/.vuepress/theme/components/Breadcrumb.vue
index 801146e..0778968 100644
--- a/docs/.vuepress/theme/components/Breadcrumb.vue
+++ b/docs/.vuepress/theme/components/Breadcrumb.vue
@@ -21,7 +21,6 @@
         for (let i = 0; i < parts.length; i++) {
           let disabled = false
           if (i == parts.length - 1) {
-            console.log(parts[i])
             disabled = true
           }
           link += parts[i]
diff --git a/docs/.vuepress/theme/global-components/SpellTooltip.vue b/docs/.vuepress/theme/global-components/SpellTooltip.vue
new file mode 100644
index 0000000..16ca482
--- /dev/null
+++ b/docs/.vuepress/theme/global-components/SpellTooltip.vue
@@ -0,0 +1,64 @@
+<template>
+  <span>
+    <router-link :to="{ path: spellPath }" v-if="spell">
+      <v-tooltip content-class="spell-tooltip-container" top>
+        <template v-slot:activator="{ on }">
+          <em v-on="on">{{ label }}</em>
+        </template>
+        <div class="spell-tooltip">
+          <p class="spell-tooltip-title"><strong>{{ spell.title }}</strong></p>
+          <div class="spell-details">
+            <div class="spell-school-level" 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="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.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>
+          <div class="spell-description">{{ spell.frontmatter.description }}</div>
+        </div>
+      </v-tooltip>
+    </router-link>
+    <router-link :to="{ path: spellPath }" v-else>{{ label }}</router-link>
+  </span>
+</template>
+
+<script>
+import {displaySchoolLevel} from '@theme/util/spellHelpers'
+
+export default {
+  name: 'SpellTooltip',
+
+  props: [
+    'label',
+    'path'
+  ],
+
+  data () {
+    return {
+      spellPath: '',
+      spell: ''
+    }
+  },
+
+  methods: {
+    displaySchoolLevel () {
+      return displaySchoolLevel(this.spell.frontmatter)
+    }
+  },
+
+  mounted () {
+    console.log(this.path)
+    this.spellPath = '/grimoire/' + this.path + '/'
+    this.spell = this.$site.pages.find((el) => el.path === this.spellPath || el.path === this.spellPath + "/")
+    console.log(this.spell)
+  }
+}
+</script>
+
+<style lang="scss">
+</style>
diff --git a/docs/.vuepress/theme/styles/_spelltooltip.scss b/docs/.vuepress/theme/styles/_spelltooltip.scss
new file mode 100644
index 0000000..383af9a
--- /dev/null
+++ b/docs/.vuepress/theme/styles/_spelltooltip.scss
@@ -0,0 +1,30 @@
+.v-tooltip__content {
+  &.spell-tooltip-container {
+    opacity: 1 !important;
+
+    .spell-tooltip {
+      text-align: left;
+      width: 50vw;
+      max-width: 555px;
+      min-width: 350px;
+      background-color: #fff;
+      color: #555;
+      margin: -5px -16px -21px;
+      padding: 12px;
+      box-shadow: 0 0 12px #333;
+      border-radius: 5px;
+
+      .spell-tooltip-title {
+        background-color: $color-dragon;
+        color: #fff;
+        margin: -12px -12px 6px;
+        padding: 12px;
+        border-radius: 5px 5px 0 0;
+      }
+
+      .spell-details {
+        margin-bottom: 24px;
+      }
+    }
+  }
+}
diff --git a/docs/.vuepress/theme/styles/main.scss b/docs/.vuepress/theme/styles/main.scss
index 0820de0..872cbf5 100644
--- a/docs/.vuepress/theme/styles/main.scss
+++ b/docs/.vuepress/theme/styles/main.scss
@@ -5,3 +5,5 @@
 @import "tables";
 @import "blocks";
 @import "layout";
+
+@import "spelltooltip";
diff --git a/docs/_spells/appel-de-familier.md b/docs/_spells/appel-de-familier.md
index b8291fb..fcd7635 100644
--- a/docs/_spells/appel-de-familier.md
+++ b/docs/_spells/appel-de-familier.md
@@ -1,5 +1,6 @@
 ---
 title: "Appel de familier"
+description: "Le PJ s’attache les services d’un animal familier."
 school: "Invocation"
 level: 1
 concentration: false
diff --git a/docs/classes/sorcier/README.md b/docs/classes/sorcier/README.md
index 5e1f6f6..2e690c0 100644
--- a/docs/classes/sorcier/README.md
+++ b/docs/classes/sorcier/README.md
@@ -62,7 +62,7 @@ Au niveau 1, vous connaissez deux tours de magie de votre choix parmi la liste d
 ### Emplacements de sorts
 Vous trouverez dans le tableau d'évolution du sorcier le nombre d'emplacements de sorts à votre disposition. Tous vos emplacements de sort sont de même niveau. Pour lancer un de vos sorts de sorcier de niveau 1 ou supérieur, vous devez utiliser un emplacement de sort. Vous regagnez tous les emplacements de sort que vous avez utilisés après un repos court ou un repos long.
 
-Par exemple, si vous êtes au niveau 5, vous avez deux emplacements de sort de niveau 3. Pour lancer le sort de niveau 1 [_vague tonnante_](/grimoire/vague-tonnante), vous devez utiliser un de ces emplacements de sort, et vous le lancez comme un sort de niveau 3.
+Par exemple, si vous êtes au niveau 5, vous avez deux emplacements de sort de niveau 3. Pour lancer le sort de niveau 1 <SpellTooltip label="vague tonnante" path="vague-tonnante" />, vous devez utiliser un de ces emplacements de sort, et vous le lancez comme un sort de niveau 3.
 
 ### Sorts connus de niveau 1 et supérieur
 Au niveau 1, vous connaissez deux sorts de niveau 1 choisis dans la liste de <router-link :to="{ path: '/grimoire/', query: { classes: 'Sorcier' }}">sorts de sorcier</router-link>.
@@ -92,7 +92,7 @@ De plus, quand vous gagnez un niveau dans cette classe, vous pouvez choisir une
 Au niveau 3, votre protecteur d'outre-monde vous accorde un cadeau en récompense de vos loyaux services. Vous gagnez au choix l'une des trois aptitudes suivantes.
 
 #### Pacte de la chaîne
-Vous apprenez le sort [_appel de familier_](/grimoire/appel-de-familier/), que pouvez lancer comme un rituel. Ce sort n'est pas comptabilisé parmi les sorts que vous connaissez.
+Vous apprenez le sort <SpellTooltip label="appel de familier" path="appel-de-familier" />, que pouvez lancer comme un rituel. Ce sort n'est pas comptabilisé parmi les sorts que vous connaissez.
 
 Quand vous lancez ce sort, vous pouvez choisir une forme classique pour votre familier ou l'une des formes spéciales suivantes : diablotin, quasit, stirge ou serpent volant.