From 6237f0e6a233331f2c5de466c3f2d226ce6beaf3 Mon Sep 17 00:00:00 2001 From: Maxime Moraine Date: Sat, 18 Apr 2020 15:27:29 +0200 Subject: [PATCH] you shall not pass... or maybe yes --- docs/.vuepress/store/index.js | 4 ++ docs/.vuepress/theme/components/NavDrawer.vue | 6 ++- docs/.vuepress/theme/components/Navbar.vue | 6 ++- docs/.vuepress/theme/layouts/GlobalLayout.vue | 51 +++++++++++++++++++ package.json | 1 + yarn.lock | 5 ++ 6 files changed, 71 insertions(+), 2 deletions(-) diff --git a/docs/.vuepress/store/index.js b/docs/.vuepress/store/index.js index 40cd900..e319d08 100644 --- a/docs/.vuepress/store/index.js +++ b/docs/.vuepress/store/index.js @@ -7,6 +7,8 @@ import monsterFilters from './modules/monsterFilters' Vue.use(Vuex) +import Cookies from 'js-cookie' + export default new Vuex.Store({ modules: { spellFilters, @@ -76,6 +78,8 @@ export default new Vuex.Store({ }, setIsThemeDark: (state, payload) => { state.isThemeDark = payload + console.log(payload) + Cookies.set('heros-et-dragons-is-dark', state.isThemeDark) }, setIsOpenAboutDialog: (state, payload) => { state.isOpenAboutDialog = payload diff --git a/docs/.vuepress/theme/components/NavDrawer.vue b/docs/.vuepress/theme/components/NavDrawer.vue index 1bdfe4c..2cd73d2 100644 --- a/docs/.vuepress/theme/components/NavDrawer.vue +++ b/docs/.vuepress/theme/components/NavDrawer.vue @@ -99,7 +99,7 @@
- +
@@ -191,6 +191,10 @@ export default { }, toggleAboutDialog () { this.$store.commit('setIsOpenAboutDialog', !this.$store.state.isOpenAboutDialog) + }, + setIsThemeDark () { + this.$vuetify.theme.dark = !this.$vuetify.theme.dark + this.$store.commit('setIsThemeDark', this.$vuetify.theme.dark) } } } diff --git a/docs/.vuepress/theme/components/Navbar.vue b/docs/.vuepress/theme/components/Navbar.vue index c1039a5..bf4b3fb 100644 --- a/docs/.vuepress/theme/components/Navbar.vue +++ b/docs/.vuepress/theme/components/Navbar.vue @@ -6,7 +6,7 @@ - + @@ -70,6 +70,10 @@ export default { }, toggleAboutDialog () { this.$store.commit('setIsOpenAboutDialog', !this.$store.state.isOpenAboutDialog) + }, + setIsThemeDark () { + this.$vuetify.theme.dark = !this.$vuetify.theme.dark + this.$store.commit('setIsThemeDark', this.$vuetify.theme.dark) } }, diff --git a/docs/.vuepress/theme/layouts/GlobalLayout.vue b/docs/.vuepress/theme/layouts/GlobalLayout.vue index 01a031c..543f476 100644 --- a/docs/.vuepress/theme/layouts/GlobalLayout.vue +++ b/docs/.vuepress/theme/layouts/GlobalLayout.vue @@ -16,6 +16,27 @@ + + + Meneur de jeu + +

Tu te trouves seul dans l'obscurité du repaire du dragon noir. Tu serres ton bâton de magicien entre tes mains et t'apprêtes à réagir à la moindre menace.

+

Que fais-tu ?

+ + + + Valider + + + + + + +
Ce site utilise des cookies pour son bon fonctionnement et pour l'analyse de la fréquentation. Sans ces cookies, vous ne pourriez pas écrire vos sorts dans votre grimoire ou recruter tous ces monstres pour garnir votre repaire maléfique.
+ Compris + + + @@ -26,6 +47,7 @@ import NavDrawer from '@theme/components/NavDrawer.vue' import RightDrawer from '@theme/components/RightDrawer.vue' import Vue from 'vue' import RuleTooltip from '@theme/global-components/RT' +import Cookies from 'js-cookie' export default { name: 'GlobalLayout', @@ -39,6 +61,9 @@ export default { data () { return { + shallNotPass: true, + iWantTo: null, + cookieConsentDialog: true, } }, @@ -60,6 +85,22 @@ export default { mounted () { this.$store.commit('setDrawer', this.$vuetify.breakpoint.lgAndUp) + const AUTHORIZED = Cookies.get('shallpass') + if (AUTHORIZED) { + this.shallNotPass = false + } + + // Cookie consent + const COOKIECONSENT = Cookies.get('heros-et-dragons-cookies') + if (COOKIECONSENT == 'compris') { + this.cookieConsentDialog = false + } + + // Cookie consent + const THEMEISDARK = Cookies.get('heros-et-dragons-is-dark') + if (THEMEISDARK === 'true') { + this.$vuetify.theme.dark = true + } // this.$vuetify.theme.dark = this.$store.state.isThemeDark // let conditionLinks = document.links @@ -79,6 +120,16 @@ export default { }, methods: { + setShallPass () { + if (this.iWantTo == 'Je veux lancer un projectile magique !') { + Cookies.set('shallpass', true) + this.shallNotPass = false + } + }, + setCookieConsent () { + Cookies.set('heros-et-dragons-cookies', 'compris') + this.cookieConsentDialog = false + } } } diff --git a/package.json b/package.json index bb0247a..a41b316 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,7 @@ "@vuepress/plugin-blog": "^1.9.2", "@vuepress/plugin-pwa": "^1.4.1", "flexsearch": "nextapps-de/flexsearch", + "js-cookie": "^2.2.1", "markdown-it-div": "^1.1.0", "markdown-it-multimd-table": "^4.0.1", "material-design-icons-iconfont": "^5.0.1", diff --git a/yarn.lock b/yarn.lock index 4560107..ce07988 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4694,6 +4694,11 @@ js-base64@^2.1.8: resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.5.2.tgz#313b6274dda718f714d00b3330bbae6e38e90209" integrity sha512-Vg8czh0Q7sFBSUMWWArX/miJeBWYBPpdU/3M/DKSaekLMqrqVPaedp+5mZhie/r0lgrcaYBfwXatEew6gwgiQQ== +js-cookie@^2.2.1: + version "2.2.1" + resolved "https://registry.yarnpkg.com/js-cookie/-/js-cookie-2.2.1.tgz#69e106dc5d5806894562902aa5baec3744e9b2b8" + integrity sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ== + "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"