|
@@ -1,6 +1,11 @@
|
|
<template>
|
|
<template>
|
|
- <nav id="header-menu">
|
|
|
|
|
|
+ <nav id="header-menu" ref="header_menu">
|
|
<!-- <span v-if="!corpusLoaded" class="loading">Chargement ...</span> -->
|
|
<!-- <span v-if="!corpusLoaded" class="loading">Chargement ...</span> -->
|
|
|
|
+ <span
|
|
|
|
+ class="mdi mdi-menu burger-btn"
|
|
|
|
+ @click.prevent="onClickBTN"
|
|
|
|
+ @keyup.enter="onClickBTN"
|
|
|
|
+ />
|
|
<ul>
|
|
<ul>
|
|
<li>
|
|
<li>
|
|
<span v-if="!corpusLoaded" class="loading">Chargement ...</span>
|
|
<span v-if="!corpusLoaded" class="loading">Chargement ...</span>
|
|
@@ -22,11 +27,11 @@
|
|
</li>
|
|
</li>
|
|
<li><router-link to="/bibliography">Bibliographie</router-link></li>
|
|
<li><router-link to="/bibliography">Bibliographie</router-link></li>
|
|
<li><router-link to="/schema">Schema</router-link></li>
|
|
<li><router-link to="/schema">Schema</router-link></li>
|
|
- <li>
|
|
|
|
|
|
+ <!-- <li>
|
|
<a href="#" class="mdi mdi-login-variant" title="connexion">
|
|
<a href="#" class="mdi mdi-login-variant" title="connexion">
|
|
<span class="visualy-hidden">connexion</span>
|
|
<span class="visualy-hidden">connexion</span>
|
|
</a>
|
|
</a>
|
|
- </li>
|
|
|
|
|
|
+ </li> -->
|
|
</ul>
|
|
</ul>
|
|
</nav>
|
|
</nav>
|
|
</template>
|
|
</template>
|
|
@@ -49,12 +54,16 @@ export default {
|
|
$route (n, o) {
|
|
$route (n, o) {
|
|
// console.log('route changed')
|
|
// console.log('route changed')
|
|
this.indexOpened = false
|
|
this.indexOpened = false
|
|
|
|
+ this.$refs.header_menu.classList.remove('opened')
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
onClickIndex (e) {
|
|
onClickIndex (e) {
|
|
console.log('onClickIndex')
|
|
console.log('onClickIndex')
|
|
this.indexOpened = !this.indexOpened
|
|
this.indexOpened = !this.indexOpened
|
|
|
|
+ },
|
|
|
|
+ onClickBTN () {
|
|
|
|
+ this.$refs.header_menu.classList.toggle('opened')
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|