mirror of
https://github.com/em-squared/5e-drs.git
synced 2025-10-30 13:14:20 +00:00
105 lines
3 KiB
Vue
105 lines
3 KiB
Vue
<template>
|
|
<div class="my-spells">
|
|
<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 color="primary" class="mr-4 mb-4" depressed link to="/creation-de-sort/"><v-icon left>mdi-plus</v-icon> Créer un sort</v-btn>
|
|
<v-btn color="primary" class="mb-4" depressed link to="/grimoire/">Grimoire</v-btn>
|
|
</div>
|
|
</div>
|
|
|
|
<h1>Mon grimoire</h1>
|
|
|
|
<div class="my-4 d-flex flex-wrap d-print-none">
|
|
<v-btn outlined color="accent" class="mr-1 mb-1" depressed @click="print"><v-icon>mdi-printer</v-icon> Imprimer</v-btn>
|
|
<v-btn outlined color="accent" class="mr-1 mb-1" depressed @click="download"><v-icon>mdi-file-download</v-icon> Sauvegarder</v-btn>
|
|
<v-btn outlined color="accent" class="mr-1 mb-1" depressed :loading="isUploading" @click="onUploadClick">
|
|
<v-icon left>mdi-file-upload</v-icon> Charger
|
|
</v-btn>
|
|
<input ref="uploader" class="d-none" type="file" @change="upload">
|
|
<v-btn outlined color="error" class="mb-1" depressed @click="$store.commit('mySpells/resetSpells')"><v-icon>mdi-delete</v-icon> Effacer le grimoire</v-btn>
|
|
</div>
|
|
|
|
<MySpells />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Breadcrumb from '@theme/components/Breadcrumb'
|
|
import MySpells from '@theme/components/MySpells'
|
|
import { saveAs } from 'file-saver'
|
|
|
|
export default {
|
|
name: 'MySpellsLayout',
|
|
|
|
components: {
|
|
Breadcrumb,
|
|
MySpells
|
|
},
|
|
|
|
data () {
|
|
return {
|
|
isUploading: false
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
download () {
|
|
saveAs(new Blob([JSON.stringify(this.$store.state.mySpells)], {
|
|
type: "text/plain;charset=utf-8"
|
|
}), "grimoire.json")
|
|
},
|
|
|
|
upload (e) {
|
|
let file = e.target.files[0]
|
|
let reader = new FileReader()
|
|
let self = this
|
|
|
|
reader.onload = function() {
|
|
let result = JSON.parse(reader.result)
|
|
let isValid = true
|
|
if (result.spells && result.spells.length >= 1) {
|
|
for (var s of result.spells) {
|
|
if (s.pid !== 'spell') {
|
|
isValid = false
|
|
}
|
|
}
|
|
}
|
|
if (isValid) {
|
|
self.$store.commit('mySpells/setSpells', result.spells)
|
|
if (result.spellSlots) {
|
|
self.$store.commit('mySpells/setSpellSlots', result.spellSlots)
|
|
}
|
|
if (result.notPrintedSpells) {
|
|
self.$store.commit('mySpells/setNotPrintedSpells', result.notPrintedSpells)
|
|
}
|
|
}
|
|
}
|
|
|
|
reader.readAsText(file)
|
|
},
|
|
|
|
onUploadClick () {
|
|
this.isUploading = true
|
|
window.addEventListener('focus', () => {
|
|
this.isUploading = false
|
|
}, { once: true })
|
|
|
|
this.$refs.uploader.click()
|
|
},
|
|
|
|
print () {
|
|
window.print()
|
|
}
|
|
},
|
|
|
|
mounted () {
|
|
this.$store.commit('setHasRightDrawer', false)
|
|
this.$store.commit('setRightDrawer', this.$vuetify.breakpoint.lgAndUp)
|
|
this.$store.commit('setInRightDrawer', null)
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|